Linux ns1.utparral.edu.mx 6.8.0-79-generic #79~22.04.1-Ubuntu SMP PREEMPT_DYNAMIC Fri Aug 15 16:54:53 UTC 2 x86_64
Apache/2.4.58 (Unix) OpenSSL/1.1.1w PHP/8.2.12 mod_perl/2.0.12 Perl/v5.34.1
: 10.10.1.9 | : 10.10.1.254
Cant Read [ /etc/named.conf ]
daemon
Terminal
AUTO ROOT
Adminer
Backdoor Destroyer
Linux Exploit
Lock Shell
Lock File
Create User
README
+ Create Folder
+ Create File
/
etc /
alternatives /
[ HOME SHELL ]
Name
Size
Permission
Action
arptables
219.04
KB
-rwxr-xr-x
arptables-restore
219.04
KB
-rwxr-xr-x
arptables-save
219.04
KB
-rwxr-xr-x
awk
154.79
KB
-rwxr-xr-x
awk.1.gz
15.35
KB
-rw-r--r--
builtins.7.gz
508
B
-rw-r--r--
cpp
906.82
KB
-rwxr-xr-x
default.plymouth
1.65
KB
-rw-r--r--
ebtables
219.04
KB
-rwxr-xr-x
ebtables-restore
219.04
KB
-rwxr-xr-x
ebtables-save
219.04
KB
-rwxr-xr-x
editor
276.52
KB
-rwxr-xr-x
editor.1.gz
7.39
KB
-rw-r--r--
ex
1.45
MB
-rwxr-xr-x
ex.1.gz
5.38
KB
-rw-r--r--
ex.da.1.gz
5.51
KB
-rw-r--r--
ex.de.1.gz
6.72
KB
-rw-r--r--
ex.fr.1.gz
6.37
KB
-rw-r--r--
ex.it.1.gz
5.96
KB
-rw-r--r--
ex.ja.1.gz
5.73
KB
-rw-r--r--
ex.pl.1.gz
6.15
KB
-rw-r--r--
ex.ru.1.gz
6.96
KB
-rw-r--r--
ftp
178.9
KB
-rwxr-xr-x
ftp.1.gz
16.84
KB
-rw-r--r--
futurize
960
B
-rwxr-xr-x
gdm-smartcard
1.35
KB
-rw-r--r--
gdm-theme.gresource
3.72
MB
-rw-r--r--
gnome-text-editor
14.3
KB
-rwxr-xr-x
gnome-text-editor.1.gz
1.18
KB
-rw-r--r--
gnome-www-browser
2.32
KB
-rwxr-xr-x
gstreamer-codec-install
22.15
KB
-rwxr-xr-x
infobrowser
301.74
KB
-rwxr-xr-x
infobrowser.1.gz
1.38
KB
-rw-r--r--
ip6tables
219.04
KB
-rwxr-xr-x
ip6tables-restore
219.04
KB
-rwxr-xr-x
ip6tables-save
219.04
KB
-rwxr-xr-x
iptables
219.04
KB
-rwxr-xr-x
iptables-restore
219.04
KB
-rwxr-xr-x
iptables-save
219.04
KB
-rwxr-xr-x
libblas.so.3-x86_64-linux-gnu
657.84
KB
-rw-r--r--
liblapack.so.3-x86_64-linux-gnu
7.22
MB
-rw-r--r--
lzcat
82.52
KB
-rwxr-xr-x
lzcat.1.gz
20.17
KB
-rw-r--r--
lzcmp
6.86
KB
-rwxr-xr-x
lzcmp.1.gz
664
B
-rw-r--r--
lzdiff
6.86
KB
-rwxr-xr-x
lzdiff.1.gz
664
B
-rw-r--r--
lzegrep
5.87
KB
-rwxr-xr-x
lzegrep.1.gz
706
B
-rw-r--r--
lzfgrep
5.87
KB
-rwxr-xr-x
lzfgrep.1.gz
706
B
-rw-r--r--
lzgrep
5.87
KB
-rwxr-xr-x
lzgrep.1.gz
706
B
-rw-r--r--
lzless
1.76
KB
-rwxr-xr-x
lzless.1.gz
743
B
-rw-r--r--
lzma
82.52
KB
-rwxr-xr-x
lzma.1.gz
20.17
KB
-rw-r--r--
lzmore
2.11
KB
-rwxr-xr-x
lzmore.1.gz
636
B
-rw-r--r--
mt
66.73
KB
-rwxr-xr-x
mt.1.gz
1.98
KB
-rw-r--r--
nawk
154.79
KB
-rwxr-xr-x
nawk.1.gz
15.35
KB
-rw-r--r--
nc
38.63
KB
-rwxr-xr-x
nc.1.gz
6.16
KB
-rw-r--r--
netcat
38.63
KB
-rwxr-xr-x
netcat.1.gz
6.16
KB
-rw-r--r--
newt-palette
160
B
-rw-r--r--
open
25.46
KB
-rwxr-xr-x
open.1.gz
1.24
KB
-rw-r--r--
pager
194.38
KB
-rwxr-xr-x
pager.1.gz
22.41
KB
-rw-r--r--
pasteurize
964
B
-rwxr-xr-x
pico
276.52
KB
-rwxr-xr-x
pico.1.gz
7.39
KB
-rw-r--r--
pinentry
74.66
KB
-rwxr-xr-x
pinentry.1.gz
1.38
KB
-rw-r--r--
pinentry-x11
74.66
KB
-rwxr-xr-x
pinentry-x11.1.gz
1.38
KB
-rw-r--r--
rcp
130.59
KB
-rwxr-xr-x
rcp.1.gz
3.09
KB
-rw-r--r--
README
100
B
-rw-r--r--
rlogin
827.04
KB
-rwxr-xr-x
rlogin.1.gz
14.92
KB
-rw-r--r--
rmt
58.57
KB
-rwxr-xr-x
rmt.8.gz
2.34
KB
-rw-r--r--
rsh
827.04
KB
-rwxr-xr-x
rsh.1.gz
14.92
KB
-rw-r--r--
rview
1.45
MB
-rwxr-xr-x
shimx64.efi.signed
944.01
KB
-rw-r--r--
telnet
107.56
KB
-rwxr-xr-x
telnet.1.gz
8.8
KB
-rw-r--r--
text.plymouth
205
B
-rw-r--r--
unlzma
82.52
KB
-rwxr-xr-x
unlzma.1.gz
20.17
KB
-rw-r--r--
vi
1.45
MB
-rwxr-xr-x
vi.1.gz
5.38
KB
-rw-r--r--
vi.da.1.gz
5.51
KB
-rw-r--r--
vi.de.1.gz
6.72
KB
-rw-r--r--
view
1.45
MB
-rwxr-xr-x
view.1.gz
5.38
KB
-rw-r--r--
view.da.1.gz
5.51
KB
-rw-r--r--
view.de.1.gz
6.72
KB
-rw-r--r--
view.fr.1.gz
6.37
KB
-rw-r--r--
view.it.1.gz
5.96
KB
-rw-r--r--
view.ja.1.gz
5.73
KB
-rw-r--r--
view.pl.1.gz
6.15
KB
-rw-r--r--
view.ru.1.gz
6.96
KB
-rw-r--r--
vi.fr.1.gz
6.37
KB
-rw-r--r--
vi.it.1.gz
5.96
KB
-rw-r--r--
vi.ja.1.gz
5.73
KB
-rw-r--r--
vi.pl.1.gz
6.15
KB
-rw-r--r--
vi.ru.1.gz
6.96
KB
-rw-r--r--
vtrgb
158
B
-rw-r--r--
which
946
B
-rwxr-xr-x
which.1.gz
431
B
-rw-r--r--
which.de1.gz
797
B
-rw-r--r--
which.es1.gz
556
B
-rw-r--r--
which.fr1.gz
864
B
-rw-r--r--
which.it1.gz
553
B
-rw-r--r--
which.ja1.gz
685
B
-rw-r--r--
which.pl1.gz
751
B
-rw-r--r--
which.sl1.gz
616
B
-rw-r--r--
write
22.38
KB
-rwxr-xr-x
write.1.gz
1.38
KB
-rw-r--r--
x-cursor-theme
32
B
-rw-r--r--
x-session-manager
803
B
-rwxr-xr-x
x-session-manager.1.gz
2.71
KB
-rw-r--r--
x-terminal-emulator
2.65
KB
-rwxr-xr-x
x-terminal-emulator.1.gz
2.23
KB
-rw-r--r--
x-www-browser
2.32
KB
-rwxr-xr-x
Delete
Unzip
Zip
${this.title}
Close
Code Editor : gdm-theme.gresource
GVariant h (� ! " % % & ' ( * * + , - - - . 0 0 1 2 5 7 8 8 8 8 : = = = ? @ @ A C C C E F F H H I I J K M M M O O Q R S S S T W Y Z [ [ ] ^ ` b f f g h j m m o p q q r r r s u v w x x x y y z { | } ~ � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � ~��#� h v � � ? C � � v � � Kٜ � v � 7 �96� 7 v P � eI�� � v � ) _�#� ) v @ � � �a � v � �� b �� v س /� u�W� /� v P� '� �Μ '� v H� � �**�a � v 8� nP �z�М nP v �P BT @�� BT v XT V Uh��� V v V �X � �Ԝ �X v �X ,\ �Wur� ,\ v H\ �^ 6��a �^ v �^ �� ud�j� �� v � � M��V� � v 8� �� �R�C� �� v �� � KP� � L � � K�"� � v 8� � ���a � v 8� 4� @�,�a 4� v P� �1 �� �� �1 v �1 4 ��?�� 4 v @4 '5 ��}�a '5 v @5 \� �%&�� \� v x� _� �?i� _� v �� �� Ե ������ L �� �� ���� �� v � `� ]�ja `� " v �� �n =<�4� �n v �n �o ��|� �o v �o Xr �# e� Xr v pr Ws O=�� Ws v ps �t g�7�a �t v �t � mm++� � v % �˭H� % v 0% �' � �a �' v �' � ��u a � v � \ H �� \ v 0\ �] -� �] & v �] �^ M5�� �^ ! v �^ �_ ����� �_ v ` �` �#�� �` v a �a �� � �a v b ac ��� � ac v �c �d �E_ � �d " v e �e �Aۜ �e v �e 7g �P;� 7g v Pg �h �W$�� �h v �h �i � 3�� �i v �i l ����a l v l B � �p� B & v h ? (��� ? v H +� F e� +� v P� �� ��s2a �� v �� �:" q��a� �:" v ;" g<" KF�B� g<" v x<" �=" ��/� �=" % v �=" �>" YUy� �>" v �>" G@" �x�� G@" v `@" �B" ��` � �B" v �B" 0E" M� �a 0E" v PE" M�$ x>� M�$ v `�$ ��$ ��� � ��$ " v ��$ ��$ #q�!� ��$ ! v ��$ @�$ ��D�� @�$ v `�$ ��$ �p �� ��$ v ��$ ��$ v�.�� ��$ ' v �$ _�$ Jԭta _�$ v x�$ [�' EP�� [�' v p�' Є' .^O�a Є' v �' \ * s��� \ * v p * � * f�Pݜ � * v � * @"* xT�� @"* v `"* G#* %w!�a G#* v `#* ��, Y�I� ��, v ȼ, �, !v�}� �, v �, _�, C�]8� _�, v x�, �, �,xΜ �, v �, /�, 5� � /�, v P�, ��, а�� ��, $ v ��, ��, ��ޘ� ��, v ��, ��, Kѐ� ��, v ��, �, O �� �, v @�, �, :6a�� �, v ��, ��, n��H� ��, v �, ��, �� � ��, v �, _�, 6ȣ� _�, v x�, ��, *Ë�� ��, v ��, ��, r�뙜 ��, v ��, ��, w���� ��, v ��, O�, .@1a O�, v h�, �l/ laK� �l/ v �l/ n/ W � � n/ v n/ �o/ i#�� �o/ L �o/ �o/ @ �� �o/ v �o/ 7q/ ��T�� 7q/ v Hq/ �r/ P�ź� �r/ v �r/ t/ ��$0 t/ L t/ $t/ �w�� $t/ v Ht/ �u/ I�MӜ �u/ v �u/ �v/ &V㟜 �v/ " v w/ Gx/ xz�Μ Gx/ v Xx/ ~z/ ��� ~z/ ! v �z/ w{/ K��]� w{/ v �{/ �|/ ��ۜ �|/ v �|/ �}/ _���� �}/ v �}/ I/ �Q�� I/ v `/ ��/ 0�oI� ��/ v / ��/ ��4� ��/ v �/ A�/ ?�]� A�/ # v h�/ ?�/ :�#|� ?�/ v `�/ ��/ �'� ��/ " v �/ '�/ 7,p�e '�/ L 0�/ 4�/ F ޜ 4�/ v X�/ /�/ �Ԇ�� /�/ v H�/ ��/ X�u6� ��/ v ��/ ��/ ��*� ��/ v Ȍ/ ��/ !KD^� ��/ v ��/ ��/ f}�� ��/ v ��/ �/ �@� �/ v (�/ �/ �+� �/ v ��/ ��/ ���� ��/ v �/ p�/ $@�W� p�/ v ��/ �/ 9v�y� �/ v �/ �/ @� �/ v �/ ��/ z��� ��/ v �/ ��/ ��%� ��/ v �/ g�/ �F��a g�/ v ��/ �72 � � �72 # v �72 �82 @�I� �82 v �82 G:2 !GD� G:2 v `:2 �;2 лc\� �;2 v �;2 �<2 h��;� �<2 v =2 o>2 �h_� o>2 ! v �>2 g?2 ���m� g?2 v �?2 �A2 L� �A2 v �A2 YC2 |9Ī� YC2 v xC2 �D2 >�!� �D2 + v E2 �E2 cC�9a �E2 v �E2 �4 �4֭a �4 v 0�4 �y7 &��� �y7 v �y7 �z7 �-�� �z7 v �z7 ��8 ��t�� ��8 v ��8 )�8 � ~V� )�8 v H�8 ��8 ��� ��8 v ��8 �8 ���a �8 v ��8 ̉; ;��� ̉; v �; ϊ; P�Q� ϊ; v �; I�; :�uo� I�; v `�; ��; ˅N�� ��; v Ѝ; ��; ��J�� ��; " v �; ��; ���u� ��; v Џ; ��; ����t ��; L ��; ��; �oKԜ ��; v ��; ��; checkbox-focused-magenta.svg / <svg width="24" height="24" xmlns="http://www.w3.org/2000/svg"><rect x="1.5" y="1.5" width="21" height="21" rx="3" fill="#a847a8" stroke="#cd89cd" stroke-linejoin="round"/><path d="m20.16 7.527-1.253-1.414-.118.104-8.478 7.426-4.97-4.263-1.503 1.699 6.474 6.811z" fill="#fff" fill-rule="evenodd"/></svg> (uuay)checkbox-off-magenta-dark.svg � <svg width="24" height="24" xmlns="http://www.w3.org/2000/svg"><rect x="1.5" y="1.5" width="21" height="21" rx="3" fill="#4a4a4a" stroke="#464646" stroke-linejoin="round" style="fill:#222222;stroke:#494949"/></svg> (uuay)checkbox-sage.svgG <svg width="24" height="24" xmlns="http://www.w3.org/2000/svg"><rect x="1.5" y="1.5" width="21" height="21" fill="#657B69" stroke="#657B69" stroke-linejoin="round" style="stroke-width:1" rx="3"/><path d="m20.16 7.527-1.253-1.414-.118.104-8.478 7.426-4.97-4.263-1.503 1.699 6.474 6.811z" fill="#fff" fill-rule="evenodd"/></svg> (uuay)toggle-on-olive-dark.svg Q <svg viewBox="0 0 48 26" xmlns="http://www.w3.org/2000/svg"><g transform="translate(0 -291.18)"><rect y="291.18" width="48" height="26" rx="13" ry="13" fill="#4B8501"/><rect x="24" y="294.18" width="22" height="22" rx="11" ry="11" fill-opacity=".2"/><rect x="24" y="293.18" width="22" height="22" rx="11" ry="11" fill="#fff"/></g></svg> (uuay)toggle-on-dark.svg Q <svg viewBox="0 0 48 26" xmlns="http://www.w3.org/2000/svg"><g transform="translate(0 -291.18)"><rect y="291.18" width="48" height="26" rx="13" ry="13" fill="#E95420"/><rect x="24" y="294.18" width="22" height="22" rx="11" ry="11" fill-opacity=".2"/><rect x="24" y="293.18" width="22" height="22" rx="11" ry="11" fill="#fff"/></g></svg> (uuay)toggle-on-sage-dark.svgQ <svg viewBox="0 0 48 26" xmlns="http://www.w3.org/2000/svg"><g transform="translate(0 -291.18)"><rect y="291.18" width="48" height="26" rx="13" ry="13" fill="#657B69"/><rect x="24" y="294.18" width="22" height="22" rx="11" ry="11" fill-opacity=".2"/><rect x="24" y="293.18" width="22" height="22" rx="11" ry="11" fill="#fff"/></g></svg> (uuay)gnome-shell-blue-dark.css � /* This stylesheet is generated, DO NOT EDIT */ /* Copyright 2009, 2015 Red Hat, Inc. * * Portions adapted from Mx's data/style/default.css * Copyright 2009 Intel Corporation * * This program is free software; you can redistribute it and/or modify it * under the terms and conditions of the GNU Lesser General Public License, * version 2.1, as published by the Free Software Foundation. * * This program is distributed in the hope it will be useful, but WITHOUT ANY * WARRANTY; without even the implied warranty of MERCHANTABILITY or FITNESS * FOR A PARTICULAR PURPOSE. See the GNU Lesser General Public License for * more details. * * You should have received a copy of the GNU Lesser General Public License * along with this program; if not, write to the Free Software Foundation, * Inc., 51 Franklin St - Fifth Floor, Boston, MA 02110-1301 USA. */ /* Global Values */ stage { font-size: 11pt; color: #F7F7F7; } /* Common Stylings */ .screenshot-ui-panel, .workspace-switcher, .switcher-list, .resize-popup, .osd-monitor-label, .osd-window { color: #eeeeec; background-color: rgba(29, 29, 29, 0.975); border: 1px solid #464646; border-radius: 999px; padding: 12px; box-shadow: 0 3px 9px 1px rgba(0, 0, 0, 0.5); } .workspace-thumbnails .workspace-thumbnail { color: #eeeeec; background-color: rgba(238, 238, 236, 0.1); } .app-well-app.app-folder .overview-icon, .app-folder.grid-search-result .overview-icon, .app-well-app .overview-icon, .grid-search-result .overview-icon, .dash-item-container .show-apps .overview-icon, .list-search-result, .search-provider-icon, .switcher-list .item-box { border-radius: 12px; padding: 6px; spacing: 6px; border: 2px solid transparent; transition-duration: 100ms; text-align: center; color: #eeeeec; } .modal-dialog { color: #F7F7F7; background-color: #1d1d1d; border-radius: 8.5px; border: 1px solid rgba(247, 247, 247, 0.15); } #LookingGlassDialog > #Toolbar .lg-toolbar-button, .pad-osd-window .button, .button, .app-folder-dialog .folder-name-container .edit-folder-button { border-radius: 4px; border-style: solid; border-width: 1px; font-weight: bold; padding: 3px 24px; color: #F7F7F7; background-color: #2c2c2c; } #LookingGlassDialog > #Toolbar .lg-toolbar-button:focus, .button:focus, .app-folder-dialog .folder-name-container .edit-folder-button:focus { color: #F7F7F7; background-color: #2c2c2c; box-shadow: inset 0 0 0 2px #2d97ff; } #LookingGlassDialog > #Toolbar .lg-toolbar-button:focus:hover, .button:focus:hover, .app-folder-dialog .folder-name-container .edit-folder-button:focus:hover { background-color: #343434; box-shadow: inset 0 0 0 2px #2d97ff; } #LookingGlassDialog > #Toolbar .lg-toolbar-button:focus:active, .button:focus:active, .app-folder-dialog .folder-name-container .edit-folder-button:focus:active { background-color: #3b3b3b; box-shadow: inset 0 0 0 2px #2d97ff; } #LookingGlassDialog > #Toolbar .lg-toolbar-button:hover, .button:hover, .app-folder-dialog .folder-name-container .edit-folder-button:hover { color: #F7F7F7; background-color: #343434; } #LookingGlassDialog > #Toolbar .lg-toolbar-button:insensitive, .button:insensitive, .app-folder-dialog .folder-name-container .edit-folder-button:insensitive { color: rgba(247, 247, 247, 0.5); background-color: rgba(247, 247, 247, 0.05); } #LookingGlassDialog > #Toolbar .lg-toolbar-button:active, .button:active, .app-folder-dialog .folder-name-container .edit-folder-button:active { color: #F7F7F7; background-color: #3b3b3b; } #LookingGlassDialog > #Toolbar .lg-toolbar-button:checked, .button:checked, .app-folder-dialog .folder-name-container .edit-folder-button:checked { color: #F7F7F7; background-color: #434343; } #LookingGlassDialog > #Toolbar .lg-toolbar-button:checked:hover, .button:checked:hover, .app-folder-dialog .folder-name-container .edit-folder-button:checked:hover { background-color: #4b4b4b; } #LookingGlassDialog > #Toolbar .lg-toolbar-button:checked:active, .button:checked:active, .app-folder-dialog .folder-name-container .edit-folder-button:checked:active { background-color: #525252; } .app-folder-dialog .folder-name-container .edit-folder-button { color: #F7F7F7; background-color: #2c2c2c; } .app-folder-dialog .folder-name-container .edit-folder-button:focus { color: #F7F7F7; background-color: #2c2c2c; box-shadow: inset 0 0 0 2px #2d97ff; } .app-folder-dialog .folder-name-container .edit-folder-button:focus:hover { background-color: #343434; box-shadow: inset 0 0 0 2px #2d97ff; } .app-folder-dialog .folder-name-container .edit-folder-button:focus:active { background-color: #3b3b3b; box-shadow: inset 0 0 0 2px #2d97ff; } .app-folder-dialog .folder-name-container .edit-folder-button:hover { color: #F7F7F7; background-color: #343434; } .app-folder-dialog .folder-name-container .edit-folder-button:insensitive { color: rgba(247, 247, 247, 0.5); background-color: rgba(247, 247, 247, 0.05); } .app-folder-dialog .folder-name-container .edit-folder-button:active { color: #F7F7F7; background-color: #3b3b3b; } .app-folder-dialog .folder-name-container .edit-folder-button:checked { color: #F7F7F7; background-color: #434343; } .app-folder-dialog .folder-name-container .edit-folder-button:checked:hover { background-color: #4b4b4b; } .app-folder-dialog .folder-name-container .edit-folder-button:checked:active { background-color: #525252; } .modal-dialog .modal-dialog-linked-button, .hotplug-notification-item, .notification-banner .notification-button { padding: 12px; color: #F7F7F7; background-color: #2c2c2c; } .modal-dialog .modal-dialog-linked-button:ltr, .hotplug-notification-item:ltr, .notification-banner .notification-button:ltr { margin-right: 1px; } .modal-dialog .modal-dialog-linked-button:rtl, .hotplug-notification-item:rtl, .notification-banner .notification-button:rtl { margin-left: 1px; } .modal-dialog .modal-dialog-linked-button:insensitive, .hotplug-notification-item:insensitive, .notification-banner .notification-button:insensitive { color: rgba(247, 247, 247, 0.5); background-color: rgba(247, 247, 247, 0.05); } .modal-dialog .modal-dialog-linked-button:focus, .hotplug-notification-item:focus, .notification-banner .notification-button:focus { color: #F7F7F7; background-color: #2c2c2c; box-shadow: inset 0 0 0 2px #2d97ff; } .modal-dialog .modal-dialog-linked-button:focus:hover, .hotplug-notification-item:focus:hover, .notification-banner .notification-button:focus:hover { background-color: #343434; box-shadow: inset 0 0 0 2px #2d97ff; } .modal-dialog .modal-dialog-linked-button:focus:active, .hotplug-notification-item:focus:active, .notification-banner .notification-button:focus:active { background-color: #3b3b3b; box-shadow: inset 0 0 0 2px #2d97ff; } .modal-dialog .modal-dialog-linked-button:hover, .hotplug-notification-item:hover, .notification-banner .notification-button:hover { color: #F7F7F7; background-color: #343434; } .modal-dialog .modal-dialog-linked-button:active, .hotplug-notification-item:active, .notification-banner .notification-button:active { color: #F7F7F7; background-color: #3b3b3b; } .modal-dialog .modal-dialog-linked-button:first-child:ltr, .hotplug-notification-item:first-child:ltr, .notification-banner .notification-button:first-child:ltr { border-radius: 0 0 0 7.5px; } .modal-dialog .modal-dialog-linked-button:last-child:ltr, .hotplug-notification-item:last-child:ltr, .notification-banner .notification-button:last-child:ltr { border-radius: 0 0 7.5px 0; margin-right: 0 !important; } .modal-dialog .modal-dialog-linked-button:first-child:rtl, .hotplug-notification-item:first-child:rtl, .notification-banner .notification-button:first-child:rtl { border-radius: 0 0 7.5px 0; margin-left: 0 !important; } .modal-dialog .modal-dialog-linked-button:last-child:rtl, .hotplug-notification-item:last-child:rtl, .notification-banner .notification-button:last-child:rtl { border-radius: 0 0 0 7.5px; margin-right: 0 !important; } .modal-dialog .modal-dialog-linked-button:first-child:last-child, .hotplug-notification-item:first-child:last-child, .notification-banner .notification-button:first-child:last-child { border-radius: 0 0 7.5px 7.5px !important; margin-left: 0 !important; margin-right: 0 !important; } .screenshot-ui-show-pointer-button, .screenshot-ui-type-button { background-color: transparent; background-color: none; } .screenshot-ui-show-pointer-button:insensitive, .screenshot-ui-type-button:insensitive { color: rgba(247, 247, 247, 0.5); background-color: rgba(247, 247, 247, 0.05); background-color: transparent; color: rgba(255, 255, 255, 0.5); } .screenshot-ui-show-pointer-button:insensitive, .screenshot-ui-type-button:insensitive { background-color: transparent; background-color: none; } .screenshot-ui-show-pointer-button:insensitive:insensitive, .screenshot-ui-type-button:insensitive:insensitive { color: rgba(247, 247, 247, 0.5); background-color: rgba(247, 247, 247, 0.05); background-color: transparent; color: rgba(255, 255, 255, 0.5); } .screenshot-ui-show-pointer-button:focus, .screenshot-ui-type-button:focus { color: #eeeeec; background-color: rgba(44, 44, 44, 0.97675); box-shadow: inset 0 0 0 2px #2d97ff; } .screenshot-ui-show-pointer-button:focus:hover, .screenshot-ui-type-button:focus:hover { background-color: rgba(52, 52, 52, 0.97675); box-shadow: inset 0 0 0 2px #2d97ff; } .screenshot-ui-show-pointer-button:focus:active, .screenshot-ui-type-button:focus:active { background-color: rgba(59, 59, 59, 0.97675); box-shadow: inset 0 0 0 2px #2d97ff; } .screenshot-ui-show-pointer-button:hover, .screenshot-ui-type-button:hover { color: #eeeeec; background-color: rgba(52, 52, 52, 0.97675); } .screenshot-ui-show-pointer-button:active, .screenshot-ui-type-button:active { color: #eeeeec; background-color: rgba(59, 59, 59, 0.97675); } .screenshot-ui-show-pointer-button:outlined, .screenshot-ui-type-button:outlined, .screenshot-ui-show-pointer-button:checked, .screenshot-ui-type-button:checked { color: #eeeeec; background-color: rgba(67, 67, 67, 0.97675); } .screenshot-ui-show-pointer-button:outlined:hover, .screenshot-ui-type-button:outlined:hover, .screenshot-ui-show-pointer-button:checked:hover, .screenshot-ui-type-button:checked:hover { background-color: rgba(75, 75, 75, 0.97675); } .screenshot-ui-show-pointer-button:outlined:active, .screenshot-ui-type-button:outlined:active, .screenshot-ui-show-pointer-button:checked:active, .screenshot-ui-type-button:checked:active { background-color: rgba(82, 82, 82, 0.97675); } /* General Typography */ .app-folder-dialog .folder-name-container .folder-name-label, .app-folder-dialog .folder-name-container .folder-name-entry, .search-statustext { font-weight: 800; font-size: 20pt; } .lg-debug-flags-header, .message-dialog-content .message-dialog-title, .message-list .message-list-placeholder, .datemenu-today-button .date-label { font-weight: 800; font-size: 15pt; } .nm-dialog-airplane-headline { font-weight: 700; font-size: 15pt; } .message-dialog-content .message-dialog-title.lightweight, .headline { font-weight: 700; font-size: 13pt; } .lg-extension-name, .osd-window, .nm-dialog-header, .dialog-list .dialog-list-title, .message-list-controls, .weather-button .weather-forecast-temp, .weather-button .weather-header, .world-clocks-button .world-clocks-time, .world-clocks-button .world-clocks-header, .events-button .events-title, .calendar .calendar-month-header .calendar-month-label, .datemenu-today-button .day-label, .popup-menu-ornament { font-weight: 700; font-size: 11pt; } .app-menu .popup-inactive-menu-item:first-child > StLabel { font-weight: 700; font-size: 9pt; } .login-dialog-not-listed-label, .lg-completions-text, .caps-lock-warning-label, #dash, .icon-label-button-container, .prompt-dialog-error-label, .prompt-dialog-info-label, .prompt-dialog-null-label, .run-dialog .run-dialog-description, .dialog-list .dialog-list-box .dialog-list-item .dialog-list-item-description, .weather-button .weather-forecast-time, .world-clocks-button .world-clocks-timezone, .events-button .event-time { font-weight: 400; font-size: 9pt; } .calendar .calendar-day-base.calendar-day-heading, .calendar .calendar-day-base { font-weight: 400; font-size: 8pt; } .unlock-dialog-clock-time, #panel, .weather-button .weather-forecast-time, .world-clocks-button .world-clocks-timezone, .world-clocks-button .world-clocks-time, .events-button .event-time, .calendar .calendar-day-base { font-feature-settings: "tnum"; } /* WIDGETS */ .shell-link { color: #4ca6ff; } .shell-link:hover { color: #7fbfff; } .lowres-icon { icon-shadow: 0 1px 2px rgba(0, 0, 0, 0.3); } .icon-dropshadow { icon-shadow: 0 1px 5px rgba(0, 0, 0, 0.8); } /* Entries */ StEntry { min-height: 22px; border-radius: 6px; padding: 8px; border-width: 1px; color: #F7F7F7; background-color: #1d1d1d; color: rgba(247, 247, 247, 0.7); border: 1px solid #464646; selection-background-color: #0073E5; selected-color: #FFFFFF; } StEntry:hover { background-color: #1d1d1d; border-color: #535353; color: #F7F7F7; } StEntry:focus { background-color: #1d1d1d; border-color: #2d97ff; box-shadow: 0 0 0 1px #2d97ff inset; color: #F7F7F7; } StEntry:insensitive { background-color: #2c2c2c; border-color: #2c2c2c; color: #8a8a8a; } StEntry StIcon.capslock-warning { icon-size: 16px; warning-color: #f99b11; padding: 0 4px; } StEntry StIcon.peek-password { icon-size: 1.09em; padding: 0 4px; } StEntry StLabel.hint-text { margin-left: 2px; color: rgba(247, 247, 247, 0.7); } /* Buttons */ .button { min-height: 22px; } /* Check Boxes */ .check-box StBoxLayout { spacing: .8em; } .check-box StBin { width: 24px; height: 22px; background-image: url("resource:///org/gnome/shell/theme/checkbox-off-blue-dark.svg"); } .check-box:focus StBin { background-image: url("resource:///org/gnome/shell/theme/checkbox-off-focused-blue-dark.svg"); } .check-box:checked StBin { background-image: url("resource:///org/gnome/shell/theme/checkbox-blue-dark.svg"); } .check-box:focus:checked StBin { background-image: url("resource:///org/gnome/shell/theme/checkbox-focused-blue-dark.svg"); } /* Switches */ .toggle-switch { color: #F7F7F7; height: 26px; width: 48px; background-size: contain; background-image: url("resource:///org/gnome/shell/theme/toggle-off-blue-dark.svg"); } .toggle-switch:checked { background-image: url("resource:///org/gnome/shell/theme/toggle-on-blue-dark.svg"); } /* Slider */ .slider { -barlevel-height: 4px; -barlevel-background-color: rgba(247, 247, 247, 0.2); -barlevel-border-width: 2px; -barlevel-border-color: transparent; -barlevel-active-background-color: #0073E5; -barlevel-active-border-color: transparent; -barlevel-overdrive-color: #991121; -barlevel-overdrive-border-color: transparent; -barlevel-overdrive-separator-width: 1px; -slider-handle-border-width: 0; -slider-handle-border-color: transparent; -slider-handle-radius: 8px; color: #fcfcfc; height: 16px; } /* Scrollbars */ StScrollView.vfade { -st-vfade-offset: 68px; } StScrollView.hfade { -st-hfade-offset: 68px; } StScrollBar { padding: 0; } StScrollView StScrollBar { min-width: 8px; min-height: 8px; } StScrollBar StBin#trough { border-radius: 0; background-color: transparent; } StScrollBar StButton#vhandle, StScrollBar StButton#hhandle { border-radius: 8px; background-color: #5e5e5e; border: 3px solid transparent; transition: 500ms all ease; } StScrollBar StButton#vhandle:hover, StScrollBar StButton#hhandle:hover { background-color: #8a8a8a; } StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { background-color: #747474; } /* Popovers/Menus */ .popup-menu-boxpointer, .candidate-popup-boxpointer { -arrow-rise: 6px; } .popup-menu { min-width: 15em; color: #F7F7F7; } .popup-menu.panel-menu { margin-bottom: 1.75em; } .popup-menu-content, .candidate-popup-content { padding: 6px; border-radius: 10px; border: 1px solid rgba(247, 247, 247, 0.15); box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.1); background-color: #1d1d1d; } .popup-menu-item { padding: 9px 12px; border-radius: 6px; spacing: 6px; transition: 0.2s all ease; background-color: transparent; } .popup-menu-item:ltr { padding-left: 6px; } .popup-menu-item:rtl { padding-right: 6px; } .popup-menu-item:focus, .popup-menu-item:hover { background-color: rgba(247, 247, 247, 0.1) !important; } .popup-menu-item:focus:active, .popup-menu-item:hover:active { background-color: rgba(247, 247, 247, 0.2) !important; } .popup-menu-item:checked { background-color: #343434 !important; } .popup-menu-item:checked { margin-bottom: 0; box-shadow: inset 0 -1px 0 0 #272727; border-radius: 6px 6px 0 0; } .popup-menu-item:checked:focus, .popup-menu-item:checked:hover { background-color: #434343 !important; } .popup-menu-item:checked:active { background-color: #4b4b4b !important; } .popup-menu-item:active { background-color: #4b4b4b; color: #efefef; } .popup-menu-item:insensitive { color: rgba(247, 247, 247, 0.5); } .popup-menu-item .toggle-switch:ltr { margin-left: 4px; } .popup-menu-item .toggle-switch:rtl { margin-right: 4px; } .popup-inactive-menu-item { color: #F7F7F7; } .popup-inactive-menu-item:insensitive { color: #8a8a8a; } .popup-menu-arrow, .popup-menu-icon { icon-size: 16px !important; } .popup-sub-menu { background-color: #343434; border-radius: 0 0 6px 6px; } .popup-sub-menu .popup-menu-ornament { min-width: 1.09em !important; } .popup-sub-menu .popup-menu-item { border-radius: 0; margin: 0; } .popup-sub-menu .popup-menu-item:last-child { border-radius: 0 0 6px 6px; } .popup-sub-menu .popup-menu-item:focus, .popup-sub-menu .popup-menu-item:hover { background-color: rgba(255, 255, 255, 0.1) !important; } .popup-sub-menu .popup-menu-item:checked { background-color: #4e4e4e !important; } .popup-sub-menu .popup-menu-item:checked:focus, .popup-sub-menu .popup-menu-item:checked:hover { background-color: #484848 !important; } .popup-sub-menu .popup-menu-item:active { background-color: rgba(255, 255, 255, 0.2) !important; } .popup-sub-menu .popup-menu-section .popup-menu-item:last-child:hover, .popup-sub-menu .popup-menu-section .popup-menu-item:last-child:focus { border-radius: 0; } .popup-sub-menu .popup-menu-section:last-child .popup-menu-item:last-child { border-radius: 0 0 6px 6px; } .popup-menu-ornament { width: 1.2em; text-align: center !important; } .popup-menu-ornament:ltr { text-align: right; } .popup-menu-ornament:rtl { text-align: left; } .popup-separator-menu-item { margin: 6px 0; padding: 0 !important; } .popup-separator-menu-item:ltr { margin-right: 4px; } .popup-separator-menu-item:rtl { margin-left: 4px; } .popup-separator-menu-item .popup-separator-menu-item-separator { height: 1px; background-color: #464646; } .popup-separator-menu-item .popup-menu-ornament { width: 0 !important; } .popup-sub-menu .popup-separator-menu-item { background-color: transparent; } .popup-sub-menu .popup-separator-menu-item:ltr { margin-right: 2.5em; } .popup-sub-menu .popup-separator-menu-item:rtl { margin-left: 2.5em; } .popup-sub-menu .popup-separator-menu-item .popup-separator-menu-item-separator { background-color: #585858; } .background-menu { -boxpointer-gap: 0px; -arrow-rise: 0px; } .aggregate-menu { min-width: 22em; } .aggregate-menu .popup-menu-ornament { width: 0 !important; } .aggregate-menu .popup-menu-icon { -st-icon-style: symbolic; } .aggregate-menu .popup-menu-icon:ltr { margin-right: 8px; } .aggregate-menu .popup-menu-icon:rtl { margin-left: 8px; } .aggregate-menu .popup-sub-menu .popup-menu-item > :first-child:ltr { margin-left: 1em; } .aggregate-menu .popup-sub-menu .popup-menu-item > :first-child:rtl { margin-right: 1em; } .app-menu { max-width: 27.25em; } .app-menu .popup-menu-ornament { width: 0 !important; } .app-menu .popup-inactive-menu-item:first-child > StLabel:ltr { margin-right: 8px; } .app-menu .popup-inactive-menu-item:first-child > StLabel:rtl { margin-left: 8px; } /* Date/Time Menu */ #calendarArea { padding: 4px; } .datemenu-calendar-column { spacing: 6px; } .datemenu-calendar-column:ltr { padding-left: 6px; } .datemenu-calendar-column:rtl { padding-right: 6px; } .datemenu-calendar-column .datemenu-displays-box { spacing: 6px; } /* today button (the date) */ .datemenu-today-button { border-radius: 6px; margin: 4px; box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.1); background-color: transparent; background-color: none; box-shadow: none !important; padding: 9px; } .datemenu-today-button:insensitive { color: rgba(247, 247, 247, 0.5); background-color: rgba(247, 247, 247, 0.05); background-color: transparent; color: rgba(255, 255, 255, 0.5); } .datemenu-today-button:focus { color: #F7F7F7; background-color: #2c2c2c; box-shadow: inset 0 0 0 2px #2d97ff; } .datemenu-today-button:focus:hover { background-color: #343434; box-shadow: inset 0 0 0 2px #2d97ff; } .datemenu-today-button:focus:active { background-color: #3b3b3b; box-shadow: inset 0 0 0 2px #2d97ff; } .datemenu-today-button:hover { color: #F7F7F7; background-color: #343434; } .datemenu-today-button:active { color: #F7F7F7; background-color: #3b3b3b; } .datemenu-today-button:insensitive .day-label, .datemenu-today-button:insensitive .date-label { color: #8a8a8a; } /* Calendar */ .calendar { border-radius: 6px; margin: 4px; box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.1); background-color: transparent; background-color: none; box-shadow: none !important; margin-top: 0; } .calendar:insensitive { color: rgba(247, 247, 247, 0.5); background-color: rgba(247, 247, 247, 0.05); background-color: transparent; color: rgba(255, 255, 255, 0.5); } .calendar:focus { color: #F7F7F7; background-color: #2c2c2c; box-shadow: inset 0 0 0 2px #2d97ff; } .calendar:focus:hover { background-color: #343434; box-shadow: inset 0 0 0 2px #2d97ff; } .calendar:focus:active { background-color: #3b3b3b; box-shadow: inset 0 0 0 2px #2d97ff; } .calendar:hover { color: #F7F7F7; background-color: #343434; } .calendar:active { color: #F7F7F7; background-color: #3b3b3b; } .calendar .calendar-month-header .calendar-change-month-back StIcon, .calendar .calendar-month-header .calendar-change-month-forward StIcon { icon-size: 1.09em; } .calendar .calendar-month-header .calendar-month-label { color: white; padding: 8px 0; } .calendar .calendar-month-header .pager-button { background-color: transparent; height: 32px; width: 32px; margin: 2px; border-radius: 4px; } .calendar .calendar-month-header .pager-button:hover, .calendar .calendar-month-header .pager-button:focus { background-color: rgba(247, 247, 247, 0.1); } .calendar .calendar-month-header .pager-button:active { background-color: rgba(247, 247, 247, 0.2); } .calendar .calendar-day-base { text-align: center; margin: 2px; padding: 0 !important; height: 3em !important; width: 3em !important; border-radius: 99px; } .calendar .calendar-day-base:hover { background-color: rgba(247, 247, 247, 0.1); } .calendar .calendar-day-base:focus { background-color: #172e45; box-shadow: inset 0 0 0 2px rgba(0, 115, 229, 0.6); } .calendar .calendar-day-base:active, .calendar .calendar-day-base:selected { color: #efefef; background-color: rgba(247, 247, 247, 0.2); } .calendar .calendar-day-base:active:focus, .calendar .calendar-day-base:selected:focus { background-color: rgba(76, 156, 235, 0.36); } .calendar .calendar-day-base.calendar-day-heading { color: #8a8a8a; padding-top: 6px; height: 16px !important; font-weight: bold; } .calendar .calendar-nonwork-day { color: #8a8a8a; } .calendar .calendar-other-month-day { color: rgba(247, 247, 247, 0.5); } .calendar .calendar-other-month-day.calendar-nonwork-day { color: rgba(138, 138, 138, 0.5); } .calendar .calendar-today { background-color: #0073E5; font-weight: 800; color: #FFFFFF !important; } .calendar .calendar-today:hover, .calendar .calendar-today:focus { background-color: #007bf4; color: inherit; } .calendar .calendar-today:active, .calendar .calendar-today:selected { background-color: #0073E5; color: inherit; } .calendar .calendar-today:active:hover, .calendar .calendar-today:active:focus, .calendar .calendar-today:selected:hover, .calendar .calendar-today:selected:focus { background-color: #007bf4; color: inherit; } .calendar .calendar-day-with-events { background-image: url("resource:///org/gnome/shell/theme/calendar-today.svg"); background-size: contain; } .calendar .calendar-week-number { font-size: 7pt; font-weight: bold; font-feature-settings: "tnum"; margin: 6px; padding: 0 6px; border-radius: 3px; background-color: #181818; color: #8a8a8a; } /* Events */ .events-button { border-radius: 6px; margin: 4px; box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.1); color: #F7F7F7; background-color: #2c2c2c; padding: 12px; } .events-button:focus { color: #F7F7F7; background-color: #2c2c2c; box-shadow: inset 0 0 0 2px #2d97ff; } .events-button:focus:hover { background-color: #343434; box-shadow: inset 0 0 0 2px #2d97ff; } .events-button:focus:active { background-color: #3b3b3b; box-shadow: inset 0 0 0 2px #2d97ff; } .events-button:hover { color: #F7F7F7; background-color: #343434; } .events-button:active { color: #F7F7F7; background-color: #3b3b3b; } .events-button .events-box { spacing: 6px; } .events-button .events-list { spacing: 12px; } .events-button .events-title { color: #8a8a8a; margin-bottom: 4px; } .events-button .event-time { color: #8a8a8a; } /* World clocks */ .world-clocks-button { border-radius: 6px; margin: 4px; box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.1); color: #F7F7F7; background-color: #2c2c2c; padding: 12px; } .world-clocks-button:focus { color: #F7F7F7; background-color: #2c2c2c; box-shadow: inset 0 0 0 2px #2d97ff; } .world-clocks-button:focus:hover { background-color: #343434; box-shadow: inset 0 0 0 2px #2d97ff; } .world-clocks-button:focus:active { background-color: #3b3b3b; box-shadow: inset 0 0 0 2px #2d97ff; } .world-clocks-button:hover { color: #F7F7F7; background-color: #343434; } .world-clocks-button:active { color: #F7F7F7; background-color: #3b3b3b; } .world-clocks-button .world-clocks-grid { spacing-rows: 6px; spacing-columns: 12px; } .world-clocks-button .world-clocks-header { color: #8a8a8a; } .world-clocks-button .world-clocks-city { color: #F7F7F7; } .world-clocks-button .world-clocks-time { color: #F7F7F7; } .world-clocks-button .world-clocks-time:ltr { text-align: right; } .world-clocks-button .world-clocks-time:rtl { text-align: left; } .world-clocks-button .world-clocks-timezone { color: #8a8a8a; } /* Weather */ .weather-button { border-radius: 6px; margin: 4px; box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.1); color: #F7F7F7; background-color: #2c2c2c; padding: 12px; } .weather-button:focus { color: #F7F7F7; background-color: #2c2c2c; box-shadow: inset 0 0 0 2px #2d97ff; } .weather-button:focus:hover { background-color: #343434; box-shadow: inset 0 0 0 2px #2d97ff; } .weather-button:focus:active { background-color: #3b3b3b; box-shadow: inset 0 0 0 2px #2d97ff; } .weather-button:hover { color: #F7F7F7; background-color: #343434; } .weather-button:active { color: #F7F7F7; background-color: #3b3b3b; } .weather-button .weather-box { spacing: 10px; } .weather-button .weather-header-box { spacing: 6px; } .weather-button .weather-header { color: #8a8a8a; } .weather-button .weather-header.location { font-weight: normal; } .weather-button .weather-grid { spacing-rows: 6px; spacing-columns: 12px; } .weather-button .weather-forecast-time { color: #ababab; padding-top: 0.2em; padding-bottom: 0.4em; } .weather-button .weather-forecast-icon { icon-size: 2.18em; } /* Message List */ .message-list { width: 29em; border: solid #464646; } .message-list:ltr { margin-left: 0; margin-right: 4px; padding-right: 6px; border-right-width: 1px; } .message-list:rtl { margin-right: 0; margin-left: 4px; padding-left: 6px; border-left-width: 1px; } .message-list .message-list-placeholder { color: rgba(138, 138, 138, 0.5); } .message-list .message-list-placeholder > StIcon { icon-size: 3.27em; margin-bottom: 12px; -st-icon-style: symbolic; } .message-list-sections { spacing: 6px; margin: 0; padding-bottom: 6px; } .message-list-sections:ltr { margin-right: 12px; } .message-list-sections:rtl { margin-left: 12px; } .message-list-section, .message-list-section-list { spacing: 6px; } .message-list-controls { padding: 6px; spacing: 6px; } .message-list-controls .dnd-button { border-width: 2px; border-color: transparent; border-radius: 32px; border-style: solid; } .message-list-controls .dnd-button:focus { border-color: #2d97ff; } .message { border-radius: 6px; margin: 4px; box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.1); color: #F7F7F7; background-color: #2c2c2c; } .message:focus { color: #F7F7F7; background-color: #2c2c2c; box-shadow: inset 0 0 0 2px #2d97ff; } .message:focus:hover { background-color: #343434; box-shadow: inset 0 0 0 2px #2d97ff; } .message:focus:active { background-color: #3b3b3b; box-shadow: inset 0 0 0 2px #2d97ff; } .message:hover { color: #F7F7F7; background-color: #343434; } .message:active { color: #F7F7F7; background-color: #3b3b3b; } .message .message-icon-bin { padding: 18px; } .message .message-icon-bin:ltr { padding-right: 6px; } .message .message-icon-bin:rtl { padding-left: 6px; } .message .message-icon-bin > StIcon { icon-size: 2.18em; -st-icon-style: symbolic; } .message .message-icon-bin > .fallback-app-icon { width: 1.09em; height: 1.09em; } .message .message-content { spacing: 4px; padding: 9px; margin-bottom: 8px; } .message .message-title { font-weight: bold; /* HACK: the label should be baseline-aligned with a 1em label, fake this with some bottom padding */ padding-top: 0.57em; } .message .message-secondary-bin { padding: 0 8px; } .message .message-secondary-bin > .event-time { color: rgba(247, 247, 247, 0.5); font-size: 9pt; /* HACK: the label should be baseline-aligned with a 1em label, fake this with some bottom padding */ padding-bottom: 0.13em; } .message .message-secondary-bin > .event-time:ltr { text-align: right; } .message .message-secondary-bin > .event-time:rtl { text-align: left; } .message .message-close-button { color: #F7F7F7; background-color: rgba(247, 247, 247, 0.1); border-radius: 99px; padding: 5px; margin: 1px; } .message .message-close-button:hover { background-color: rgba(247, 247, 247, 0.2); } .message .message-close-button:active { background-color: rgba(247, 247, 247, 0.1); } .message .message-body { color: #dedede; } .url-highlighter { link-color: #4ca6ff; } /* Media Controls */ .message-media-control { padding: 0 18px; margin: 12px 0; border-radius: 6px; color: #F7F7F7; } .message-media-control:hover { background-color: rgba(255, 255, 255, 0.1); color: #F7F7F7; } .message-media-control:active { background-color: rgba(247, 247, 247, 0.2); color: #F7F7F7; } .message-media-control:insensitive { color: #979797; } .message-media-control:last-child:ltr { margin-right: 12px; } .message-media-control:last-child:rtl { margin-left: 12px; } .media-message-cover-icon { icon-size: 3.27em !important; border-radius: 6px; } .media-message-cover-icon.fallback { color: #cccccc; background-color: #1d1d1d; border: 1px solid transparent; border-radius: 6px; icon-size: 2.18em !important; padding: 14px; } .candidate-popup-content { padding: 6px; spacing: 6px; } .candidate-index { padding: 0; padding-right: 6px; color: #8a8a8a; } .candidate-box { padding: 6px 12px 6px 12px; border-radius: 6px; } .candidate-box:selected { background-color: #0073E5; color: #FFFFFF; } .candidate-box:hover { background-color: rgba(247, 247, 247, 0.1); color: #F7F7F7; } .candidate-page-button-box { height: 2em; } .vertical .candidate-page-button-box { padding-top: 12px; } .horizontal .candidate-page-button-box { padding-left: 12px; } .candidate-page-button { padding: 6px; } .candidate-page-button-previous { border-radius: 6px 0px 0px 6px; border-right-width: 0; box-shadow: none; } .candidate-page-button-next { border-radius: 0px 6px 6px 0px; box-shadow: none; } .candidate-page-button-icon { icon-size: 1.09em; } /* Notifications & Message Tray */ .notification-banner { min-height: 64px; width: 34em; box-shadow: 0 2px 4px 2px rgba(0, 0, 0, 0.1); border-radius: 9px; margin: 4px; background-color: #1d1d1d; } .notification-banner .notification-actions { spacing: 0; } .notification-banner:hover { background-color: #222222; } .notification-banner:active { background-color: #272727; } .notification-banner, .notification-banner:hover, .notification-banner:focus, .notification-banner:active { box-shadow: 0 0 4px 2px rgba(0, 0, 0, 0.1); border: 1px solid #464646; } .summary-source-counter { font-size: 10pt; font-weight: bold; height: 1.6em; width: 1.6em; -shell-counter-overlap-x: 3px; -shell-counter-overlap-y: 3px; background-color: #0073E5; color: #FFFFFF; border: 2px solid #F7F7F7; box-shadow: 0 2px 2px rgba(0, 0, 0, 0.5); border-radius: 0.9em; } .chat-body { spacing: 5px; } .chat-response { margin: 5px; } .chat-log-message { color: #dedede; } .chat-new-group { padding-top: 1em; } .chat-received { padding-left: 4px; } .chat-received:rtl { padding-left: 0px; padding-right: 4px; } .chat-sent { padding-left: 18pt; color: white; } .chat-sent:rtl { padding-left: 0; padding-right: 18pt; } .chat-meta-message { padding-left: 4px; font-size: 9pt; font-weight: bold; color: white; } .chat-meta-message:rtl { padding-left: 0; padding-right: 4px; } .hotplug-notification-item-icon { icon-size: 24px; padding: 0 4px; } /* Modal Dialogs */ .modal-dialog .modal-dialog-content-box { margin: 32px 40px; spacing: 32px; max-width: 28em; } /* End Session Dialog */ .end-session-dialog { width: 30em; } .end-session-dialog .end-session-dialog-battery-warning, .end-session-dialog .dialog-list-title { color: #f99b11; } /* Message Dialog */ .message-dialog-content { spacing: 18px; } .message-dialog-content .message-dialog-title { text-align: center; } .message-dialog-content .message-dialog-description { text-align: center; } /* Dialog List */ .dialog-list { spacing: 18px; } .dialog-list .dialog-list-title { text-align: center; } .dialog-list .dialog-list-scrollview { max-height: 200px; } .dialog-list .dialog-list-box { spacing: 1em; } .dialog-list .dialog-list-box .dialog-list-item { spacing: 1em; } .dialog-list .dialog-list-box .dialog-list-item .dialog-list-item-title { font-weight: bold; } .dialog-list .dialog-list-box .dialog-list-item .dialog-list-item-description { color: #eaeaea; } /* Run Dialog */ .run-dialog .modal-dialog-content-box { margin-top: 24px; margin-bottom: 14px; } .run-dialog .run-dialog-entry { width: 20em; } .run-dialog .run-dialog-description { text-align: center; color: #c4c4c4; } /* Password or Authentication Dialog */ .prompt-dialog { width: 28em; } .prompt-dialog .modal-dialog-content-box { margin-bottom: 24px; } .prompt-dialog-password-grid { spacing-rows: 8px; spacing-columns: 4px; } .prompt-dialog-password-grid .prompt-dialog-password-entry { width: auto; } .prompt-dialog-password-grid .prompt-dialog-password-entry:ltr { margin-left: 20px; } .prompt-dialog-password-grid .prompt-dialog-password-entry:rtl { margin-right: 20px; } .prompt-dialog-password-layout { spacing: 8px; } .prompt-dialog-password-entry { width: 20em; } .prompt-dialog-error-label, .prompt-dialog-info-label, .prompt-dialog-null-label { text-align: center; } .prompt-dialog-error-label { color: #f99b11; } /* Polkit Dialog */ .polkit-dialog-user-layout { text-align: center; spacing: 8px; margin-bottom: 6px; } .polkit-dialog-user-layout .polkit-dialog-user-root-label { color: #f99b11; } /* Audio selection dialog */ .audio-device-selection-dialog .modal-dialog-content-box { margin-bottom: 28px; } .audio-device-selection-dialog .audio-selection-box { spacing: 20px; } .audio-selection-device { border-radius: 12px; } .audio-selection-device:hover, .audio-selection-device:focus { background-color: rgba(247, 247, 247, 0.1); } .audio-selection-device:active { background-color: #0073E5; color: #FFFFFF; } .audio-selection-device-box { padding: 20px; spacing: 20px; } .audio-selection-device-icon { icon-size: 4.36em; } /* Welcome dialog */ .welcome-dialog-image { background-image: url("resource:///org/gnome/shell/theme/gnome-shell-start.svg"); background-size: contain; /* Reasonable maximum dimensions */ height: 300px; width: 300px; } /* Select Network dialogs */ .nm-dialog { max-height: 34em; min-height: 31em; min-width: 32em; } .nm-dialog-content { spacing: 20px; padding: 24px; } .nm-dialog-subheader { color: #8a8a8a; } .nm-dialog-header-icon { icon-size: 2.18em; } .nm-dialog-header-hbox { spacing: 10px; } .nm-dialog-scroll-view { padding: 6px; border-radius: 6px; background-color: #222222; } .nm-dialog-item { padding: 12px; } .nm-dialog-item:selected { background-color: #0073E5; border-radius: 3px; color: #FFFFFF; } .nm-dialog-item:hover { background-color: rgba(247, 247, 247, 0.1); } .nm-dialog-icon { icon-size: 1.09em; } .nm-dialog-icons { spacing: 12px; } .no-networks-box { spacing: 6px; } .no-networks-label { color: #8a8a8a; } .nm-dialog-airplane-box { text-align: center; spacing: 12px; } .nm-dialog-airplane-text { color: #8a8a8a; } /* OSD */ .osd-window { text-align: center; font-weight: bold; spacing: 12px; padding: 12px 18px; margin-bottom: 4em; } .osd-window > * { spacing: 8px; } .osd-window StIcon { icon-size: 2.18em; } .osd-window StLabel:ltr { margin-right: 6px; } .osd-window StLabel:rtl { margin-left: 6px; } .osd-window .level { margin-bottom: 4px; height: 6px; min-width: 10.9em; -barlevel-height: 6px; -barlevel-background-color: rgba(238, 238, 236, 0.1); -barlevel-active-background-color: #eeeeec; -barlevel-overdrive-color: #991121; -barlevel-overdrive-separator-width: 3px; } .osd-window .level:first-child { margin-bottom: 0px; } .osd-window .level:ltr { margin-right: 6px; } .osd-window .level:rtl { margin-left: 6px; } .osd-monitor-label { border-radius: 12px; font-size: 3em; font-weight: bold; margin: 12px; text-align: center; min-width: 1.3em; } /* Pad OSD */ .pad-osd-window { padding: 32px; background-color: rgba(29, 29, 29, 0.975); color: #eeeeec; } .pad-osd-window .button:insensitive { color: #F7F7F7; } .pad-osd-window .pad-osd-title-box { spacing: 12px; } .pad-osd-window .pad-osd-title-menu-box { spacing: 6px; } .combo-box-label { width: 15em; } /* App Switcher */ .switcher-popup { padding: 0; spacing: 24px; } .switcher-list { padding: 10px; border-radius: 20px; box-shadow: 0 8px 8px 0 rgba(0, 0, 0, 0.1); } .switcher-list .switcher-list-item-container { spacing: 12px; } .switcher-list .item-box { background-color: transparent; } .switcher-list .item-box:hover { background-color: rgba(238, 238, 236, 0.1); } .switcher-list .item-box:selected, .switcher-list .item-box:focus { background-color: rgba(238, 238, 236, 0.13); } .switcher-list .item-box:selected:hover, .switcher-list .item-box:focus:hover { background-color: rgba(238, 238, 236, 0.16); } .switcher-list .item-box:selected:active, .switcher-list .item-box:focus:active { background-color: rgba(238, 238, 236, 0.13); } .switcher-list .item-box:active { background-color: rgba(238, 238, 236, 0.16); } .switcher-list .item-box:outlined, .switcher-list .item-box:checked { background-color: rgba(238, 238, 236, 0.19); } .switcher-list .item-box:outlined:active, .switcher-list .item-box:checked:active { background-color: rgba(238, 238, 236, 0.22); } .switcher-list .item-box:outlined:hover, .switcher-list .item-box:checked:hover { background-color: rgba(238, 238, 236, 0.25); } .switcher-list .item-box:drop { border: 2px solid rgba(0, 115, 229, 0.8); background-color: rgba(0, 115, 229, 0.2); } .switcher-list .item-box:hover { background: none; } .switcher-list .separator { width: 1px; background: #464646; } .switcher-list .thumbnail-box { padding: 2px; spacing: 6px; } .switcher-list .thumbnail { width: 256px; border-radius: 6px; } .switcher-arrow { border-color: rgba(0, 0, 0, 0); color: rgba(238, 238, 236, 0.8); } .switcher-arrow:highlighted { border-color: #eeeeec; color: #eeeeec; } .input-source-switcher-symbol { font-size: 34pt; width: 96px; height: 96px; } .cycler-highlight { border: 5px solid #0073E5; } /* Workspace Switcher */ .workspace-switcher { margin-bottom: 4em; spacing: 12px; padding: 12px 18px; } .ws-switcher-indicator { background-color: rgba(238, 238, 236, 0.5); padding: 0.1816666667em; margin: 0.9083333333em; border-radius: 2.18em; } .ws-switcher-indicator:active { background-color: #eeeeec; padding: 0.3633333333em; margin: 0.7266666667em; } .icon-label-button-container { spacing: 6px; } .icon-label-button-container StIcon { icon-size: 32px; } .screenshot-ui-panel { border-radius: 33px; padding: 18px; padding-bottom: 12px; margin-bottom: 4em; spacing: 12px; } .screenshot-ui-close-button { padding: 6px; } .screenshot-ui-close-button.left { margin-left: 8px; } .screenshot-ui-close-button.right { margin-right: 8px; } .screenshot-ui-type-button { padding: 12px 18px !important; border-radius: 15px; } .screenshot-ui-capture-button { width: 36px; height: 36px; border-radius: 99px; border: 4px #eeeeec; padding: 4px; } .screenshot-ui-capture-button .screenshot-ui-capture-button-circle { background-color: #eeeeec; transition-duration: 200ms; border-radius: 99px; } .screenshot-ui-capture-button .screenshot-ui-capture-button-circle:hover, .screenshot-ui-capture-button .screenshot-ui-capture-button-circle:focus { background-color: rgba(247, 247, 247, 0.1); } .screenshot-ui-capture-button:hover .screenshot-ui-capture-button-circle, .screenshot-ui-capture-button:focus .screenshot-ui-capture-button-circle { background-color: #cacac4; } .screenshot-ui-capture-button:active .screenshot-ui-capture-button-circle { background-color: #747467; } .screenshot-ui-capture-button:cast .screenshot-ui-capture-button-circle { background-color: #c7162b; } .screenshot-ui-capture-button:cast:hover .screenshot-ui-capture-button-circle, .screenshot-ui-capture-button:cast:focus .screenshot-ui-capture-button-circle { background-color: #de1930; } .screenshot-ui-capture-button:cast:active .screenshot-ui-capture-button-circle { background-color: #a71224; } .screenshot-ui-shot-cast-container { background-color: rgba(247, 247, 247, 0.1); border-radius: 12px; padding: 3px; spacing: 3px; } .screenshot-ui-shot-cast-container:ltr { margin-left: 3px; } .screenshot-ui-shot-cast-container:rtl { margin-right: 3px; } .screenshot-ui-shot-cast-button { padding: 6px 12px; background-color: transparent; border-radius: 9px; } .screenshot-ui-shot-cast-button:hover, .screenshot-ui-shot-cast-button:focus { background-color: rgba(255, 255, 255, 0.1); } .screenshot-ui-shot-cast-button:active { background-color: rgba(255, 255, 255, 0.2); } .screenshot-ui-shot-cast-button:checked { background-color: white; color: black; } .screenshot-ui-shot-cast-button StIcon { icon-size: 1.09em; } .screenshot-ui-show-pointer-button { border-radius: 99px; padding: 12px !important; } .screenshot-ui-show-pointer-button StIcon { icon-size: 1.09em; } .screenshot-ui-area-indicator-shade { background-color: rgba(0, 0, 0, 0.3); } .screenshot-ui-area-selector .screenshot-ui-area-indicator-shade { background-color: rgba(0, 0, 0, 0.5); } .screenshot-ui-area-selector .screenshot-ui-area-indicator-selection { border: 2px white; } .screenshot-ui-area-selector-handle { border-radius: 99px; background-color: white; box-shadow: 0 1px 3px 2px rgba(0, 0, 0, 0.2); width: 24px; height: 24px; } .screenshot-ui-window-selector { background-color: #222222; } .screenshot-ui-window-selector .screenshot-ui-window-selector-window-container { margin: 100px; } .screenshot-ui-window-selector:primary-monitor .screenshot-ui-window-selector-window-container { margin-bottom: 200px; } .screenshot-ui-window-selector-window-border { transition-duration: 200ms; border-radius: 12px; border: 6px transparent; } .screenshot-ui-window-selector-check { transition-duration: 200ms; color: transparent; border-radius: 99px; border-width: 12px; icon-size: 24px; } .screenshot-ui-window-selector-window:hover .screenshot-ui-window-selector-window-border { border-color: #004d99; } .screenshot-ui-window-selector-window:checked .screenshot-ui-window-selector-window-border { border-color: #0073E5; background-color: rgba(0, 115, 229, 0.2); } .screenshot-ui-window-selector-window:checked .screenshot-ui-window-selector-check { color: #FFFFFF; background-color: #0073E5; } .screenshot-ui-screen-selector { transition-duration: 200ms; background-color: rgba(0, 0, 0, 0.5); } .screenshot-ui-screen-selector:hover { background-color: rgba(0, 0, 0, 0.3); } .screenshot-ui-screen-selector:active { background-color: rgba(0, 0, 0, 0.7); } .screenshot-ui-screen-selector:checked { background-color: transparent; border: 2px white; } .screenshot-ui-tooltip { color: #eeeeec; background-color: rgba(29, 29, 29, 0.975); border-radius: 99px; padding: 6px 12px; text-align: center; -y-offset: 24px; } /* Top Bar */ #panel { background-color: #131313; font-weight: bold; height: 1.86em; transition-duration: 250ms; } #panel.unlock-screen, #panel.login-screen { background-color: transparent; } #panel .panel-button { font-weight: bold; color: #f2f2f2; -natural-hpadding: 12px; -minimum-hpadding: 6px; transition-duration: 150ms; border: 3px solid transparent; border-radius: 99px; } #panel .panel-button.clock-display .clock { transition-duration: 150ms; border: 3px solid transparent; border-radius: 99px; } #panel .panel-button.screen-recording-indicator { box-shadow: inset 0 0 0 100px #c7162b; } #panel .panel-button.screen-recording-indicator StBoxLayout { spacing: 6px; } #panel .panel-button.screen-recording-indicator StIcon { icon-size: 1.09em; } #panel .panel-button:active, #panel .panel-button:overview, #panel .panel-button:focus, #panel .panel-button:checked { box-shadow: inset 0 0 0 100px rgba(242, 242, 242, 0.2); } #panel .panel-button:active.clock-display, #panel .panel-button:overview.clock-display, #panel .panel-button:focus.clock-display, #panel .panel-button:checked.clock-display { box-shadow: none; } #panel .panel-button:active.clock-display .clock, #panel .panel-button:overview.clock-display .clock, #panel .panel-button:focus.clock-display .clock, #panel .panel-button:checked.clock-display .clock { box-shadow: inset 0 0 0 100px rgba(242, 242, 242, 0.2); } #panel .panel-button:active.screen-recording-indicator, #panel .panel-button:overview.screen-recording-indicator, #panel .panel-button:focus.screen-recording-indicator, #panel .panel-button:checked.screen-recording-indicator { box-shadow: inset 0 0 0 100px rgba(199, 22, 43, 0.85); } #panel .panel-button:hover { box-shadow: inset 0 0 0 100px rgba(242, 242, 242, 0.15); } #panel .panel-button:hover.clock-display { box-shadow: none; } #panel .panel-button:hover.clock-display .clock { box-shadow: inset 0 0 0 100px rgba(242, 242, 242, 0.15); } #panel .panel-button:hover.screen-recording-indicator { box-shadow: inset 0 0 0 100px rgba(199, 22, 43, 0.9); } #panel .panel-button:active:hover, #panel .panel-button:overview:hover, #panel .panel-button:focus:hover, #panel .panel-button:checked:hover { box-shadow: inset 0 0 0 100px rgba(242, 242, 242, 0.25); } #panel .panel-button:active:hover.clock-display, #panel .panel-button:overview:hover.clock-display, #panel .panel-button:focus:hover.clock-display, #panel .panel-button:checked:hover.clock-display { box-shadow: none; } #panel .panel-button:active:hover.clock-display .clock, #panel .panel-button:overview:hover.clock-display .clock, #panel .panel-button:focus:hover.clock-display .clock, #panel .panel-button:checked:hover.clock-display .clock { box-shadow: inset 0 0 0 100px rgba(242, 242, 242, 0.25); } #panel .panel-button:active:hover.screen-recording-indicator, #panel .panel-button:overview:hover.screen-recording-indicator, #panel .panel-button:focus:hover.screen-recording-indicator, #panel .panel-button:checked:hover.screen-recording-indicator { box-shadow: inset 0 0 0 100px rgba(199, 22, 43, 0.8); } #panel .panel-button .system-status-icon { icon-size: 1.09em; padding: 5px; margin: 0 4px; } #panel .panel-button .panel-status-indicators-box .system-status-icon, #panel .panel-button .panel-status-menu-box .system-status-icon { margin: 0; } #panel .panel-button .app-menu-icon { -st-icon-style: symbolic; } #panel .panel-button#panelActivities { -natural-hpadding: 18px; } #panel.unlock-screen .panel-button:active, #panel.unlock-screen .panel-button:overview, #panel.unlock-screen .panel-button:focus, #panel.unlock-screen .panel-button:checked, #panel.login-screen .panel-button:active, #panel.login-screen .panel-button:overview, #panel.login-screen .panel-button:focus, #panel.login-screen .panel-button:checked, #panel:overview .panel-button:active, #panel:overview .panel-button:overview, #panel:overview .panel-button:focus, #panel:overview .panel-button:checked { box-shadow: inset 0 0 0 100px rgba(255, 255, 255, 0.15); } #panel.unlock-screen .panel-button:active.clock-display, #panel.unlock-screen .panel-button:overview.clock-display, #panel.unlock-screen .panel-button:focus.clock-display, #panel.unlock-screen .panel-button:checked.clock-display, #panel.login-screen .panel-button:active.clock-display, #panel.login-screen .panel-button:overview.clock-display, #panel.login-screen .panel-button:focus.clock-display, #panel.login-screen .panel-button:checked.clock-display, #panel:overview .panel-button:active.clock-display, #panel:overview .panel-button:overview.clock-display, #panel:overview .panel-button:focus.clock-display, #panel:overview .panel-button:checked.clock-display { box-shadow: none; } #panel.unlock-screen .panel-button:active.clock-display .clock, #panel.unlock-screen .panel-button:overview.clock-display .clock, #panel.unlock-screen .panel-button:focus.clock-display .clock, #panel.unlock-screen .panel-button:checked.clock-display .clock, #panel.login-screen .panel-button:active.clock-display .clock, #panel.login-screen .panel-button:overview.clock-display .clock, #panel.login-screen .panel-button:focus.clock-display .clock, #panel.login-screen .panel-button:checked.clock-display .clock, #panel:overview .panel-button:active.clock-display .clock, #panel:overview .panel-button:overview.clock-display .clock, #panel:overview .panel-button:focus.clock-display .clock, #panel:overview .panel-button:checked.clock-display .clock { box-shadow: inset 0 0 0 100px rgba(255, 255, 255, 0.15); } #panel.unlock-screen .panel-button:active.screen-recording-indicator, #panel.unlock-screen .panel-button:overview.screen-recording-indicator, #panel.unlock-screen .panel-button:focus.screen-recording-indicator, #panel.unlock-screen .panel-button:checked.screen-recording-indicator, #panel.login-screen .panel-button:active.screen-recording-indicator, #panel.login-screen .panel-button:overview.screen-recording-indicator, #panel.login-screen .panel-button:focus.screen-recording-indicator, #panel.login-screen .panel-button:checked.screen-recording-indicator, #panel:overview .panel-button:active.screen-recording-indicator, #panel:overview .panel-button:overview.screen-recording-indicator, #panel:overview .panel-button:focus.screen-recording-indicator, #panel:overview .panel-button:checked.screen-recording-indicator { box-shadow: inset 0 0 0 100px rgba(199, 22, 43, 0.85); } #panel.unlock-screen .panel-button:hover, #panel.login-screen .panel-button:hover, #panel:overview .panel-button:hover { box-shadow: inset 0 0 0 100px rgba(255, 255, 255, 0.1); } #panel.unlock-screen .panel-button:hover.clock-display, #panel.login-screen .panel-button:hover.clock-display, #panel:overview .panel-button:hover.clock-display { box-shadow: none; } #panel.unlock-screen .panel-button:hover.clock-display .clock, #panel.login-screen .panel-button:hover.clock-display .clock, #panel:overview .panel-button:hover.clock-display .clock { box-shadow: inset 0 0 0 100px rgba(255, 255, 255, 0.1); } #panel.unlock-screen .panel-button:hover.screen-recording-indicator, #panel.login-screen .panel-button:hover.screen-recording-indicator, #panel:overview .panel-button:hover.screen-recording-indicator { box-shadow: inset 0 0 0 100px rgba(199, 22, 43, 0.9); } #panel.unlock-screen .panel-button:active:hover, #panel.unlock-screen .panel-button:overview:hover, #panel.unlock-screen .panel-button:focus:hover, #panel.unlock-screen .panel-button:checked:hover, #panel.login-screen .panel-button:active:hover, #panel.login-screen .panel-button:overview:hover, #panel.login-screen .panel-button:focus:hover, #panel.login-screen .panel-button:checked:hover, #panel:overview .panel-button:active:hover, #panel:overview .panel-button:overview:hover, #panel:overview .panel-button:focus:hover, #panel:overview .panel-button:checked:hover { box-shadow: inset 0 0 0 100px rgba(255, 255, 255, 0.2); } #panel.unlock-screen .panel-button:active:hover.clock-display, #panel.unlock-screen .panel-button:overview:hover.clock-display, #panel.unlock-screen .panel-button:focus:hover.clock-display, #panel.unlock-screen .panel-button:checked:hover.clock-display, #panel.login-screen .panel-button:active:hover.clock-display, #panel.login-screen .panel-button:overview:hover.clock-display, #panel.login-screen .panel-button:focus:hover.clock-display, #panel.login-screen .panel-button:checked:hover.clock-display, #panel:overview .panel-button:active:hover.clock-display, #panel:overview .panel-button:overview:hover.clock-display, #panel:overview .panel-button:focus:hover.clock-display, #panel:overview .panel-button:checked:hover.clock-display { box-shadow: none; } #panel.unlock-screen .panel-button:active:hover.clock-display .clock, #panel.unlock-screen .panel-button:overview:hover.clock-display .clock, #panel.unlock-screen .panel-button:focus:hover.clock-display .clock, #panel.unlock-screen .panel-button:checked:hover.clock-display .clock, #panel.login-screen .panel-button:active:hover.clock-display .clock, #panel.login-screen .panel-button:overview:hover.clock-display .clock, #panel.login-screen .panel-button:focus:hover.clock-display .clock, #panel.login-screen .panel-button:checked:hover.clock-display .clock, #panel:overview .panel-button:active:hover.clock-display .clock, #panel:overview .panel-button:overview:hover.clock-display .clock, #panel:overview .panel-button:focus:hover.clock-display .clock, #panel:overview .panel-button:checked:hover.clock-display .clock { box-shadow: inset 0 0 0 100px rgba(255, 255, 255, 0.2); } #panel.unlock-screen .panel-button:active:hover.screen-recording-indicator, #panel.unlock-screen .panel-button:overview:hover.screen-recording-indicator, #panel.unlock-screen .panel-button:focus:hover.screen-recording-indicator, #panel.unlock-screen .panel-button:checked:hover.screen-recording-indicator, #panel.login-screen .panel-button:active:hover.screen-recording-indicator, #panel.login-screen .panel-button:overview:hover.screen-recording-indicator, #panel.login-screen .panel-button:focus:hover.screen-recording-indicator, #panel.login-screen .panel-button:checked:hover.screen-recording-indicator, #panel:overview .panel-button:active:hover.screen-recording-indicator, #panel:overview .panel-button:overview:hover.screen-recording-indicator, #panel:overview .panel-button:focus:hover.screen-recording-indicator, #panel:overview .panel-button:checked:hover.screen-recording-indicator { box-shadow: inset 0 0 0 100px rgba(199, 22, 43, 0.8); } #panel .panel-status-indicators-box, #panel .panel-status-menu-box { spacing: 2px; } #panel .power-status.panel-status-indicators-box { spacing: 0; } #panel .screencast-indicator, #panel .remote-access-indicator { color: #f99b11; } #appMenu { spacing: 6px; } #appMenu .label-shadow { color: transparent; } #appMenu .panel-status-menu-box { padding: 0 6px; spacing: 6px; } .clock-display-box { spacing: 2px; } .clock-display-box .clock { padding-left: 12px; padding-right: 12px; } /* Activities Ripple */ .ripple-box { background-color: rgba(178, 217, 255, 0.3); box-shadow: 0 0 2px 2px #4ca6ff; width: 52px; height: 52px; border-radius: 0 0 52px 0; } .ripple-box:rtl { border-radius: 0 0 0 52px; } /* OVERVIEW */ .controls-manager, .secondary-monitor-workspaces { spacing: 12px; } #overviewGroup { background-color: #222222; } .overview-controls { padding-bottom: 32px; } /* Window Picker */ .window-picker { spacing: 6px; } .window-caption { color: #eeeeec; background-color: rgba(29, 29, 29, 0.975); border-radius: 99px; padding: 6px 12px; border: 1px solid #464646; } .window-close, .screenshot-ui-close-button { background-color: rgba(55, 55, 55, 0.975); color: #eeeeec; border-radius: 99px; padding: 3px; height: 30px; width: 30px; transition-duration: 300ms; border: 1px solid #464646; } .window-close StIcon, .screenshot-ui-close-button StIcon { icon-size: 24px; } .window-close:hover, .screenshot-ui-close-button:hover { background-color: rgba(67, 67, 67, 0.975); } .window-close:active, .screenshot-ui-close-button:active { background-color: rgba(42, 42, 42, 0.975); } .workspace-background { border-radius: 30px; box-shadow: 0 4px 16px 4px rgba(0, 0, 0, 0.275); } .search-entry { border-radius: 18px; margin-top: 24px; margin-bottom: 12px; padding: 7px 9px; width: 320px; background-color: #1d1d1d; color: rgba(247, 247, 247, 0.7); border: 1px solid #464646; } .search-entry:hover { background-color: #1d1d1d; border-color: #535353; color: #F7F7F7; } .search-entry:focus { background-color: #1d1d1d; border-color: #2d97ff; box-shadow: 0 0 0 1px #2d97ff inset; color: #F7F7F7; } .search-entry:insensitive { background-color: #2c2c2c; border-color: #2c2c2c; color: #8a8a8a; } .search-entry .search-entry-icon { color: inherit; icon-size: 1.09em; margin-top: 2px; padding: 0 4px; } /* Search */ #searchResults { margin: 0 4px; } #searchResultsContent { max-width: 1072px; } .search-section { spacing: 18px; } .search-section .search-section-separator { height: 8px; background-color: transparent; } .search-section-content { background-color: #1d1d1d; border-radius: 18px; border: 1px solid #464646; color: #eeeeec; padding: 12px; margin: 0 12px; } .list-search-result, .search-provider-icon { background-color: transparent; border-radius: 9px; } .list-search-result:hover, .search-provider-icon:hover { background-color: rgba(238, 238, 236, 0.1); } .list-search-result:selected, .search-provider-icon:selected, .list-search-result:focus, .search-provider-icon:focus { background-color: rgba(238, 238, 236, 0.13); } .list-search-result:selected:hover, .search-provider-icon:selected:hover, .list-search-result:focus:hover, .search-provider-icon:focus:hover { background-color: rgba(238, 238, 236, 0.16); } .list-search-result:selected:active, .search-provider-icon:selected:active, .list-search-result:focus:active, .search-provider-icon:focus:active { background-color: rgba(238, 238, 236, 0.13); } .list-search-result:active, .search-provider-icon:active { background-color: rgba(238, 238, 236, 0.16); } .list-search-result:outlined, .search-provider-icon:outlined, .list-search-result:checked, .search-provider-icon:checked { background-color: rgba(238, 238, 236, 0.19); } .list-search-result:outlined:active, .search-provider-icon:outlined:active, .list-search-result:checked:active, .search-provider-icon:checked:active { background-color: rgba(238, 238, 236, 0.22); } .list-search-result:outlined:hover, .search-provider-icon:outlined:hover, .list-search-result:checked:hover, .search-provider-icon:checked:hover { background-color: rgba(238, 238, 236, 0.25); } .list-search-result:drop, .search-provider-icon:drop { border: 2px solid rgba(0, 115, 229, 0.8); background-color: rgba(0, 115, 229, 0.2); } .grid-search-results { spacing: 30px; margin: 0 12px; } .search-provider-icon:ltr { margin-right: 4px; } .search-provider-icon:rtl { margin-left: 4px; } .search-provider-icon .list-search-provider-content { spacing: 12px; } .search-provider-icon .list-search-provider-content .list-search-provider-details { width: 120px; color: #eeeeec; } .list-search-results { spacing: 6px; } .list-search-result .list-search-result-content { spacing: 6px; } .list-search-result .list-search-result-title { spacing: 12px; } .list-search-result .list-search-result-description { color: #868685; } /* Dash */ #dash { margin-top: 12px; } #dash .placeholder { background-image: none; background-size: contain; height: 32px; } #dash .empty-dash-drop-target { width: 32px; height: 32px; } #dash .app-well-app-running-dot { margin-bottom: 13px; background-color: #0073E5; } .dash-background { background-color: #1d1d1d; border-radius: 24px; padding: 12px; border: 1px solid #464646; spacing: 6px; margin-bottom: 12px; } .dash-item-container > * { margin: 0 2px; } .dash-item-container:ltr:first-child { margin-left: 0; } .dash-item-container:rtl:first-child { margin-right: 0; } .dash-item-container .app-well-app .overview-icon, .dash-item-container .grid-search-result .overview-icon { padding: 6px; } .dash-item-container .show-apps .overview-icon { background-color: transparent; } .dash-item-container .show-apps:hover .overview-icon { background-color: rgba(238, 238, 236, 0.1); } .dash-item-container .show-apps:selected .overview-icon, .dash-item-container .show-apps:focus .overview-icon { background-color: rgba(238, 238, 236, 0.13); } .dash-item-container .show-apps:selected .overview-icon:hover .overview-icon, .dash-item-container .show-apps:focus .overview-icon:hover .overview-icon { background-color: rgba(238, 238, 236, 0.16); } .dash-item-container .show-apps:selected .overview-icon:active .overview-icon, .dash-item-container .show-apps:focus .overview-icon:active .overview-icon { background-color: rgba(238, 238, 236, 0.13); } .dash-item-container .show-apps:active .overview-icon { background-color: rgba(238, 238, 236, 0.16); } .dash-item-container .show-apps:outlined .overview-icon, .dash-item-container .show-apps:checked .overview-icon { background-color: rgba(238, 238, 236, 0.19); } .dash-item-container .show-apps:outlined .overview-icon:active .overview-icon, .dash-item-container .show-apps:checked .overview-icon:active .overview-icon { background-color: rgba(238, 238, 236, 0.22); } .dash-item-container .show-apps:outlined .overview-icon:hover .overview-icon, .dash-item-container .show-apps:checked .overview-icon:hover .overview-icon { background-color: rgba(238, 238, 236, 0.25); } .dash-item-container .show-apps:drop .overview-icon { border: 2px solid rgba(0, 115, 229, 0.8); background-color: rgba(0, 115, 229, 0.2); } .dash-item-container .show-apps:focus .overview-icon, .dash-item-container .show-apps:active .overview-icon, .dash-item-container .show-apps:checked .overview-icon { background-color: rgba(238, 238, 236, 0.2); } .dash-item-container .show-apps, .dash-item-container .app-well-app, .dash-item-container .grid-search-result { padding-bottom: 12px; } .dash-separator { width: 1px; margin: 0 4px; background-color: #464646; margin-bottom: 12px; } .dash-label { color: #eeeeec; background-color: rgba(29, 29, 29, 0.975); border-radius: 99px; padding: 6px 12px; text-align: center; -y-offset: 8px; border: 1px solid #464646; } /* App Grid */ .icon-grid { row-spacing: 12px; column-spacing: 12px; max-row-spacing: 42px; max-column-spacing: 42px; page-padding-top: 24px; page-padding-bottom: 24px; page-padding-left: 18px; page-padding-right: 18px; } /* App Icons */ .app-well-app .overview-icon, .grid-search-result .overview-icon { background-color: transparent; } .app-well-app:hover .overview-icon, .grid-search-result:hover .overview-icon { background-color: rgba(238, 238, 236, 0.1); } .app-well-app:selected .overview-icon, .grid-search-result:selected .overview-icon, .app-well-app:focus .overview-icon, .grid-search-result:focus .overview-icon { background-color: rgba(238, 238, 236, 0.13); } .app-well-app:selected .overview-icon:hover .overview-icon, .grid-search-result:selected .overview-icon:hover .overview-icon, .app-well-app:focus .overview-icon:hover .overview-icon, .grid-search-result:focus .overview-icon:hover .overview-icon { background-color: rgba(238, 238, 236, 0.16); } .app-well-app:selected .overview-icon:active .overview-icon, .grid-search-result:selected .overview-icon:active .overview-icon, .app-well-app:focus .overview-icon:active .overview-icon, .grid-search-result:focus .overview-icon:active .overview-icon { background-color: rgba(238, 238, 236, 0.13); } .app-well-app:active .overview-icon, .grid-search-result:active .overview-icon { background-color: rgba(238, 238, 236, 0.16); } .app-well-app:outlined .overview-icon, .grid-search-result:outlined .overview-icon, .app-well-app:checked .overview-icon, .grid-search-result:checked .overview-icon { background-color: rgba(238, 238, 236, 0.19); } .app-well-app:outlined .overview-icon:active .overview-icon, .grid-search-result:outlined .overview-icon:active .overview-icon, .app-well-app:checked .overview-icon:active .overview-icon, .grid-search-result:checked .overview-icon:active .overview-icon { background-color: rgba(238, 238, 236, 0.22); } .app-well-app:outlined .overview-icon:hover .overview-icon, .grid-search-result:outlined .overview-icon:hover .overview-icon, .app-well-app:checked .overview-icon:hover .overview-icon, .grid-search-result:checked .overview-icon:hover .overview-icon { background-color: rgba(238, 238, 236, 0.25); } .app-well-app:drop .overview-icon, .grid-search-result:drop .overview-icon { border: 2px solid rgba(0, 115, 229, 0.8); background-color: rgba(0, 115, 229, 0.2); } .app-well-app:focus .overview-icon, .grid-search-result:focus .overview-icon, .app-well-app:active .overview-icon, .grid-search-result:active .overview-icon, .app-well-app:checked .overview-icon, .grid-search-result:checked .overview-icon { background-color: rgba(238, 238, 236, 0.2); } .app-well-app .overview-icon, .grid-search-result .overview-icon { padding: 12px; } .app-well-app .overview-icon.overview-icon-with-label > StBoxLayout, .grid-search-result .overview-icon.overview-icon-with-label > StBoxLayout { spacing: 6px; } .app-well-app.app-folder .overview-icon, .app-folder.grid-search-result .overview-icon { background-color: rgba(238, 238, 236, 0.05); } .app-well-app.app-folder:hover .overview-icon, .app-folder.grid-search-result:hover .overview-icon { background-color: rgba(238, 238, 236, 0.1); } .app-well-app.app-folder:selected .overview-icon, .app-folder.grid-search-result:selected .overview-icon, .app-well-app.app-folder:focus .overview-icon, .app-folder.grid-search-result:focus .overview-icon { background-color: rgba(238, 238, 236, 0.13); } .app-well-app.app-folder:selected .overview-icon:hover .overview-icon, .app-folder.grid-search-result:selected .overview-icon:hover .overview-icon, .app-well-app.app-folder:focus .overview-icon:hover .overview-icon, .app-folder.grid-search-result:focus .overview-icon:hover .overview-icon { background-color: rgba(238, 238, 236, 0.16); } .app-well-app.app-folder:selected .overview-icon:active .overview-icon, .app-folder.grid-search-result:selected .overview-icon:active .overview-icon, .app-well-app.app-folder:focus .overview-icon:active .overview-icon, .app-folder.grid-search-result:focus .overview-icon:active .overview-icon { background-color: rgba(238, 238, 236, 0.13); } .app-well-app.app-folder:active .overview-icon, .app-folder.grid-search-result:active .overview-icon { background-color: rgba(238, 238, 236, 0.16); } .app-well-app.app-folder:outlined .overview-icon, .app-folder.grid-search-result:outlined .overview-icon, .app-well-app.app-folder:checked .overview-icon, .app-folder.grid-search-result:checked .overview-icon { background-color: rgba(238, 238, 236, 0.19); } .app-well-app.app-folder:outlined .overview-icon:active .overview-icon, .app-folder.grid-search-result:outlined .overview-icon:active .overview-icon, .app-well-app.app-folder:checked .overview-icon:active .overview-icon, .app-folder.grid-search-result:checked .overview-icon:active .overview-icon { background-color: rgba(238, 238, 236, 0.22); } .app-well-app.app-folder:outlined .overview-icon:hover .overview-icon, .app-folder.grid-search-result:outlined .overview-icon:hover .overview-icon, .app-well-app.app-folder:checked .overview-icon:hover .overview-icon, .app-folder.grid-search-result:checked .overview-icon:hover .overview-icon { background-color: rgba(238, 238, 236, 0.25); } .app-well-app.app-folder:drop .overview-icon, .app-folder.grid-search-result:drop .overview-icon { border: 2px solid rgba(0, 115, 229, 0.8); background-color: rgba(0, 115, 229, 0.2); } .app-well-app.app-folder:focus .overview-icon, .app-folder.grid-search-result:focus .overview-icon, .app-well-app.app-folder:active .overview-icon, .app-folder.grid-search-result:active .overview-icon, .app-well-app.app-folder:checked .overview-icon, .app-folder.grid-search-result:checked .overview-icon { background-color: rgba(238, 238, 236, 0.2); } .app-folder-dialog { border-radius: 24px; background-color: #1d1d1d; border: 1px solid #464646; } .app-folder-dialog .folder-name-container { padding: 24px 36px 0; spacing: 12px; /* FIXME: this is to keep the label in sync with the entry */ } .app-folder-dialog .folder-name-container .folder-name-label, .app-folder-dialog .folder-name-container .folder-name-entry { color: #eeeeec; } .app-folder-dialog .folder-name-container .folder-name-entry { width: 300px; background-color: rgba(39, 39, 39, 0.975); border-color: rgba(255, 255, 255, 0.16); } .app-folder-dialog .folder-name-container .folder-name-label { padding: 5px 7px; color: #eeeeec; } .app-folder-dialog .folder-name-container .edit-folder-button { padding: 0; width: 36px; height: 36px; border-radius: 99px; } .app-folder-dialog .folder-name-container .edit-folder-button > StIcon { icon-size: 1.09em; } .app-folder-dialog .icon-grid { row-spacing: 12px; column-spacing: 30px; page-padding-top: 0; page-padding-bottom: 0; page-padding-left: 0; page-padding-right: 0; } .app-folder-dialog .page-indicators { margin-bottom: 18px; } .app-folder-dialog-container { padding: 12px; width: 640px; height: 640px; } .app-well-app-running-dot { height: 5px; width: 5px; border-radius: 5px; margin-bottom: 8px; background-color: #0073E5; } .rename-folder-popup .rename-folder-popup-item { spacing: 6px; } .rename-folder-popup .rename-folder-popup-item:ltr, .rename-folder-popup .rename-folder-popup-item:rtl { padding: 0 12px; } .page-indicator { padding: 6px 12px 0; } .page-indicator .page-indicator-icon { width: 10px; height: 10px; border-radius: 10px; background-color: white; } .apps-scroll-view { padding: 0; } .system-action-icon { background-color: rgba(0, 0, 0, 0.8); color: #fff; border-radius: 99px; icon-size: 48px; } .page-navigation-hint { width: 300px; } .page-navigation-hint.dnd { background: rgba(255, 255, 255, 0.1); } .page-navigation-hint.next:ltr, .page-navigation-hint.previous:rtl { background-gradient-start: rgba(255, 255, 255, 0.05); background-gradient-end: transparent; background-gradient-direction: horizontal; border-radius: 18px 0px 0px 18px; } .page-navigation-hint.previous:ltr, .page-navigation-hint.next:rtl { background-gradient-start: transparent; background-gradient-end: rgba(255, 255, 255, 0.05); background-gradient-direction: horizontal; border-radius: 0px 18px 18px 0px; } .page-navigation-arrow { margin: 6px; width: 24px; height: 24px; color: #eeeeec; } /* Workspace pager */ .workspace-thumbnails { visible-width: 32px; spacing: 6px; padding: 6px; border-color: transparent; } .workspace-thumbnails .workspace-thumbnail { border-radius: 3px; background-color: #1d1d1d; border: 1px solid #464646; } .workspace-thumbnails .placeholder { background-image: url("resource:///org/gnome/shell/theme/workspace-placeholder.svg"); background-size: contain; width: 18px; } .workspace-thumbnail-indicator { border: 2px solid #2d97ff; border-radius: 3px; padding: 0px; } .ripple-pointer-location { width: 50px; height: 50px; border-radius: 25px; background-color: rgba(127, 191, 255, 0.3); box-shadow: 0 0 2px 2px #4ca6ff; } .pie-timer { width: 60px; height: 60px; -pie-border-width: 3px; -pie-border-color: #0073E5; -pie-background-color: rgba(178, 217, 255, 0.3); } .magnifier-zoom-region { border: 2px solid #0073E5; } .magnifier-zoom-region.full-screen { border-width: 0; } .select-area-rubberband { background-color: rgba(135, 135, 135, 0.2); border: 1px solid rgba(204, 204, 204, 0.8); } .user-icon { /* Yaru: See commit 3d4aca768250 */ background-size: contain; color: #F7F7F7; border-radius: 99px; icon-size: 4.36em; } .user-icon:hover { color: white; } .user-icon StIcon { background-color: rgba(247, 247, 247, 0.05); border-radius: 99px; padding: 12px; width: 2.725em; height: 2.725em; } .user-icon.user-avatar { border: 2px #eeeeec; } .user-widget.vertical .user-icon { icon-size: 6.54em; } .user-widget.vertical .user-icon StIcon { padding: 20px; padding-top: 18px; padding-bottom: 22px; width: 5.995em; height: 5.995em; /* Yaru: See commit 3d4aca768250 */ } .lightbox { background-color: black; } .flashspot { background-color: white; } .hidden { color: rgba(0, 0, 0, 0); } .caps-lock-warning-label { text-align: center; padding-bottom: 8px; color: #f99b11; } /* Workspace animation */ .workspace-animation { background-color: #222222; } /* Tiled window previews */ .tile-preview { background-color: rgba(0, 115, 229, 0.5); border: 1px solid #0073E5; } /* On-screen Keyboard */ #keyboard { background-color: rgba(0, 0, 0, 0.9); } #keyboard .page-indicator { padding: 6px; } #keyboard .page-indicator .page-indicator-icon { width: 8px; height: 8px; } .key-container { padding: 4px; spacing: 4px; } .keyboard-key { font-size: 16pt; font-weight: bold; min-height: 1.2em; min-width: 1.2em; border-width: 1px; border-style: solid; border-radius: 10px; box-shadow: 0 1px 0 0 rgba(0, 0, 0, 0.1); color: #F7F7F7; background-color: #222222; } .keyboard-key:focus { color: #F7F7F7; background-color: #1f2a36; box-shadow: inset 0 0 0 2px rgba(0, 115, 229, 0.6); } .keyboard-key:focus:hover { background-color: #2a3641; box-shadow: inset 0 0 0 2px rgba(0, 115, 229, 0.7); } .keyboard-key:focus:active { background-color: #2f3a46; box-shadow: inset 0 0 0 2px rgba(0, 115, 229, 0.7); } .keyboard-key:hover { color: #F7F7F7; background-color: #2c2c2c; } .keyboard-key:active { color: #F7F7F7; background-color: #343434; } .keyboard-key:checked { color: #F7F7F7; background-color: #414141; } .keyboard-key:grayed { background-color: #151515; color: #F7F7F7; border-color: rgba(0, 0, 0, 0.7); } .keyboard-key.default-key { color: #F7F7F7; background-color: #222222; border-radius: 10px; } .keyboard-key.default-key:hover { color: #F7F7F7; background-color: #2c2c2c; } .keyboard-key.default-key:active { color: #F7F7F7; background-color: #343434; } .keyboard-key.default-key:checked { color: #F7F7F7; background-color: #414141; } .keyboard-key.enter-key { color: #FFFFFF; background-color: #0d7b1e; border-radius: 10px; color: #eeeeec; } .keyboard-key.enter-key:hover { color: #FFFFFF; background-color: #0f8d22; } .keyboard-key.enter-key:active { color: #FFFFFF; background-color: #109b26; } .keyboard-key.enter-key:checked { color: #FFFFFF; background-color: #13b22b; } .keyboard-key.shift-key-uppercase { background-color: #4e4e4e; color: #F7F7F7; } .keyboard-key.shift-key-uppercase:hover { background-color: #5a5a5a; } .keyboard-key StIcon { icon-size: 24px; } .keyboard-subkeys { -arrow-border-radius: 12px; -arrow-background-color: rgba(9, 9, 9, 0.9); -arrow-border-width: 1px; -arrow-border-color: #464646; -arrow-base: 20px; -arrow-rise: 10px; -boxpointer-gap: 6px; padding: 6px; } .keyboard-subkeys .keyboard-key { color: #F7F7F7; background-color: #222222; border-radius: 10px; } .keyboard-subkeys .keyboard-key:focus { color: #F7F7F7; background-color: #1f2a36; box-shadow: inset 0 0 0 2px rgba(0, 115, 229, 0.6); } .keyboard-subkeys .keyboard-key:focus:hover { background-color: #2a3641; box-shadow: inset 0 0 0 2px rgba(0, 115, 229, 0.7); } .keyboard-subkeys .keyboard-key:focus:active { background-color: #2f3a46; box-shadow: inset 0 0 0 2px rgba(0, 115, 229, 0.7); } .keyboard-subkeys .keyboard-key:hover { color: #F7F7F7; background-color: #2c2c2c; } .keyboard-subkeys .keyboard-key:active { color: #F7F7F7; background-color: #343434; } .keyboard-subkeys .keyboard-key:checked { color: #F7F7F7; background-color: #414141; } .emoji-page .keyboard-key { background-color: transparent; border: none; color: initial; } .emoji-panel .keyboard-key:latched { border-color: #0080ff; background-color: #0073E5; } .word-suggestions { font-size: 14pt; spacing: 12px; min-height: 20pt; padding: 12px; color: #F7F7F7; } .word-suggestions StButton { margin: 0 3px; min-width: 32px; border-radius: 4px; padding: 6px 18px; background-color: transparent; background-image: none; } .word-suggestions StButton:focus { color: #F7F7F7; background-color: #1f2a36; box-shadow: inset 0 0 0 2px rgba(0, 115, 229, 0.6); } .word-suggestions StButton:focus:hover { background-color: #2a3641; box-shadow: inset 0 0 0 2px rgba(0, 115, 229, 0.7); } .word-suggestions StButton:focus:active { background-color: #2f3a46; box-shadow: inset 0 0 0 2px rgba(0, 115, 229, 0.7); } .word-suggestions StButton:hover { color: #F7F7F7; background-color: #2c2c2c; } .word-suggestions StButton:active { color: #F7F7F7; background-color: #343434; } .word-suggestions StButton:checked { color: #F7F7F7; background-color: #414141; } /* Looking Glass */ #LookingGlassDialog { background-color: rgba(29, 29, 29, 0.975); border-radius: 0 0 12px 12px; border-top-width: 0; border: 1px solid rgba(255, 255, 255, 0.16); color: #eeeeec; padding: 6px; spacing: 6px; box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.1); } #LookingGlassDialog > #Toolbar { border: none; padding: 6px; border-radius: 0; background-color: transparent; spacing: 6px; } #LookingGlassDialog > #Toolbar .lg-toolbar-button { padding: 6px 12px; } #LookingGlassDialog > #Toolbar .lg-toolbar-button > StIcon { icon-size: 1.09em; } #LookingGlassDialog .labels { spacing: 6px; } #LookingGlassDialog .notebook-tab { -natural-hpadding: 12px; -minimum-hpadding: 12px; font-weight: bold; padding: 6px 12px; color: #cacac4; transition-duration: 100ms; box-shadow: none; border: none; border-radius: 4px; background-color: transparent; } #LookingGlassDialog .notebook-tab:hover { color: #eeeeec; background-color: rgba(238, 238, 236, 0.05); } #LookingGlassDialog .notebook-tab:selected { color: #eeeeec; background-color: rgba(238, 238, 236, 0.1); } #LookingGlassDialog StBoxLayout#EvalBox { padding: 4px; spacing: 6px; padding: 6px; } #LookingGlassDialog StBoxLayout#ResultsArea { spacing: 6px; padding: 6px; } .lg-dialog { color: #eeeeec; } .lg-dialog StEntry { background-color: rgba(42, 42, 42, 0.575); color: #eeeeec; border-color: rgba(238, 238, 236, 0.2); min-height: 22px; selection-background-color: #0073E5; selected-color: #FFFFFF; } .lg-dialog StEntry, .lg-dialog StEntry:focus { box-shadow: none; } .lg-dialog .shell-link { color: #4ca6ff; } .lg-dialog .shell-link:hover { color: #7fbfff; } .lg-dialog .shell-link:active { color: #198dff; } .lg-dialog .actor-link { color: #8a8a8a; } .lg-dialog .actor-link:hover { color: #bdbdbd; } .lg-dialog .actor-link:active { color: #575757; } .lg-completions-text { font-style: italic; color: #eeeeec; } .lg-obj-inspector-title { spacing: 6px; color: #eeeeec; } .lg-obj-inspector-button { border: 1px solid rgba(0, 0, 0, 0.7); padding: 4px; border-radius: 6px; color: #eeeeec; } .lg-obj-inspector-button:hover { border: 1px solid #ffffff; } #lookingGlassExtensions { padding: 6px; } .lg-extensions-list { padding: 6px; spacing: 6px; } .lg-extension { padding: 12px; border-radius: 6px; margin: 4px; box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.1); color: #F7F7F7; background-color: #2c2c2c; } .lg-extension:focus { color: #F7F7F7; background-color: #2c2c2c; box-shadow: inset 0 0 0 2px #2d97ff; } .lg-extension:focus:hover { background-color: #343434; box-shadow: inset 0 0 0 2px #2d97ff; } .lg-extension:focus:active { background-color: #3b3b3b; box-shadow: inset 0 0 0 2px #2d97ff; } .lg-extension:hover { color: #F7F7F7; background-color: #343434; } .lg-extension:active { color: #F7F7F7; background-color: #3b3b3b; } .lg-extension-meta { spacing: 6px; } #LookingGlassPropertyInspector { background: rgba(29, 29, 29, 0.975); border: 1px solid rgba(0, 0, 0, 0.7); border-radius: 6px; padding: 6px; } .lg-debug-flag-button { color: #F7F7F7; } .lg-debug-flag-button StLabel { padding: 6px, 12px; } .lg-debug-flag-button:hover { color: white; } .lg-debug-flag-button:active { color: #c4c4c4; } .lg-debug-flags-header { padding-top: 12px; padding: 6px; } /* Login Dialog */ .login-dialog-banner-view { padding-top: 24px; max-width: 23em; } .login-dialog, .unlock-dialog { border: none; background-color: transparent; } .login-dialog .modal-dialog-button-box, .unlock-dialog .modal-dialog-button-box { spacing: 3px; } .login-dialog .modal-dialog-button, .unlock-dialog .modal-dialog-button { padding: 4px 18px; box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2); background-color: #222222; border-color: #464646; color: #F7F7F7; } .login-dialog .modal-dialog-button:hover, .unlock-dialog .modal-dialog-button:hover { background-color: #2f2f2f; } .login-dialog .modal-dialog-button:focus, .unlock-dialog .modal-dialog-button:focus { border-color: #2d97ff; box-shadow: inset 0 0 0 1px #2d97ff; } .login-dialog .modal-dialog-button:active, .unlock-dialog .modal-dialog-button:active { box-shadow: none; background-color: #151515; color: rgba(238, 238, 236, 0.7); } .login-dialog .modal-dialog-button:default, .unlock-dialog .modal-dialog-button:default { background-color: #0073E5; color: #FFFFFF; } .login-dialog .modal-dialog-button:default:focus, .unlock-dialog .modal-dialog-button:default:focus { box-shadow: inset 0 0 0 2px rgba(0, 115, 229, 0.6); } .login-dialog .modal-dialog-button:default:hover, .login-dialog .modal-dialog-button:default:focus, .unlock-dialog .modal-dialog-button:default:hover, .unlock-dialog .modal-dialog-button:default:focus { background-color: #0080ff; color: white; } .login-dialog .modal-dialog-button:default:active, .unlock-dialog .modal-dialog-button:default:active { background-color: #0061c1; color: #ededed; } .login-dialog .modal-dialog-button:default:insensitive, .unlock-dialog .modal-dialog-button:default:insensitive { color: rgba(247, 247, 247, 0.5); background-color: rgba(247, 247, 247, 0.05); background-color: rgba(0, 115, 229, 0.5); color: rgba(255, 255, 255, 0.5); } .login-dialog .cancel-button, .login-dialog .switch-user-button, .login-dialog .login-dialog-session-list-button, .unlock-dialog .cancel-button, .unlock-dialog .switch-user-button, .unlock-dialog .login-dialog-session-list-button { padding: 0; border-radius: 99px; width: 2.18em; height: 2.18em; } .login-dialog .cancel-button StIcon, .login-dialog .switch-user-button StIcon, .login-dialog .login-dialog-session-list-button StIcon, .unlock-dialog .cancel-button StIcon, .unlock-dialog .switch-user-button StIcon, .unlock-dialog .login-dialog-session-list-button StIcon { icon-size: 1.09em; } .login-dialog .caps-lock-warning-label, .login-dialog .login-dialog-message, .unlock-dialog .caps-lock-warning-label, .unlock-dialog .login-dialog-message { color: #eeeeec; } .login-dialog-logo-bin { padding: 24px 0px; } .login-dialog-banner { color: #d6d6d1; } .login-dialog-button-box { width: 23em; spacing: 5px; } .login-dialog-message { text-align: center; } .login-dialog-user-selection-box { padding: 100px 0px; } .login-dialog-not-listed-label { padding-left: 2px; } .login-dialog-not-listed-button:focus .login-dialog-not-listed-label, .login-dialog-not-listed-button:hover .login-dialog-not-listed-label { color: #eeeeec; } .login-dialog-not-listed-label { font-weight: bold; color: #a6a69b; padding-top: 1em; } .login-dialog-auth-list-view { -st-vfade-offset: 1em; } .login-dialog-auth-list { spacing: 6px; margin-left: 2em; } .login-dialog-auth-list-title { margin-left: 2em; } .login-dialog-auth-list-item { border-radius: 10px; padding: 6px; color: #a6a69b; } .login-dialog-auth-list-item:focus, .login-dialog-auth-list-item:selected { background-color: #0073E5; color: #FFFFFF; } .login-dialog-auth-list-label { font-size: 13pt; font-weight: bold; padding-left: 15px; } .login-dialog-auth-list-label:ltr { padding-left: 14px; text-align: left; } .login-dialog-auth-list-label:rtl { padding-right: 14px; text-align: right; } .login-dialog-user-list-view { -st-vfade-offset: 1em; } .login-dialog-user-list { spacing: 12px; width: 23em; } .login-dialog-user-list:expanded .login-dialog-user-list-item:selected { background-color: rgba(255, 255, 255, 0.1); color: #FFFFFF; } .login-dialog-user-list:expanded .login-dialog-user-list-item:logged-in { border-right: 2px solid rgba(255, 255, 255, 0.1); } .login-dialog-user-list-item { border-radius: 10px; padding: 6px; color: #a6a69b; } .login-dialog-user-list-item:ltr .user-widget { padding-right: 1em; } .login-dialog-user-list-item:rtl .user-widget { padding-left: 1em; } .login-dialog-user-list-item .login-dialog-timed-login-indicator { height: 2px; margin-top: 6px; background-color: #eeeeec; } .login-dialog-user-list-item:focus .login-dialog-timed-login-indicator { background-color: #FFFFFF; } .user-widget-label { color: #eeeeec; } .user-widget.horizontal .user-widget-label { font-size: 13pt; font-weight: bold; padding-left: 15px; } .user-widget.horizontal .user-widget-label:ltr { padding-left: 14px; text-align: left; } .user-widget.horizontal .user-widget-label:rtl { padding-right: 14px; text-align: right; } .user-widget.vertical .user-widget-label { font-size: 16pt; text-align: center; font-weight: normal; padding-top: 16px; } .login-dialog-timed-login-indicator { height: 2px; background-color: #919191; } .login-dialog-prompt-layout { padding-top: 24px; padding-bottom: 12px; spacing: 12px; width: 23em; } .login-dialog-prompt-entry { height: 1.5em; } .login-dialog-prompt-label { color: #bebeb6; font-size: 12pt; padding-top: 1em; } .login-dialog StEntry { background-color: #1b1b1b; color: #F7F7F7; } .unlock-dialog StEntry { border: none !important; } .unlock-dialog StEntry, .unlock-dialog StEntry:focus { color: #F7F7F7; background-color: rgba(247, 247, 247, 0.1); box-shadow: none; } .unlock-dialog StEntry:insensitive { color: rgba(247, 247, 247, 0.5); background-color: rgba(247, 247, 247, 0.05); } .unlock-dialog StEntry StLabel.hint-text { color: rgba(247, 247, 247, 0.7); } .unlock-dialog .user-icon { background-color: rgba(247, 247, 247, 0.1); color: #F7F7F7; } .unlock-dialog .cancel-button, .unlock-dialog .switch-user-button, .unlock-dialog .login-dialog-session-list-button { border-color: transparent; background-color: rgba(247, 247, 247, 0.1); box-shadow: none; } .unlock-dialog .cancel-button, .unlock-dialog .cancel-button:hover, .unlock-dialog .cancel-button:focus, .unlock-dialog .cancel-button:active, .unlock-dialog .switch-user-button, .unlock-dialog .switch-user-button:hover, .unlock-dialog .switch-user-button:focus, .unlock-dialog .switch-user-button:active, .unlock-dialog .login-dialog-session-list-button, .unlock-dialog .login-dialog-session-list-button:hover, .unlock-dialog .login-dialog-session-list-button:focus, .unlock-dialog .login-dialog-session-list-button:active { color: #F7F7F7; } .unlock-dialog .cancel-button:hover, .unlock-dialog .cancel-button:focus, .unlock-dialog .switch-user-button:hover, .unlock-dialog .switch-user-button:focus, .unlock-dialog .login-dialog-session-list-button:hover, .unlock-dialog .login-dialog-session-list-button:focus { background-color: rgba(247, 247, 247, 0.15); } .unlock-dialog .cancel-button:active, .unlock-dialog .switch-user-button:active, .unlock-dialog .login-dialog-session-list-button:active { background-color: rgba(247, 247, 247, 0.2); } /* Screen Shield */ .unlock-dialog-clock { color: white; font-weight: 300; text-align: center; spacing: 24px; padding-bottom: 2.5em; } .unlock-dialog-clock-time { font-size: 64pt; padding-top: 42px; } .unlock-dialog-clock-date { font-size: 16pt; font-weight: normal; } .unlock-dialog-clock-hint { font-weight: normal; padding-top: 48px; } .unlock-dialog-notifications-container { margin: 12px; spacing: 6px; width: 23em; background-color: transparent; } .unlock-dialog-notifications-container .summary-notification-stack-scrollview { padding-top: 0; padding-bottom: 0; } .unlock-dialog-notifications-container .notification, .unlock-dialog-notifications-container .unlock-dialog-notification-source { padding: 12px 16px; border: none; background-color: rgba(238, 238, 236, 0.1); color: #eeeeec; border-radius: 12px; } .unlock-dialog-notifications-container .notification.critical, .unlock-dialog-notifications-container .unlock-dialog-notification-source.critical { background-color: rgba(238, 238, 236, 0.2); } .unlock-dialog-notification-label { padding: 0 0 0 12px; } .unlock-dialog-notification-count-text { font-weight: bold; padding: 0 12px; color: #eeeeec; background-color: rgba(238, 238, 236, 0.1); border-radius: 99px; } .screen-shield-background { background: black; box-shadow: 0 2px 4px rgba(0, 0, 0, 0.6); } #lockDialogGroup { background-color: #222222; } #unlockDialogNotifications StButton#vhandle, #unlockDialogNotifications StButton#hhandle { background-color: rgba(29, 29, 29, 0.3); } #unlockDialogNotifications StButton#vhandle:hover, #unlockDialogNotifications StButton#vhandle:focus, #unlockDialogNotifications StButton#hhandle:hover, #unlockDialogNotifications StButton#hhandle:focus { background-color: rgba(29, 29, 29, 0.5); } #unlockDialogNotifications StButton#vhandle:active, #unlockDialogNotifications StButton#hhandle:active { background-color: rgba(0, 115, 229, 0.5); } * { font-weight: normal !important; text-shadow: none !important; } .file-item { border-radius: 6px; } /* Default Ubuntu Dock styling, append !important to any changed rules This must be in sync with - https://github.com/micheleg/dash-to-dock/blob/ubuntu-dock/_stylesheet.scss */ #dashtodockContainer.bottom #dash { margin: 0px; padding: 0px; } #dashtodockContainer.bottom #dash .dash-background { margin: 0; margin-bottom: 4px; padding: 0; border-radius: 18px; spacing: 6px; } #dashtodockContainer.bottom #dash .dash-separator { background-color: #464646; margin: 0 4px; width: 1px; height: 0; margin-bottom: 4px; } #dashtodockContainer.bottom #dash #dashtodockDashContainer { padding: 10px; padding-bottom: 0; padding-top: 0; } #dashtodockContainer.bottom #dash .dash-item-container { /* Disable all margins defined upstream, we handle them here */ margin: 0 2px; } #dashtodockContainer.bottom #dash .dash-item-container > * { margin: 0; } #dashtodockContainer.bottom #dash .dash-item-container:ltr:first-child, #dashtodockContainer.bottom #dash .dash-item-container:rtl:last-child { margin-left: 0; } #dashtodockContainer.bottom #dash .dash-item-container:ltr:last-child, #dashtodockContainer.bottom #dash .dash-item-container:rtl:first-child { margin-right: 0; } #dashtodockContainer.bottom #dash .dash-item-container .app-well-app, #dashtodockContainer.bottom #dash .dash-item-container .grid-search-result, #dashtodockContainer.bottom #dash .dash-item-container .show-apps { padding: 2px 2px; padding-bottom: 14px; padding-top: 10px; } #dashtodockContainer.bottom #dash .dash-item-container .app-well-app:ltr:first-child, #dashtodockContainer.bottom #dash .dash-item-container .grid-search-result:ltr:first-child, #dashtodockContainer.bottom #dash .dash-item-container .app-well-app:rtl:last-child, #dashtodockContainer.bottom #dash .dash-item-container .grid-search-result:rtl:last-child, #dashtodockContainer.bottom #dash .dash-item-container .show-apps:ltr:first-child, #dashtodockContainer.bottom #dash .dash-item-container .show-apps:rtl:last-child { padding-left: 0; } #dashtodockContainer.bottom #dash .dash-item-container .app-well-app:ltr:last-child, #dashtodockContainer.bottom #dash .dash-item-container .grid-search-result:ltr:last-child, #dashtodockContainer.bottom #dash .dash-item-container .app-well-app:rtl:first-child, #dashtodockContainer.bottom #dash .dash-item-container .grid-search-result:rtl:first-child, #dashtodockContainer.bottom #dash .dash-item-container .show-apps:ltr:last-child, #dashtodockContainer.bottom #dash .dash-item-container .show-apps:rtl:first-child { padding-right: 0; } #dashtodockContainer.bottom #dash .dash-item-container .app-well-app.running .overview-icon, #dashtodockContainer.bottom #dash .dash-item-container .running.grid-search-result .overview-icon { background-image: none; } #dashtodockContainer.bottom #dash .dash-item-container .app-well-app.focused .overview-icon, #dashtodockContainer.bottom #dash .dash-item-container .focused.grid-search-result .overview-icon { background-color: rgba(238, 238, 236, 0.2); } #dashtodockContainer.bottom #dash .dash-item-container .app-well-app .app-well-app-running-dot, #dashtodockContainer.bottom #dash .dash-item-container .grid-search-result .app-well-app-running-dot { margin-bottom: 2px; } #dashtodockContainer.bottom #dash .dash-item-container > StButton { transition-duration: 250; background-size: contain; } #dashtodockContainer.bottom.fixed #dash .dash-background { margin-top: 4px; } #dashtodockContainer.bottom.fixed #dash .dash-item-container .app-well-app, #dashtodockContainer.bottom.fixed #dash .dash-item-container .grid-search-result, #dashtodockContainer.bottom.fixed #dash .dash-item-container .show-apps { padding-top: 14px; } .dash-label.bottom { margin-bottom: 10px; -x-offset: 0; -y-offset: 0; } #dashtodockContainer.bottom.shrink #dash { margin: 0px; padding: 0px; } #dashtodockContainer.bottom.shrink #dash .dash-background { margin: 0; margin-bottom: 4px; padding: 0; border-radius: 14px; spacing: 2px; } #dashtodockContainer.bottom.shrink #dash .dash-separator { background-color: #464646; margin: 0 1px; width: 1px; height: 0; margin-bottom: 4px; } #dashtodockContainer.bottom.shrink #dash #dashtodockDashContainer { padding: 3px; padding-bottom: 0; padding-top: 0; } #dashtodockContainer.bottom.shrink #dash .dash-item-container { /* Disable all margins defined upstream, we handle them here */ margin: 0 2px; } #dashtodockContainer.bottom.shrink #dash .dash-item-container > * { margin: 0; } #dashtodockContainer.bottom.shrink #dash .dash-item-container:ltr:first-child, #dashtodockContainer.bottom.shrink #dash .dash-item-container:rtl:last-child { margin-left: 0; } #dashtodockContainer.bottom.shrink #dash .dash-item-container:ltr:last-child, #dashtodockContainer.bottom.shrink #dash .dash-item-container:rtl:first-child { margin-right: 0; } #dashtodockContainer.bottom.shrink #dash .dash-item-container .app-well-app, #dashtodockContainer.bottom.shrink #dash .dash-item-container .grid-search-result, #dashtodockContainer.bottom.shrink #dash .dash-item-container .show-apps { padding: 1px 1px; padding-bottom: 7px; padding-top: 3px; } #dashtodockContainer.bottom.shrink #dash .dash-item-container .app-well-app:ltr:first-child, #dashtodockContainer.bottom.shrink #dash .dash-item-container .grid-search-result:ltr:first-child, #dashtodockContainer.bottom.shrink #dash .dash-item-container .app-well-app:rtl:last-child, #dashtodockContainer.bottom.shrink #dash .dash-item-container .grid-search-result:rtl:last-child, #dashtodockContainer.bottom.shrink #dash .dash-item-container .show-apps:ltr:first-child, #dashtodockContainer.bottom.shrink #dash .dash-item-container .show-apps:rtl:last-child { padding-left: 0; } #dashtodockContainer.bottom.shrink #dash .dash-item-container .app-well-app:ltr:last-child, #dashtodockContainer.bottom.shrink #dash .dash-item-container .grid-search-result:ltr:last-child, #dashtodockContainer.bottom.shrink #dash .dash-item-container .app-well-app:rtl:first-child, #dashtodockContainer.bottom.shrink #dash .dash-item-container .grid-search-result:rtl:first-child, #dashtodockContainer.bottom.shrink #dash .dash-item-container .show-apps:ltr:last-child, #dashtodockContainer.bottom.shrink #dash .dash-item-container .show-apps:rtl:first-child { padding-right: 0; } #dashtodockContainer.bottom.shrink #dash .dash-item-container .app-well-app.running .overview-icon, #dashtodockContainer.bottom.shrink #dash .dash-item-container .running.grid-search-result .overview-icon { background-image: none; } #dashtodockContainer.bottom.shrink #dash .dash-item-container .app-well-app.focused .overview-icon, #dashtodockContainer.bottom.shrink #dash .dash-item-container .focused.grid-search-result .overview-icon { background-color: rgba(238, 238, 236, 0.2); } #dashtodockContainer.bottom.shrink #dash .dash-item-container .app-well-app .app-well-app-running-dot, #dashtodockContainer.bottom.shrink #dash .dash-item-container .grid-search-result .app-well-app-running-dot { margin-bottom: 2px; } #dashtodockContainer.bottom.shrink #dash .dash-item-container > StButton { transition-duration: 250; background-size: contain; } #dashtodockContainer.bottom.shrink.fixed #dash .dash-background { margin-top: 1px; } #dashtodockContainer.bottom.shrink.fixed #dash .dash-item-container .app-well-app, #dashtodockContainer.bottom.shrink.fixed #dash .dash-item-container .grid-search-result, #dashtodockContainer.bottom.shrink.fixed #dash .dash-item-container .show-apps { padding-top: 4px; } .dash-label.bottom.shrink { margin-bottom: 3px; -x-offset: 0; -y-offset: 0; } #dashtodockContainer.bottom.extended #dash { margin: 0px; padding: 0px; } #dashtodockContainer.bottom.extended #dash .dash-background { margin: 0; margin-bottom: 0; padding: 0; border-radius: 0; spacing: 6px; } #dashtodockContainer.bottom.extended #dash .dash-separator { background-color: #464646; margin: 0 4px; width: 1px; height: 0; margin-bottom: 0; } #dashtodockContainer.bottom.extended #dash #dashtodockDashContainer { padding: 0; padding-bottom: 0; padding-top: 0; } #dashtodockContainer.bottom.extended #dash #dashtodockDashContainer > :first-child .show-apps { padding-left: 8px; } #dashtodockContainer.bottom.extended #dash #dashtodockDashContainer #dashtodockDashScrollview:first-child { padding-left: 8px; } #dashtodockContainer.bottom.extended #dash #dashtodockDashContainer > :last-child .show-apps { padding-right: 8px; } #dashtodockContainer.bottom.extended #dash #dashtodockDashContainer #dashtodockDashScrollview:last-child { padding-right: 8px; } #dashtodockContainer.bottom.extended #dash .dash-item-container { /* Disable all margins defined upstream, we handle them here */ margin: 0 2px; } #dashtodockContainer.bottom.extended #dash .dash-item-container > * { margin: 0; } #dashtodockContainer.bottom.extended #dash .dash-item-container:ltr:first-child, #dashtodockContainer.bottom.extended #dash .dash-item-container:rtl:last-child { margin-left: 0; } #dashtodockContainer.bottom.extended #dash .dash-item-container:ltr:last-child, #dashtodockContainer.bottom.extended #dash .dash-item-container:rtl:first-child { margin-right: 0; } #dashtodockContainer.bottom.extended #dash .dash-item-container .app-well-app, #dashtodockContainer.bottom.extended #dash .dash-item-container .grid-search-result, #dashtodockContainer.bottom.extended #dash .dash-item-container .show-apps { padding: 2px 2px; padding-bottom: 10px; padding-top: 10px; } #dashtodockContainer.bottom.extended #dash .dash-item-container .app-well-app:ltr:first-child, #dashtodockContainer.bottom.extended #dash .dash-item-container .grid-search-result:ltr:first-child, #dashtodockContainer.bottom.extended #dash .dash-item-container .app-well-app:rtl:last-child, #dashtodockContainer.bottom.extended #dash .dash-item-container .grid-search-result:rtl:last-child, #dashtodockContainer.bottom.extended #dash .dash-item-container .show-apps:ltr:first-child, #dashtodockContainer.bottom.extended #dash .dash-item-container .show-apps:rtl:last-child { padding-left: 0; } #dashtodockContainer.bottom.extended #dash .dash-item-container .app-well-app:ltr:last-child, #dashtodockContainer.bottom.extended #dash .dash-item-container .grid-search-result:ltr:last-child, #dashtodockContainer.bottom.extended #dash .dash-item-container .app-well-app:rtl:first-child, #dashtodockContainer.bottom.extended #dash .dash-item-container .grid-search-result:rtl:first-child, #dashtodockContainer.bottom.extended #dash .dash-item-container .show-apps:ltr:last-child, #dashtodockContainer.bottom.extended #dash .dash-item-container .show-apps:rtl:first-child { padding-right: 0; } #dashtodockContainer.bottom.extended #dash .dash-item-container .app-well-app.running .overview-icon, #dashtodockContainer.bottom.extended #dash .dash-item-container .running.grid-search-result .overview-icon { background-image: none; } #dashtodockContainer.bottom.extended #dash .dash-item-container .app-well-app.focused .overview-icon, #dashtodockContainer.bottom.extended #dash .dash-item-container .focused.grid-search-result .overview-icon { background-color: rgba(238, 238, 236, 0.2); } #dashtodockContainer.bottom.extended #dash .dash-item-container .app-well-app .app-well-app-running-dot, #dashtodockContainer.bottom.extended #dash .dash-item-container .grid-search-result .app-well-app-running-dot { margin-bottom: 2px; } #dashtodockContainer.bottom.extended #dash .dash-item-container > StButton { transition-duration: 250; background-size: contain; } #dashtodockContainer.bottom.extended.fixed #dash .dash-background { margin-top: 0; } #dashtodockContainer.bottom.extended.fixed #dash .dash-item-container .app-well-app, #dashtodockContainer.bottom.extended.fixed #dash .dash-item-container .grid-search-result, #dashtodockContainer.bottom.extended.fixed #dash .dash-item-container .show-apps { padding-top: 10px; } .dash-label.bottom { margin-bottom: 10px; -x-offset: 0; -y-offset: 0; } #dashtodockContainer.bottom.extended.shrink #dash { margin: 0px; padding: 0px; } #dashtodockContainer.bottom.extended.shrink #dash .dash-background { margin: 0; margin-bottom: 0; padding: 0; border-radius: 0; spacing: 2px; } #dashtodockContainer.bottom.extended.shrink #dash .dash-separator { background-color: #464646; margin: 0 1px; width: 1px; height: 0; margin-bottom: 0; } #dashtodockContainer.bottom.extended.shrink #dash #dashtodockDashContainer { padding: 0; padding-bottom: 0; padding-top: 0; } #dashtodockContainer.bottom.extended.shrink #dash #dashtodockDashContainer > :first-child .show-apps { padding-left: 6px; } #dashtodockContainer.bottom.extended.shrink #dash #dashtodockDashContainer #dashtodockDashScrollview:first-child { padding-left: 6px; } #dashtodockContainer.bottom.extended.shrink #dash #dashtodockDashContainer > :last-child .show-apps { padding-right: 6px; } #dashtodockContainer.bottom.extended.shrink #dash #dashtodockDashContainer #dashtodockDashScrollview:last-child { padding-right: 6px; } #dashtodockContainer.bottom.extended.shrink #dash .dash-item-container { /* Disable all margins defined upstream, we handle them here */ margin: 0 2px; } #dashtodockContainer.bottom.extended.shrink #dash .dash-item-container > * { margin: 0; } #dashtodockContainer.bottom.extended.shrink #dash .dash-item-container:ltr:first-child, #dashtodockContainer.bottom.extended.shrink #dash .dash-item-container:rtl:last-child { margin-left: 0; } #dashtodockContainer.bottom.extended.shrink #dash .dash-item-container:ltr:last-child, #dashtodockContainer.bottom.extended.shrink #dash .dash-item-container:rtl:first-child { margin-right: 0; } #dashtodockContainer.bottom.extended.shrink #dash .dash-item-container .app-well-app, #dashtodockContainer.bottom.extended.shrink #dash .dash-item-container .grid-search-result, #dashtodockContainer.bottom.extended.shrink #dash .dash-item-container .show-apps { padding: 1px 1px; padding-bottom: 3px; padding-top: 3px; } #dashtodockContainer.bottom.extended.shrink #dash .dash-item-container .app-well-app:ltr:first-child, #dashtodockContainer.bottom.extended.shrink #dash .dash-item-container .grid-search-result:ltr:first-child, #dashtodockContainer.bottom.extended.shrink #dash .dash-item-container .app-well-app:rtl:last-child, #dashtodockContainer.bottom.extended.shrink #dash .dash-item-container .grid-search-result:rtl:last-child, #dashtodockContainer.bottom.extended.shrink #dash .dash-item-container .show-apps:ltr:first-child, #dashtodockContainer.bottom.extended.shrink #dash .dash-item-container .show-apps:rtl:last-child { padding-left: 0; } #dashtodockContainer.bottom.extended.shrink #dash .dash-item-container .app-well-app:ltr:last-child, #dashtodockContainer.bottom.extended.shrink #dash .dash-item-container .grid-search-result:ltr:last-child, #dashtodockContainer.bottom.extended.shrink #dash .dash-item-container .app-well-app:rtl:first-child, #dashtodockContainer.bottom.extended.shrink #dash .dash-item-container .grid-search-result:rtl:first-child, #dashtodockContainer.bottom.extended.shrink #dash .dash-item-container .show-apps:ltr:last-child, #dashtodockContainer.bottom.extended.shrink #dash .dash-item-container .show-apps:rtl:first-child { padding-right: 0; } #dashtodockContainer.bottom.extended.shrink #dash .dash-item-container .app-well-app.running .overview-icon, #dashtodockContainer.bottom.extended.shrink #dash .dash-item-container .running.grid-search-result .overview-icon { background-image: none; } #dashtodockContainer.bottom.extended.shrink #dash .dash-item-container .app-well-app.focused .overview-icon, #dashtodockContainer.bottom.extended.shrink #dash .dash-item-container .focused.grid-search-result .overview-icon { background-color: rgba(238, 238, 236, 0.2); } #dashtodockContainer.bottom.extended.shrink #dash .dash-item-container .app-well-app .app-well-app-running-dot, #dashtodockContainer.bottom.extended.shrink #dash .dash-item-container .grid-search-result .app-well-app-running-dot { margin-bottom: 2px; } #dashtodockContainer.bottom.extended.shrink #dash .dash-item-container > StButton { transition-duration: 250; background-size: contain; } #dashtodockContainer.bottom.extended.shrink.fixed #dash .dash-background { margin-top: 0; } #dashtodockContainer.bottom.extended.shrink.fixed #dash .dash-item-container .app-well-app, #dashtodockContainer.bottom.extended.shrink.fixed #dash .dash-item-container .grid-search-result, #dashtodockContainer.bottom.extended.shrink.fixed #dash .dash-item-container .show-apps { padding-top: 3px; } .dash-label.bottom.shrink { margin-bottom: 3px; -x-offset: 0; -y-offset: 0; } #dashtodockContainer.top #dash { margin: 0px; padding: 0px; } #dashtodockContainer.top #dash .dash-background { margin: 0; margin-top: 4px; padding: 0; border-radius: 18px; spacing: 6px; } #dashtodockContainer.top #dash .dash-separator { background-color: #464646; margin: 0 4px; width: 1px; height: 0; margin-top: 4px; } #dashtodockContainer.top #dash #dashtodockDashContainer { padding: 10px; padding-top: 0; padding-bottom: 0; } #dashtodockContainer.top #dash .dash-item-container { /* Disable all margins defined upstream, we handle them here */ margin: 0 2px; } #dashtodockContainer.top #dash .dash-item-container > * { margin: 0; } #dashtodockContainer.top #dash .dash-item-container:ltr:first-child, #dashtodockContainer.top #dash .dash-item-container:rtl:last-child { margin-left: 0; } #dashtodockContainer.top #dash .dash-item-container:ltr:last-child, #dashtodockContainer.top #dash .dash-item-container:rtl:first-child { margin-right: 0; } #dashtodockContainer.top #dash .dash-item-container .app-well-app, #dashtodockContainer.top #dash .dash-item-container .grid-search-result, #dashtodockContainer.top #dash .dash-item-container .show-apps { padding: 2px 2px; padding-top: 14px; padding-bottom: 10px; } #dashtodockContainer.top #dash .dash-item-container .app-well-app:ltr:first-child, #dashtodockContainer.top #dash .dash-item-container .grid-search-result:ltr:first-child, #dashtodockContainer.top #dash .dash-item-container .app-well-app:rtl:last-child, #dashtodockContainer.top #dash .dash-item-container .grid-search-result:rtl:last-child, #dashtodockContainer.top #dash .dash-item-container .show-apps:ltr:first-child, #dashtodockContainer.top #dash .dash-item-container .show-apps:rtl:last-child { padding-left: 0; } #dashtodockContainer.top #dash .dash-item-container .app-well-app:ltr:last-child, #dashtodockContainer.top #dash .dash-item-container .grid-search-result:ltr:last-child, #dashtodockContainer.top #dash .dash-item-container .app-well-app:rtl:first-child, #dashtodockContainer.top #dash .dash-item-container .grid-search-result:rtl:first-child, #dashtodockContainer.top #dash .dash-item-container .show-apps:ltr:last-child, #dashtodockContainer.top #dash .dash-item-container .show-apps:rtl:first-child { padding-right: 0; } #dashtodockContainer.top #dash .dash-item-container .app-well-app.running .overview-icon, #dashtodockContainer.top #dash .dash-item-container .running.grid-search-result .overview-icon { background-image: none; } #dashtodockContainer.top #dash .dash-item-container .app-well-app.focused .overview-icon, #dashtodockContainer.top #dash .dash-item-container .focused.grid-search-result .overview-icon { background-color: rgba(238, 238, 236, 0.2); } #dashtodockContainer.top #dash .dash-item-container .app-well-app .app-well-app-running-dot, #dashtodockContainer.top #dash .dash-item-container .grid-search-result .app-well-app-running-dot { margin-bottom: 2px; } #dashtodockContainer.top #dash .dash-item-container > StButton { transition-duration: 250; background-size: contain; } #dashtodockContainer.top.fixed #dash .dash-background { margin-bottom: 4px; } #dashtodockContainer.top.fixed #dash .dash-item-container .app-well-app, #dashtodockContainer.top.fixed #dash .dash-item-container .grid-search-result, #dashtodockContainer.top.fixed #dash .dash-item-container .show-apps { padding-bottom: 14px; } .dash-label.top { margin-top: 10px; -x-offset: 0; -y-offset: 0; } #dashtodockContainer.top.shrink #dash { margin: 0px; padding: 0px; } #dashtodockContainer.top.shrink #dash .dash-background { margin: 0; margin-top: 4px; padding: 0; border-radius: 14px; spacing: 2px; } #dashtodockContainer.top.shrink #dash .dash-separator { background-color: #464646; margin: 0 1px; width: 1px; height: 0; margin-top: 4px; } #dashtodockContainer.top.shrink #dash #dashtodockDashContainer { padding: 3px; padding-top: 0; padding-bottom: 0; } #dashtodockContainer.top.shrink #dash .dash-item-container { /* Disable all margins defined upstream, we handle them here */ margin: 0 2px; } #dashtodockContainer.top.shrink #dash .dash-item-container > * { margin: 0; } #dashtodockContainer.top.shrink #dash .dash-item-container:ltr:first-child, #dashtodockContainer.top.shrink #dash .dash-item-container:rtl:last-child { margin-left: 0; } #dashtodockContainer.top.shrink #dash .dash-item-container:ltr:last-child, #dashtodockContainer.top.shrink #dash .dash-item-container:rtl:first-child { margin-right: 0; } #dashtodockContainer.top.shrink #dash .dash-item-container .app-well-app, #dashtodockContainer.top.shrink #dash .dash-item-container .grid-search-result, #dashtodockContainer.top.shrink #dash .dash-item-container .show-apps { padding: 1px 1px; padding-top: 7px; padding-bottom: 3px; } #dashtodockContainer.top.shrink #dash .dash-item-container .app-well-app:ltr:first-child, #dashtodockContainer.top.shrink #dash .dash-item-container .grid-search-result:ltr:first-child, #dashtodockContainer.top.shrink #dash .dash-item-container .app-well-app:rtl:last-child, #dashtodockContainer.top.shrink #dash .dash-item-container .grid-search-result:rtl:last-child, #dashtodockContainer.top.shrink #dash .dash-item-container .show-apps:ltr:first-child, #dashtodockContainer.top.shrink #dash .dash-item-container .show-apps:rtl:last-child { padding-left: 0; } #dashtodockContainer.top.shrink #dash .dash-item-container .app-well-app:ltr:last-child, #dashtodockContainer.top.shrink #dash .dash-item-container .grid-search-result:ltr:last-child, #dashtodockContainer.top.shrink #dash .dash-item-container .app-well-app:rtl:first-child, #dashtodockContainer.top.shrink #dash .dash-item-container .grid-search-result:rtl:first-child, #dashtodockContainer.top.shrink #dash .dash-item-container .show-apps:ltr:last-child, #dashtodockContainer.top.shrink #dash .dash-item-container .show-apps:rtl:first-child { padding-right: 0; } #dashtodockContainer.top.shrink #dash .dash-item-container .app-well-app.running .overview-icon, #dashtodockContainer.top.shrink #dash .dash-item-container .running.grid-search-result .overview-icon { background-image: none; } #dashtodockContainer.top.shrink #dash .dash-item-container .app-well-app.focused .overview-icon, #dashtodockContainer.top.shrink #dash .dash-item-container .focused.grid-search-result .overview-icon { background-color: rgba(238, 238, 236, 0.2); } #dashtodockContainer.top.shrink #dash .dash-item-container .app-well-app .app-well-app-running-dot, #dashtodockContainer.top.shrink #dash .dash-item-container .grid-search-result .app-well-app-running-dot { margin-bottom: 2px; } #dashtodockContainer.top.shrink #dash .dash-item-container > StButton { transition-duration: 250; background-size: contain; } #dashtodockContainer.top.shrink.fixed #dash .dash-background { margin-bottom: 1px; } #dashtodockContainer.top.shrink.fixed #dash .dash-item-container .app-well-app, #dashtodockContainer.top.shrink.fixed #dash .dash-item-container .grid-search-result, #dashtodockContainer.top.shrink.fixed #dash .dash-item-container .show-apps { padding-bottom: 4px; } .dash-label.top.shrink { margin-top: 3px; -x-offset: 0; -y-offset: 0; } #dashtodockContainer.top.extended #dash { margin: 0px; padding: 0px; } #dashtodockContainer.top.extended #dash .dash-background { margin: 0; margin-top: 0; padding: 0; border-radius: 0; spacing: 6px; } #dashtodockContainer.top.extended #dash .dash-separator { background-color: #464646; margin: 0 4px; width: 1px; height: 0; margin-top: 0; } #dashtodockContainer.top.extended #dash #dashtodockDashContainer { padding: 0; padding-top: 0; padding-bottom: 0; } #dashtodockContainer.top.extended #dash #dashtodockDashContainer > :first-child .show-apps { padding-left: 8px; } #dashtodockContainer.top.extended #dash #dashtodockDashContainer #dashtodockDashScrollview:first-child { padding-left: 8px; } #dashtodockContainer.top.extended #dash #dashtodockDashContainer > :last-child .show-apps { padding-right: 8px; } #dashtodockContainer.top.extended #dash #dashtodockDashContainer #dashtodockDashScrollview:last-child { padding-right: 8px; } #dashtodockContainer.top.extended #dash .dash-item-container { /* Disable all margins defined upstream, we handle them here */ margin: 0 2px; } #dashtodockContainer.top.extended #dash .dash-item-container > * { margin: 0; } #dashtodockContainer.top.extended #dash .dash-item-container:ltr:first-child, #dashtodockContainer.top.extended #dash .dash-item-container:rtl:last-child { margin-left: 0; } #dashtodockContainer.top.extended #dash .dash-item-container:ltr:last-child, #dashtodockContainer.top.extended #dash .dash-item-container:rtl:first-child { margin-right: 0; } #dashtodockContainer.top.extended #dash .dash-item-container .app-well-app, #dashtodockContainer.top.extended #dash .dash-item-container .grid-search-result, #dashtodockContainer.top.extended #dash .dash-item-container .show-apps { padding: 2px 2px; padding-top: 10px; padding-bottom: 10px; } #dashtodockContainer.top.extended #dash .dash-item-container .app-well-app:ltr:first-child, #dashtodockContainer.top.extended #dash .dash-item-container .grid-search-result:ltr:first-child, #dashtodockContainer.top.extended #dash .dash-item-container .app-well-app:rtl:last-child, #dashtodockContainer.top.extended #dash .dash-item-container .grid-search-result:rtl:last-child, #dashtodockContainer.top.extended #dash .dash-item-container .show-apps:ltr:first-child, #dashtodockContainer.top.extended #dash .dash-item-container .show-apps:rtl:last-child { padding-left: 0; } #dashtodockContainer.top.extended #dash .dash-item-container .app-well-app:ltr:last-child, #dashtodockContainer.top.extended #dash .dash-item-container .grid-search-result:ltr:last-child, #dashtodockContainer.top.extended #dash .dash-item-container .app-well-app:rtl:first-child, #dashtodockContainer.top.extended #dash .dash-item-container .grid-search-result:rtl:first-child, #dashtodockContainer.top.extended #dash .dash-item-container .show-apps:ltr:last-child, #dashtodockContainer.top.extended #dash .dash-item-container .show-apps:rtl:first-child { padding-right: 0; } #dashtodockContainer.top.extended #dash .dash-item-container .app-well-app.running .overview-icon, #dashtodockContainer.top.extended #dash .dash-item-container .running.grid-search-result .overview-icon { background-image: none; } #dashtodockContainer.top.extended #dash .dash-item-container .app-well-app.focused .overview-icon, #dashtodockContainer.top.extended #dash .dash-item-container .focused.grid-search-result .overview-icon { background-color: rgba(238, 238, 236, 0.2); } #dashtodockContainer.top.extended #dash .dash-item-container .app-well-app .app-well-app-running-dot, #dashtodockContainer.top.extended #dash .dash-item-container .grid-search-result .app-well-app-running-dot { margin-bottom: 2px; } #dashtodockContainer.top.extended #dash .dash-item-container > StButton { transition-duration: 250; background-size: contain; } #dashtodockContainer.top.extended.fixed #dash .dash-background { margin-bottom: 0; } #dashtodockContainer.top.extended.fixed #dash .dash-item-container .app-well-app, #dashtodockContainer.top.extended.fixed #dash .dash-item-container .grid-search-result, #dashtodockContainer.top.extended.fixed #dash .dash-item-container .show-apps { padding-bottom: 10px; } .dash-label.top { margin-top: 10px; -x-offset: 0; -y-offset: 0; } #dashtodockContainer.top.extended.shrink #dash { margin: 0px; padding: 0px; } #dashtodockContainer.top.extended.shrink #dash .dash-background { margin: 0; margin-top: 0; padding: 0; border-radius: 0; spacing: 2px; } #dashtodockContainer.top.extended.shrink #dash .dash-separator { background-color: #464646; margin: 0 1px; width: 1px; height: 0; margin-top: 0; } #dashtodockContainer.top.extended.shrink #dash #dashtodockDashContainer { padding: 0; padding-top: 0; padding-bottom: 0; } #dashtodockContainer.top.extended.shrink #dash #dashtodockDashContainer > :first-child .show-apps { padding-left: 6px; } #dashtodockContainer.top.extended.shrink #dash #dashtodockDashContainer #dashtodockDashScrollview:first-child { padding-left: 6px; } #dashtodockContainer.top.extended.shrink #dash #dashtodockDashContainer > :last-child .show-apps { padding-right: 6px; } #dashtodockContainer.top.extended.shrink #dash #dashtodockDashContainer #dashtodockDashScrollview:last-child { padding-right: 6px; } #dashtodockContainer.top.extended.shrink #dash .dash-item-container { /* Disable all margins defined upstream, we handle them here */ margin: 0 2px; } #dashtodockContainer.top.extended.shrink #dash .dash-item-container > * { margin: 0; } #dashtodockContainer.top.extended.shrink #dash .dash-item-container:ltr:first-child, #dashtodockContainer.top.extended.shrink #dash .dash-item-container:rtl:last-child { margin-left: 0; } #dashtodockContainer.top.extended.shrink #dash .dash-item-container:ltr:last-child, #dashtodockContainer.top.extended.shrink #dash .dash-item-container:rtl:first-child { margin-right: 0; } #dashtodockContainer.top.extended.shrink #dash .dash-item-container .app-well-app, #dashtodockContainer.top.extended.shrink #dash .dash-item-container .grid-search-result, #dashtodockContainer.top.extended.shrink #dash .dash-item-container .show-apps { padding: 1px 1px; padding-top: 3px; padding-bottom: 3px; } #dashtodockContainer.top.extended.shrink #dash .dash-item-container .app-well-app:ltr:first-child, #dashtodockContainer.top.extended.shrink #dash .dash-item-container .grid-search-result:ltr:first-child, #dashtodockContainer.top.extended.shrink #dash .dash-item-container .app-well-app:rtl:last-child, #dashtodockContainer.top.extended.shrink #dash .dash-item-container .grid-search-result:rtl:last-child, #dashtodockContainer.top.extended.shrink #dash .dash-item-container .show-apps:ltr:first-child, #dashtodockContainer.top.extended.shrink #dash .dash-item-container .show-apps:rtl:last-child { padding-left: 0; } #dashtodockContainer.top.extended.shrink #dash .dash-item-container .app-well-app:ltr:last-child, #dashtodockContainer.top.extended.shrink #dash .dash-item-container .grid-search-result:ltr:last-child, #dashtodockContainer.top.extended.shrink #dash .dash-item-container .app-well-app:rtl:first-child, #dashtodockContainer.top.extended.shrink #dash .dash-item-container .grid-search-result:rtl:first-child, #dashtodockContainer.top.extended.shrink #dash .dash-item-container .show-apps:ltr:last-child, #dashtodockContainer.top.extended.shrink #dash .dash-item-container .show-apps:rtl:first-child { padding-right: 0; } #dashtodockContainer.top.extended.shrink #dash .dash-item-container .app-well-app.running .overview-icon, #dashtodockContainer.top.extended.shrink #dash .dash-item-container .running.grid-search-result .overview-icon { background-image: none; } #dashtodockContainer.top.extended.shrink #dash .dash-item-container .app-well-app.focused .overview-icon, #dashtodockContainer.top.extended.shrink #dash .dash-item-container .focused.grid-search-result .overview-icon { background-color: rgba(238, 238, 236, 0.2); } #dashtodockContainer.top.extended.shrink #dash .dash-item-container .app-well-app .app-well-app-running-dot, #dashtodockContainer.top.extended.shrink #dash .dash-item-container .grid-search-result .app-well-app-running-dot { margin-bottom: 2px; } #dashtodockContainer.top.extended.shrink #dash .dash-item-container > StButton { transition-duration: 250; background-size: contain; } #dashtodockContainer.top.extended.shrink.fixed #dash .dash-background { margin-bottom: 0; } #dashtodockContainer.top.extended.shrink.fixed #dash .dash-item-container .app-well-app, #dashtodockContainer.top.extended.shrink.fixed #dash .dash-item-container .grid-search-result, #dashtodockContainer.top.extended.shrink.fixed #dash .dash-item-container .show-apps { padding-bottom: 3px; } .dash-label.top.shrink { margin-top: 3px; -x-offset: 0; -y-offset: 0; } #dashtodockContainer.left #dash { margin: 0px; padding: 0px; } #dashtodockContainer.left #dash .dash-background { margin: 0; margin-left: 4px; padding: 0; border-radius: 18px; spacing: 6px; } #dashtodockContainer.left #dash .dash-separator { background-color: #464646; width: 0; height: 1px; margin: 4px 0; margin-left: 4px; } #dashtodockContainer.left #dash #dashtodockDashContainer { padding: 10px; padding-left: 0; padding-right: 0; } #dashtodockContainer.left #dash .dash-item-container { /* Disable all margins defined upstream, we handle them here */ margin: 2px 0; } #dashtodockContainer.left #dash .dash-item-container > * { margin: 0; } #dashtodockContainer.left #dash .dash-item-container:first-child { margin-top: 0; } #dashtodockContainer.left #dash .dash-item-container:last-child { margin-bottom: 0; } #dashtodockContainer.left #dash .dash-item-container .app-well-app, #dashtodockContainer.left #dash .dash-item-container .grid-search-result, #dashtodockContainer.left #dash .dash-item-container .show-apps { padding: 2px 2px; padding-left: 14px; padding-right: 10px; } #dashtodockContainer.left #dash .dash-item-container .app-well-app:first-child, #dashtodockContainer.left #dash .dash-item-container .grid-search-result:first-child, #dashtodockContainer.left #dash .dash-item-container .show-apps:first-child { padding-top: 0; } #dashtodockContainer.left #dash .dash-item-container .app-well-app:last-child, #dashtodockContainer.left #dash .dash-item-container .grid-search-result:last-child, #dashtodockContainer.left #dash .dash-item-container .show-apps:last-child { padding-bottom: 0; } #dashtodockContainer.left #dash .dash-item-container .app-well-app.running .overview-icon, #dashtodockContainer.left #dash .dash-item-container .running.grid-search-result .overview-icon { background-image: none; } #dashtodockContainer.left #dash .dash-item-container .app-well-app.focused .overview-icon, #dashtodockContainer.left #dash .dash-item-container .focused.grid-search-result .overview-icon { background-color: rgba(238, 238, 236, 0.2); } #dashtodockContainer.left #dash .dash-item-container .app-well-app .app-well-app-running-dot, #dashtodockContainer.left #dash .dash-item-container .grid-search-result .app-well-app-running-dot { margin-bottom: 2px; } #dashtodockContainer.left #dash .dash-item-container > StButton { transition-duration: 250; background-size: contain; } #dashtodockContainer.left.fixed #dash .dash-background { margin-right: 4px; } #dashtodockContainer.left.fixed #dash .dash-item-container .app-well-app, #dashtodockContainer.left.fixed #dash .dash-item-container .grid-search-result, #dashtodockContainer.left.fixed #dash .dash-item-container .show-apps { padding-right: 14px; } .dash-label.left { margin: 0; -x-offset: 10px; -y-offset: 0; } #dashtodockContainer.left.shrink #dash { margin: 0px; padding: 0px; } #dashtodockContainer.left.shrink #dash .dash-background { margin: 0; margin-left: 4px; padding: 0; border-radius: 14px; spacing: 2px; } #dashtodockContainer.left.shrink #dash .dash-separator { background-color: #464646; width: 0; height: 1px; margin: 1px 0; margin-left: 4px; } #dashtodockContainer.left.shrink #dash #dashtodockDashContainer { padding: 3px; padding-left: 0; padding-right: 0; } #dashtodockContainer.left.shrink #dash .dash-item-container { /* Disable all margins defined upstream, we handle them here */ margin: 2px 0; } #dashtodockContainer.left.shrink #dash .dash-item-container > * { margin: 0; } #dashtodockContainer.left.shrink #dash .dash-item-container:first-child { margin-top: 0; } #dashtodockContainer.left.shrink #dash .dash-item-container:last-child { margin-bottom: 0; } #dashtodockContainer.left.shrink #dash .dash-item-container .app-well-app, #dashtodockContainer.left.shrink #dash .dash-item-container .grid-search-result, #dashtodockContainer.left.shrink #dash .dash-item-container .show-apps { padding: 1px 1px; padding-left: 7px; padding-right: 3px; } #dashtodockContainer.left.shrink #dash .dash-item-container .app-well-app:first-child, #dashtodockContainer.left.shrink #dash .dash-item-container .grid-search-result:first-child, #dashtodockContainer.left.shrink #dash .dash-item-container .show-apps:first-child { padding-top: 0; } #dashtodockContainer.left.shrink #dash .dash-item-container .app-well-app:last-child, #dashtodockContainer.left.shrink #dash .dash-item-container .grid-search-result:last-child, #dashtodockContainer.left.shrink #dash .dash-item-container .show-apps:last-child { padding-bottom: 0; } #dashtodockContainer.left.shrink #dash .dash-item-container .app-well-app.running .overview-icon, #dashtodockContainer.left.shrink #dash .dash-item-container .running.grid-search-result .overview-icon { background-image: none; } #dashtodockContainer.left.shrink #dash .dash-item-container .app-well-app.focused .overview-icon, #dashtodockContainer.left.shrink #dash .dash-item-container .focused.grid-search-result .overview-icon { background-color: rgba(238, 238, 236, 0.2); } #dashtodockContainer.left.shrink #dash .dash-item-container .app-well-app .app-well-app-running-dot, #dashtodockContainer.left.shrink #dash .dash-item-container .grid-search-result .app-well-app-running-dot { margin-bottom: 2px; } #dashtodockContainer.left.shrink #dash .dash-item-container > StButton { transition-duration: 250; background-size: contain; } #dashtodockContainer.left.shrink.fixed #dash .dash-background { margin-right: 1px; } #dashtodockContainer.left.shrink.fixed #dash .dash-item-container .app-well-app, #dashtodockContainer.left.shrink.fixed #dash .dash-item-container .grid-search-result, #dashtodockContainer.left.shrink.fixed #dash .dash-item-container .show-apps { padding-right: 4px; } .dash-label.left.shrink { margin: 0; -x-offset: 3px; -y-offset: 0; } #dashtodockContainer.left.extended #dash { margin: 0px; padding: 0px; } #dashtodockContainer.left.extended #dash .dash-background { margin: 0; margin-left: 0; padding: 0; border-radius: 0; spacing: 6px; } #dashtodockContainer.left.extended #dash .dash-separator { background-color: #464646; width: 0; height: 1px; margin: 4px 0; margin-left: 0; } #dashtodockContainer.left.extended #dash #dashtodockDashContainer { padding: 0; padding-left: 0; padding-right: 0; } #dashtodockContainer.left.extended #dash #dashtodockDashContainer > :first-child .show-apps { padding-top: 8px; } #dashtodockContainer.left.extended #dash #dashtodockDashContainer #dashtodockDashScrollview:first-child { padding-top: 8px; } #dashtodockContainer.left.extended #dash #dashtodockDashContainer > :last-child .show-apps { padding-bottom: 8px; } #dashtodockContainer.left.extended #dash #dashtodockDashContainer #dashtodockDashScrollview:last-child { padding-bottom: 8px; } #dashtodockContainer.left.extended #dash .dash-item-container { /* Disable all margins defined upstream, we handle them here */ margin: 2px 0; } #dashtodockContainer.left.extended #dash .dash-item-container > * { margin: 0; } #dashtodockContainer.left.extended #dash .dash-item-container:first-child { margin-top: 0; } #dashtodockContainer.left.extended #dash .dash-item-container:last-child { margin-bottom: 0; } #dashtodockContainer.left.extended #dash .dash-item-container .app-well-app, #dashtodockContainer.left.extended #dash .dash-item-container .grid-search-result, #dashtodockContainer.left.extended #dash .dash-item-container .show-apps { padding: 2px 2px; padding-left: 10px; padding-right: 10px; } #dashtodockContainer.left.extended #dash .dash-item-container .app-well-app:first-child, #dashtodockContainer.left.extended #dash .dash-item-container .grid-search-result:first-child, #dashtodockContainer.left.extended #dash .dash-item-container .show-apps:first-child { padding-top: 0; } #dashtodockContainer.left.extended #dash .dash-item-container .app-well-app:last-child, #dashtodockContainer.left.extended #dash .dash-item-container .grid-search-result:last-child, #dashtodockContainer.left.extended #dash .dash-item-container .show-apps:last-child { padding-bottom: 0; } #dashtodockContainer.left.extended #dash .dash-item-container .app-well-app.running .overview-icon, #dashtodockContainer.left.extended #dash .dash-item-container .running.grid-search-result .overview-icon { background-image: none; } #dashtodockContainer.left.extended #dash .dash-item-container .app-well-app.focused .overview-icon, #dashtodockContainer.left.extended #dash .dash-item-container .focused.grid-search-result .overview-icon { background-color: rgba(238, 238, 236, 0.2); } #dashtodockContainer.left.extended #dash .dash-item-container .app-well-app .app-well-app-running-dot, #dashtodockContainer.left.extended #dash .dash-item-container .grid-search-result .app-well-app-running-dot { margin-bottom: 2px; } #dashtodockContainer.left.extended #dash .dash-item-container > StButton { transition-duration: 250; background-size: contain; } #dashtodockContainer.left.extended.fixed #dash .dash-background { margin-right: 0; } #dashtodockContainer.left.extended.fixed #dash .dash-item-container .app-well-app, #dashtodockContainer.left.extended.fixed #dash .dash-item-container .grid-search-result, #dashtodockContainer.left.extended.fixed #dash .dash-item-container .show-apps { padding-right: 10px; } .dash-label.left { margin: 0; -x-offset: 10px; -y-offset: 0; } #dashtodockContainer.left.extended.shrink #dash { margin: 0px; padding: 0px; } #dashtodockContainer.left.extended.shrink #dash .dash-background { margin: 0; margin-left: 0; padding: 0; border-radius: 0; spacing: 2px; } #dashtodockContainer.left.extended.shrink #dash .dash-separator { background-color: #464646; width: 0; height: 1px; margin: 1px 0; margin-left: 0; } #dashtodockContainer.left.extended.shrink #dash #dashtodockDashContainer { padding: 0; padding-left: 0; padding-right: 0; } #dashtodockContainer.left.extended.shrink #dash #dashtodockDashContainer > :first-child .show-apps { padding-top: 6px; } #dashtodockContainer.left.extended.shrink #dash #dashtodockDashContainer #dashtodockDashScrollview:first-child { padding-top: 6px; } #dashtodockContainer.left.extended.shrink #dash #dashtodockDashContainer > :last-child .show-apps { padding-bottom: 6px; } #dashtodockContainer.left.extended.shrink #dash #dashtodockDashContainer #dashtodockDashScrollview:last-child { padding-bottom: 6px; } #dashtodockContainer.left.extended.shrink #dash .dash-item-container { /* Disable all margins defined upstream, we handle them here */ margin: 2px 0; } #dashtodockContainer.left.extended.shrink #dash .dash-item-container > * { margin: 0; } #dashtodockContainer.left.extended.shrink #dash .dash-item-container:first-child { margin-top: 0; } #dashtodockContainer.left.extended.shrink #dash .dash-item-container:last-child { margin-bottom: 0; } #dashtodockContainer.left.extended.shrink #dash .dash-item-container .app-well-app, #dashtodockContainer.left.extended.shrink #dash .dash-item-container .grid-search-result, #dashtodockContainer.left.extended.shrink #dash .dash-item-container .show-apps { padding: 1px 1px; padding-left: 3px; padding-right: 3px; } #dashtodockContainer.left.extended.shrink #dash .dash-item-container .app-well-app:first-child, #dashtodockContainer.left.extended.shrink #dash .dash-item-container .grid-search-result:first-child, #dashtodockContainer.left.extended.shrink #dash .dash-item-container .show-apps:first-child { padding-top: 0; } #dashtodockContainer.left.extended.shrink #dash .dash-item-container .app-well-app:last-child, #dashtodockContainer.left.extended.shrink #dash .dash-item-container .grid-search-result:last-child, #dashtodockContainer.left.extended.shrink #dash .dash-item-container .show-apps:last-child { padding-bottom: 0; } #dashtodockContainer.left.extended.shrink #dash .dash-item-container .app-well-app.running .overview-icon, #dashtodockContainer.left.extended.shrink #dash .dash-item-container .running.grid-search-result .overview-icon { background-image: none; } #dashtodockContainer.left.extended.shrink #dash .dash-item-container .app-well-app.focused .overview-icon, #dashtodockContainer.left.extended.shrink #dash .dash-item-container .focused.grid-search-result .overview-icon { background-color: rgba(238, 238, 236, 0.2); } #dashtodockContainer.left.extended.shrink #dash .dash-item-container .app-well-app .app-well-app-running-dot, #dashtodockContainer.left.extended.shrink #dash .dash-item-container .grid-search-result .app-well-app-running-dot { margin-bottom: 2px; } #dashtodockContainer.left.extended.shrink #dash .dash-item-container > StButton { transition-duration: 250; background-size: contain; } #dashtodockContainer.left.extended.shrink.fixed #dash .dash-background { margin-right: 0; } #dashtodockContainer.left.extended.shrink.fixed #dash .dash-item-container .app-well-app, #dashtodockContainer.left.extended.shrink.fixed #dash .dash-item-container .grid-search-result, #dashtodockContainer.left.extended.shrink.fixed #dash .dash-item-container .show-apps { padding-right: 3px; } .dash-label.left.shrink { margin: 0; -x-offset: 3px; -y-offset: 0; } #dashtodockContainer.right #dash { margin: 0px; padding: 0px; } #dashtodockContainer.right #dash .dash-background { margin: 0; margin-right: 4px; padding: 0; border-radius: 18px; spacing: 6px; } #dashtodockContainer.right #dash .dash-separator { background-color: #464646; width: 0; height: 1px; margin: 4px 0; margin-right: 4px; } #dashtodockContainer.right #dash #dashtodockDashContainer { padding: 10px; padding-right: 0; padding-left: 0; } #dashtodockContainer.right #dash .dash-item-container { /* Disable all margins defined upstream, we handle them here */ margin: 2px 0; } #dashtodockContainer.right #dash .dash-item-container > * { margin: 0; } #dashtodockContainer.right #dash .dash-item-container:first-child { margin-top: 0; } #dashtodockContainer.right #dash .dash-item-container:last-child { margin-bottom: 0; } #dashtodockContainer.right #dash .dash-item-container .app-well-app, #dashtodockContainer.right #dash .dash-item-container .grid-search-result, #dashtodockContainer.right #dash .dash-item-container .show-apps { padding: 2px 2px; padding-right: 14px; padding-left: 10px; } #dashtodockContainer.right #dash .dash-item-container .app-well-app:first-child, #dashtodockContainer.right #dash .dash-item-container .grid-search-result:first-child, #dashtodockContainer.right #dash .dash-item-container .show-apps:first-child { padding-top: 0; } #dashtodockContainer.right #dash .dash-item-container .app-well-app:last-child, #dashtodockContainer.right #dash .dash-item-container .grid-search-result:last-child, #dashtodockContainer.right #dash .dash-item-container .show-apps:last-child { padding-bottom: 0; } #dashtodockContainer.right #dash .dash-item-container .app-well-app.running .overview-icon, #dashtodockContainer.right #dash .dash-item-container .running.grid-search-result .overview-icon { background-image: none; } #dashtodockContainer.right #dash .dash-item-container .app-well-app.focused .overview-icon, #dashtodockContainer.right #dash .dash-item-container .focused.grid-search-result .overview-icon { background-color: rgba(238, 238, 236, 0.2); } #dashtodockContainer.right #dash .dash-item-container .app-well-app .app-well-app-running-dot, #dashtodockContainer.right #dash .dash-item-container .grid-search-result .app-well-app-running-dot { margin-bottom: 2px; } #dashtodockContainer.right #dash .dash-item-container > StButton { transition-duration: 250; background-size: contain; } #dashtodockContainer.right.fixed #dash .dash-background { margin-left: 4px; } #dashtodockContainer.right.fixed #dash .dash-item-container .app-well-app, #dashtodockContainer.right.fixed #dash .dash-item-container .grid-search-result, #dashtodockContainer.right.fixed #dash .dash-item-container .show-apps { padding-left: 14px; } .dash-label.right { margin: 0; -x-offset: 10px; -y-offset: 0; } #dashtodockContainer.right.shrink #dash { margin: 0px; padding: 0px; } #dashtodockContainer.right.shrink #dash .dash-background { margin: 0; margin-right: 4px; padding: 0; border-radius: 14px; spacing: 2px; } #dashtodockContainer.right.shrink #dash .dash-separator { background-color: #464646; width: 0; height: 1px; margin: 1px 0; margin-right: 4px; } #dashtodockContainer.right.shrink #dash #dashtodockDashContainer { padding: 3px; padding-right: 0; padding-left: 0; } #dashtodockContainer.right.shrink #dash .dash-item-container { /* Disable all margins defined upstream, we handle them here */ margin: 2px 0; } #dashtodockContainer.right.shrink #dash .dash-item-container > * { margin: 0; } #dashtodockContainer.right.shrink #dash .dash-item-container:first-child { margin-top: 0; } #dashtodockContainer.right.shrink #dash .dash-item-container:last-child { margin-bottom: 0; } #dashtodockContainer.right.shrink #dash .dash-item-container .app-well-app, #dashtodockContainer.right.shrink #dash .dash-item-container .grid-search-result, #dashtodockContainer.right.shrink #dash .dash-item-container .show-apps { padding: 1px 1px; padding-right: 7px; padding-left: 3px; } #dashtodockContainer.right.shrink #dash .dash-item-container .app-well-app:first-child, #dashtodockContainer.right.shrink #dash .dash-item-container .grid-search-result:first-child, #dashtodockContainer.right.shrink #dash .dash-item-container .show-apps:first-child { padding-top: 0; } #dashtodockContainer.right.shrink #dash .dash-item-container .app-well-app:last-child, #dashtodockContainer.right.shrink #dash .dash-item-container .grid-search-result:last-child, #dashtodockContainer.right.shrink #dash .dash-item-container .show-apps:last-child { padding-bottom: 0; } #dashtodockContainer.right.shrink #dash .dash-item-container .app-well-app.running .overview-icon, #dashtodockContainer.right.shrink #dash .dash-item-container .running.grid-search-result .overview-icon { background-image: none; } #dashtodockContainer.right.shrink #dash .dash-item-container .app-well-app.focused .overview-icon, #dashtodockContainer.right.shrink #dash .dash-item-container .focused.grid-search-result .overview-icon { background-color: rgba(238, 238, 236, 0.2); } #dashtodockContainer.right.shrink #dash .dash-item-container .app-well-app .app-well-app-running-dot, #dashtodockContainer.right.shrink #dash .dash-item-container .grid-search-result .app-well-app-running-dot { margin-bottom: 2px; } #dashtodockContainer.right.shrink #dash .dash-item-container > StButton { transition-duration: 250; background-size: contain; } #dashtodockContainer.right.shrink.fixed #dash .dash-background { margin-left: 1px; } #dashtodockContainer.right.shrink.fixed #dash .dash-item-container .app-well-app, #dashtodockContainer.right.shrink.fixed #dash .dash-item-container .grid-search-result, #dashtodockContainer.right.shrink.fixed #dash .dash-item-container .show-apps { padding-left: 4px; } .dash-label.right.shrink { margin: 0; -x-offset: 3px; -y-offset: 0; } #dashtodockContainer.right.extended #dash { margin: 0px; padding: 0px; } #dashtodockContainer.right.extended #dash .dash-background { margin: 0; margin-right: 0; padding: 0; border-radius: 0; spacing: 6px; } #dashtodockContainer.right.extended #dash .dash-separator { background-color: #464646; width: 0; height: 1px; margin: 4px 0; margin-right: 0; } #dashtodockContainer.right.extended #dash #dashtodockDashContainer { padding: 0; padding-right: 0; padding-left: 0; } #dashtodockContainer.right.extended #dash #dashtodockDashContainer > :first-child .show-apps { padding-top: 8px; } #dashtodockContainer.right.extended #dash #dashtodockDashContainer #dashtodockDashScrollview:first-child { padding-top: 8px; } #dashtodockContainer.right.extended #dash #dashtodockDashContainer > :last-child .show-apps { padding-bottom: 8px; } #dashtodockContainer.right.extended #dash #dashtodockDashContainer #dashtodockDashScrollview:last-child { padding-bottom: 8px; } #dashtodockContainer.right.extended #dash .dash-item-container { /* Disable all margins defined upstream, we handle them here */ margin: 2px 0; } #dashtodockContainer.right.extended #dash .dash-item-container > * { margin: 0; } #dashtodockContainer.right.extended #dash .dash-item-container:first-child { margin-top: 0; } #dashtodockContainer.right.extended #dash .dash-item-container:last-child { margin-bottom: 0; } #dashtodockContainer.right.extended #dash .dash-item-container .app-well-app, #dashtodockContainer.right.extended #dash .dash-item-container .grid-search-result, #dashtodockContainer.right.extended #dash .dash-item-container .show-apps { padding: 2px 2px; padding-right: 10px; padding-left: 10px; } #dashtodockContainer.right.extended #dash .dash-item-container .app-well-app:first-child, #dashtodockContainer.right.extended #dash .dash-item-container .grid-search-result:first-child, #dashtodockContainer.right.extended #dash .dash-item-container .show-apps:first-child { padding-top: 0; } #dashtodockContainer.right.extended #dash .dash-item-container .app-well-app:last-child, #dashtodockContainer.right.extended #dash .dash-item-container .grid-search-result:last-child, #dashtodockContainer.right.extended #dash .dash-item-container .show-apps:last-child { padding-bottom: 0; } #dashtodockContainer.right.extended #dash .dash-item-container .app-well-app.running .overview-icon, #dashtodockContainer.right.extended #dash .dash-item-container .running.grid-search-result .overview-icon { background-image: none; } #dashtodockContainer.right.extended #dash .dash-item-container .app-well-app.focused .overview-icon, #dashtodockContainer.right.extended #dash .dash-item-container .focused.grid-search-result .overview-icon { background-color: rgba(238, 238, 236, 0.2); } #dashtodockContainer.right.extended #dash .dash-item-container .app-well-app .app-well-app-running-dot, #dashtodockContainer.right.extended #dash .dash-item-container .grid-search-result .app-well-app-running-dot { margin-bottom: 2px; } #dashtodockContainer.right.extended #dash .dash-item-container > StButton { transition-duration: 250; background-size: contain; } #dashtodockContainer.right.extended.fixed #dash .dash-background { margin-left: 0; } #dashtodockContainer.right.extended.fixed #dash .dash-item-container .app-well-app, #dashtodockContainer.right.extended.fixed #dash .dash-item-container .grid-search-result, #dashtodockContainer.right.extended.fixed #dash .dash-item-container .show-apps { padding-left: 10px; } .dash-label.right { margin: 0; -x-offset: 10px; -y-offset: 0; } #dashtodockContainer.right.extended.shrink #dash { margin: 0px; padding: 0px; } #dashtodockContainer.right.extended.shrink #dash .dash-background { margin: 0; margin-right: 0; padding: 0; border-radius: 0; spacing: 2px; } #dashtodockContainer.right.extended.shrink #dash .dash-separator { background-color: #464646; width: 0; height: 1px; margin: 1px 0; margin-right: 0; } #dashtodockContainer.right.extended.shrink #dash #dashtodockDashContainer { padding: 0; padding-right: 0; padding-left: 0; } #dashtodockContainer.right.extended.shrink #dash #dashtodockDashContainer > :first-child .show-apps { padding-top: 6px; } #dashtodockContainer.right.extended.shrink #dash #dashtodockDashContainer #dashtodockDashScrollview:first-child { padding-top: 6px; } #dashtodockContainer.right.extended.shrink #dash #dashtodockDashContainer > :last-child .show-apps { padding-bottom: 6px; } #dashtodockContainer.right.extended.shrink #dash #dashtodockDashContainer #dashtodockDashScrollview:last-child { padding-bottom: 6px; } #dashtodockContainer.right.extended.shrink #dash .dash-item-container { /* Disable all margins defined upstream, we handle them here */ margin: 2px 0; } #dashtodockContainer.right.extended.shrink #dash .dash-item-container > * { margin: 0; } #dashtodockContainer.right.extended.shrink #dash .dash-item-container:first-child { margin-top: 0; } #dashtodockContainer.right.extended.shrink #dash .dash-item-container:last-child { margin-bottom: 0; } #dashtodockContainer.right.extended.shrink #dash .dash-item-container .app-well-app, #dashtodockContainer.right.extended.shrink #dash .dash-item-container .grid-search-result, #dashtodockContainer.right.extended.shrink #dash .dash-item-container .show-apps { padding: 1px 1px; padding-right: 3px; padding-left: 3px; } #dashtodockContainer.right.extended.shrink #dash .dash-item-container .app-well-app:first-child, #dashtodockContainer.right.extended.shrink #dash .dash-item-container .grid-search-result:first-child, #dashtodockContainer.right.extended.shrink #dash .dash-item-container .show-apps:first-child { padding-top: 0; } #dashtodockContainer.right.extended.shrink #dash .dash-item-container .app-well-app:last-child, #dashtodockContainer.right.extended.shrink #dash .dash-item-container .grid-search-result:last-child, #dashtodockContainer.right.extended.shrink #dash .dash-item-container .show-apps:last-child { padding-bottom: 0; } #dashtodockContainer.right.extended.shrink #dash .dash-item-container .app-well-app.running .overview-icon, #dashtodockContainer.right.extended.shrink #dash .dash-item-container .running.grid-search-result .overview-icon { background-image: none; } #dashtodockContainer.right.extended.shrink #dash .dash-item-container .app-well-app.focused .overview-icon, #dashtodockContainer.right.extended.shrink #dash .dash-item-container .focused.grid-search-result .overview-icon { background-color: rgba(238, 238, 236, 0.2); } #dashtodockContainer.right.extended.shrink #dash .dash-item-container .app-well-app .app-well-app-running-dot, #dashtodockContainer.right.extended.shrink #dash .dash-item-container .grid-search-result .app-well-app-running-dot { margin-bottom: 2px; } #dashtodockContainer.right.extended.shrink #dash .dash-item-container > StButton { transition-duration: 250; background-size: contain; } #dashtodockContainer.right.extended.shrink.fixed #dash .dash-background { margin-left: 0; } #dashtodockContainer.right.extended.shrink.fixed #dash .dash-item-container .app-well-app, #dashtodockContainer.right.extended.shrink.fixed #dash .dash-item-container .grid-search-result, #dashtodockContainer.right.extended.shrink.fixed #dash .dash-item-container .show-apps { padding-left: 3px; } .dash-label.right.shrink { margin: 0; -x-offset: 3px; -y-offset: 0; } #dashtodockContainer.top.shrink #dash .dash-background { margin-top: 4px; margin-bottom: 0; } #dashtodockContainer.straight-corner #dash .dash-background, #dashtodockContainer.shrink.straight-corner #dash .dash-background { border-radius: 0px; } /* Scrollview style */ .bottom #dashtodockDashScrollview, .top #dashtodockDashScrollview { -st-hfade-offset: 24px; } .left #dashtodockDashScrollview, .right #dashtodockDashScrollview { -st-vfade-offset: 24px; } #dashtodockContainer.dashtodock #dash .dash-background { background: #1d1d1d; } #dashtodockContainer.dashtodock .progress-bar { /* Customization of the progress bar style, e.g.: -progress-bar-background: rgba(0.8, 0.8, 0.8, 1); -progress-bar-border: rgba(0.9, 0.9, 0.9, 1); */ } #dashtodockContainer.top #dash .placeholder, #dashtodockContainer.bottom #dash .placeholder { width: 32px; height: 1px; } /* * This is applied to a dummy actor. Only the alpha value for the background and border color * and the transition-duration are used */ #dashtodockContainer.dummy-opaque { background-color: rgba(0, 0, 0, 0.8); border-color: rgba(0, 0, 0, 0.4); transition-duration: 300ms; } /* * This is applied to a dummy actor. Only the alpha value for the background and border color * and the transition-duration are used */ #dashtodockContainer.dummy-transparent { background-color: rgba(0, 0, 0, 0.2); border-color: rgba(0, 0, 0, 0.1); transition-duration: 500ms; } #dashtodockContainer .number-overlay { color: white; background-color: rgba(0, 0, 0, 0.8); text-align: center; } #dashtodockContainer .notification-badge { color: white; background-color: red; padding: 0.2em 0.5em; border-radius: 1em; font-weight: bold; text-align: center; margin: 2px; } #dashtodockPreviewSeparator.popup-separator-menu-item-horizontal { width: 1px; height: auto; border-right-width: 1px; margin: 32px 0px; } .dashtodock-app-well-preview-menu-item { padding: 1em 1em 0.5em 1em; } #dashtodockContainer .metro .overview-icon { border-radius: 0px; } #dashtodockContainer.bottom .metro.running2.focused, #dashtodockContainer.top .metro.running2.focused { background-image: url("./media/highlight_stacked_bg.svg"); background-position: 0px 0px; background-size: contain; } #dashtodockContainer.left .metro.running2.focused, #dashtodockContainer.right .metro.running2.focused { background-image: url("./media/highlight_stacked_bg_h.svg"); background-position: 0px 0px; background-size: contain; } #dashtodockContainer.bottom .metro.running3.focused, #dashtodockContainer.top .metro.running3.focused { background-image: url("./media/highlight_stacked_bg.svg"); background-position: 0px 0px; background-size: contain; } #dashtodockContainer.left .metro.running3.focused, #dashtodockContainer.right .metro.running3.focused { background-image: url("./media/highlight_stacked_bg_h.svg"); background-position: 0px 0px; background-size: contain; } #dashtodockContainer.bottom .metro.running4.focused, #dashtodockContainer.top .metro.running4.focused { background-image: url("./media/highlight_stacked_bg.svg"); background-position: 0px 0px; background-size: contain; } #dashtodockContainer.left .metro.running4.focused, #dashtodockContainer.right .metro.running4.focused { background-image: url("./media/highlight_stacked_bg_h.svg"); background-position: 0px 0px; background-size: contain; } /* Yaru Dock styling */ #dashtodockContainer.bottom #dash, #dashtodockContainer.bottom.dashtodock #dash, #dashtodockContainer.bottom.shrink #dash { margin: 0px; padding: 0px; } #dashtodockContainer.bottom #dash .dash-background, #dashtodockContainer.bottom.dashtodock #dash .dash-background, #dashtodockContainer.bottom.shrink #dash .dash-background { background: rgba(19, 19, 19, 0.75); transition-duration: 250ms; } #dashtodockContainer.bottom #dash .dash-separator, #dashtodockContainer.bottom.dashtodock #dash .dash-separator, #dashtodockContainer.bottom.shrink #dash .dash-separator { background: rgba(238, 238, 236, 0.3); } #dashtodockContainer.bottom.overview #dash .dash-background, #dashtodockContainer.bottom.overview.dashtodock #dash .dash-background, #dashtodockContainer.bottom.overview.shrink #dash .dash-background { background-color: #131313; } #dashtodockContainer.bottom.extended #dash .dash-background, #dashtodockContainer.bottom.extended.dashtodock #dash .dash-background, #dashtodockContainer.bottom.extended.shrink #dash .dash-background { border: none; } #dashtodockContainer.bottom .dash-item-container .show-apps, #dashtodockContainer.bottom .dash-item-container .app-well-app, #dashtodockContainer.bottom .dash-item-container .grid-search-result { border-radius: 18px; } #dashtodockContainer.bottom .dash-item-container .show-apps:active .overview-icon, #dashtodockContainer.bottom .dash-item-container .show-apps:checked .overview-icon, #dashtodockContainer.bottom .dash-item-container .app-well-app:active .overview-icon, #dashtodockContainer.bottom .dash-item-container .grid-search-result:active .overview-icon, #dashtodockContainer.bottom .dash-item-container .app-well-app:checked .overview-icon, #dashtodockContainer.bottom .dash-item-container .grid-search-result:checked .overview-icon { background-color: rgba(255, 255, 255, 0.25); box-shadow: none; } #dashtodockContainer.bottom .notification-badge { background-color: #109b26; border: 1px solid #0c6d1a; box-shadow: -1px 1px 5px 0px rgba(0, 0, 0, 0.5); } #dashtodockContainer.top #dash, #dashtodockContainer.top.dashtodock #dash, #dashtodockContainer.top.shrink #dash { margin: 0px; padding: 0px; } #dashtodockContainer.top #dash .dash-background, #dashtodockContainer.top.dashtodock #dash .dash-background, #dashtodockContainer.top.shrink #dash .dash-background { background: rgba(19, 19, 19, 0.75); transition-duration: 250ms; } #dashtodockContainer.top #dash .dash-separator, #dashtodockContainer.top.dashtodock #dash .dash-separator, #dashtodockContainer.top.shrink #dash .dash-separator { background: rgba(238, 238, 236, 0.3); } #dashtodockContainer.top.overview #dash .dash-background, #dashtodockContainer.top.overview.dashtodock #dash .dash-background, #dashtodockContainer.top.overview.shrink #dash .dash-background { background-color: #131313; } #dashtodockContainer.top.extended #dash .dash-background, #dashtodockContainer.top.extended.dashtodock #dash .dash-background, #dashtodockContainer.top.extended.shrink #dash .dash-background { border: none; } #dashtodockContainer.top .dash-item-container .show-apps, #dashtodockContainer.top .dash-item-container .app-well-app, #dashtodockContainer.top .dash-item-container .grid-search-result { border-radius: 18px; } #dashtodockContainer.top .dash-item-container .show-apps:active .overview-icon, #dashtodockContainer.top .dash-item-container .show-apps:checked .overview-icon, #dashtodockContainer.top .dash-item-container .app-well-app:active .overview-icon, #dashtodockContainer.top .dash-item-container .grid-search-result:active .overview-icon, #dashtodockContainer.top .dash-item-container .app-well-app:checked .overview-icon, #dashtodockContainer.top .dash-item-container .grid-search-result:checked .overview-icon { background-color: rgba(255, 255, 255, 0.25); box-shadow: none; } #dashtodockContainer.top .notification-badge { background-color: #109b26; border: 1px solid #0c6d1a; box-shadow: -1px 1px 5px 0px rgba(0, 0, 0, 0.5); } #dashtodockContainer.left #dash, #dashtodockContainer.left.dashtodock #dash, #dashtodockContainer.left.shrink #dash { margin: 0px; padding: 0px; } #dashtodockContainer.left #dash .dash-background, #dashtodockContainer.left.dashtodock #dash .dash-background, #dashtodockContainer.left.shrink #dash .dash-background { background: rgba(19, 19, 19, 0.75); transition-duration: 250ms; } #dashtodockContainer.left #dash .dash-separator, #dashtodockContainer.left.dashtodock #dash .dash-separator, #dashtodockContainer.left.shrink #dash .dash-separator { background: rgba(238, 238, 236, 0.3); } #dashtodockContainer.left.overview #dash .dash-background, #dashtodockContainer.left.overview.dashtodock #dash .dash-background, #dashtodockContainer.left.overview.shrink #dash .dash-background { background-color: #131313; } #dashtodockContainer.left.extended #dash .dash-background, #dashtodockContainer.left.extended.dashtodock #dash .dash-background, #dashtodockContainer.left.extended.shrink #dash .dash-background { border: none; } #dashtodockContainer.left .dash-item-container .show-apps, #dashtodockContainer.left .dash-item-container .app-well-app, #dashtodockContainer.left .dash-item-container .grid-search-result { border-radius: 18px; } #dashtodockContainer.left .dash-item-container .show-apps:active .overview-icon, #dashtodockContainer.left .dash-item-container .show-apps:checked .overview-icon, #dashtodockContainer.left .dash-item-container .app-well-app:active .overview-icon, #dashtodockContainer.left .dash-item-container .grid-search-result:active .overview-icon, #dashtodockContainer.left .dash-item-container .app-well-app:checked .overview-icon, #dashtodockContainer.left .dash-item-container .grid-search-result:checked .overview-icon { background-color: rgba(255, 255, 255, 0.25); box-shadow: none; } #dashtodockContainer.left .notification-badge { background-color: #109b26; border: 1px solid #0c6d1a; box-shadow: -1px 1px 5px 0px rgba(0, 0, 0, 0.5); } #dashtodockContainer.right #dash, #dashtodockContainer.right.dashtodock #dash, #dashtodockContainer.right.shrink #dash { margin: 0px; padding: 0px; } #dashtodockContainer.right #dash .dash-background, #dashtodockContainer.right.dashtodock #dash .dash-background, #dashtodockContainer.right.shrink #dash .dash-background { background: rgba(19, 19, 19, 0.75); transition-duration: 250ms; } #dashtodockContainer.right #dash .dash-separator, #dashtodockContainer.right.dashtodock #dash .dash-separator, #dashtodockContainer.right.shrink #dash .dash-separator { background: rgba(238, 238, 236, 0.3); } #dashtodockContainer.right.overview #dash .dash-background, #dashtodockContainer.right.overview.dashtodock #dash .dash-background, #dashtodockContainer.right.overview.shrink #dash .dash-background { background-color: #131313; } #dashtodockContainer.right.extended #dash .dash-background, #dashtodockContainer.right.extended.dashtodock #dash .dash-background, #dashtodockContainer.right.extended.shrink #dash .dash-background { border: none; } #dashtodockContainer.right .dash-item-container .show-apps, #dashtodockContainer.right .dash-item-container .app-well-app, #dashtodockContainer.right .dash-item-container .grid-search-result { border-radius: 18px; } #dashtodockContainer.right .dash-item-container .show-apps:active .overview-icon, #dashtodockContainer.right .dash-item-container .show-apps:checked .overview-icon, #dashtodockContainer.right .dash-item-container .app-well-app:active .overview-icon, #dashtodockContainer.right .dash-item-container .grid-search-result:active .overview-icon, #dashtodockContainer.right .dash-item-container .app-well-app:checked .overview-icon, #dashtodockContainer.right .dash-item-container .grid-search-result:checked .overview-icon { background-color: rgba(255, 255, 255, 0.25); box-shadow: none; } #dashtodockContainer.right .notification-badge { background-color: #109b26; border: 1px solid #0c6d1a; box-shadow: -1px 1px 5px 0px rgba(0, 0, 0, 0.5); } (uuay)checkbox-blue-dark.svg G <svg width="24" height="24" xmlns="http://www.w3.org/2000/svg"><rect x="1.5" y="1.5" width="21" height="21" fill="#0073E5" stroke="#0073E5" stroke-linejoin="round" style="stroke-width:1" rx="3"/><path d="m20.16 7.527-1.253-1.414-.118.104-8.478 7.426-4.97-4.263-1.503 1.699 6.474 6.811z" fill="#fff" fill-rule="evenodd"/></svg> (uuay)checkbox-off-focused-blue.svg � <svg width="24" height="24" xmlns="http://www.w3.org/2000/svg"><rect x="1.5" y="1.5" width="21" height="21" fill="#bababa" stroke="#3d9eff" stroke-linejoin="round" rx="3" style="fill:#F7F7F7"/></svg> (uuay)checkbox-off-focused-olive.svg � <svg width="24" height="24" xmlns="http://www.w3.org/2000/svg"><rect x="1.5" y="1.5" width="21" height="21" fill="#bababa" stroke="#7cdb02" stroke-linejoin="round" rx="3" style="fill:#F7F7F7"/></svg> (uuay)gnome-shell-bark.css &� /* This stylesheet is generated, DO NOT EDIT */ /* Copyright 2009, 2015 Red Hat, Inc. * * Portions adapted from Mx's data/style/default.css * Copyright 2009 Intel Corporation * * This program is free software; you can redistribute it and/or modify it * under the terms and conditions of the GNU Lesser General Public License, * version 2.1, as published by the Free Software Foundation. * * This program is distributed in the hope it will be useful, but WITHOUT ANY * WARRANTY; without even the implied warranty of MERCHANTABILITY or FITNESS * FOR A PARTICULAR PURPOSE. See the GNU Lesser General Public License for * more details. * * You should have received a copy of the GNU Lesser General Public License * along with this program; if not, write to the Free Software Foundation, * Inc., 51 Franklin St - Fifth Floor, Boston, MA 02110-1301 USA. */ /* Global Values */ stage { font-size: 11pt; color: #3D3D3D; } /* Common Stylings */ .screenshot-ui-panel, .workspace-switcher, .switcher-list, .resize-popup, .osd-monitor-label, .osd-window { color: #eeeeec; background-color: rgba(29, 29, 29, 0.975); border: 1px solid #464646; border-radius: 999px; padding: 12px; box-shadow: 0 3px 9px 1px rgba(0, 0, 0, 0.5); } .workspace-thumbnails .workspace-thumbnail { color: #eeeeec; background-color: rgba(238, 238, 236, 0.1); } .app-well-app.app-folder .overview-icon, .app-folder.grid-search-result .overview-icon, .app-well-app .overview-icon, .grid-search-result .overview-icon, .dash-item-container .show-apps .overview-icon, .list-search-result, .search-provider-icon, .switcher-list .item-box { border-radius: 12px; padding: 6px; spacing: 6px; border: 2px solid transparent; transition-duration: 100ms; text-align: center; color: #eeeeec; } .modal-dialog { color: #3D3D3D; background-color: #FAFAFA; border-radius: 8.5px; border: 1px solid rgba(255, 255, 255, 0.8); } #LookingGlassDialog > #Toolbar .lg-toolbar-button, .pad-osd-window .button, .button, .app-folder-dialog .folder-name-container .edit-folder-button { border-radius: 4px; border-style: solid; border-width: 1px; font-weight: bold; padding: 3px 24px; color: #3D3D3D; background-color: #ededed; } #LookingGlassDialog > #Toolbar .lg-toolbar-button:focus, .button:focus, .app-folder-dialog .folder-name-container .edit-folder-button:focus { color: #3D3D3D; background-color: #ededed; box-shadow: inset 0 0 0 2px #9d9d7b; } #LookingGlassDialog > #Toolbar .lg-toolbar-button:focus:hover, .button:focus:hover, .app-folder-dialog .folder-name-container .edit-folder-button:focus:hover { background-color: #e5e5e5; box-shadow: inset 0 0 0 2px #9d9d7b; } #LookingGlassDialog > #Toolbar .lg-toolbar-button:focus:active, .button:focus:active, .app-folder-dialog .folder-name-container .edit-folder-button:focus:active { background-color: #dedede; box-shadow: inset 0 0 0 2px #9d9d7b; } #LookingGlassDialog > #Toolbar .lg-toolbar-button:hover, .button:hover, .app-folder-dialog .folder-name-container .edit-folder-button:hover { color: #3D3D3D; background-color: #e5e5e5; } #LookingGlassDialog > #Toolbar .lg-toolbar-button:insensitive, .button:insensitive, .app-folder-dialog .folder-name-container .edit-folder-button:insensitive { color: rgba(61, 61, 61, 0.5); background-color: rgba(61, 61, 61, 0.05); } #LookingGlassDialog > #Toolbar .lg-toolbar-button:active, .button:active, .app-folder-dialog .folder-name-container .edit-folder-button:active { color: #3D3D3D; background-color: #dedede; } #LookingGlassDialog > #Toolbar .lg-toolbar-button:checked, .button:checked, .app-folder-dialog .folder-name-container .edit-folder-button:checked { color: #3D3D3D; background-color: #d6d6d6; } #LookingGlassDialog > #Toolbar .lg-toolbar-button:checked:hover, .button:checked:hover, .app-folder-dialog .folder-name-container .edit-folder-button:checked:hover { background-color: #cecece; } #LookingGlassDialog > #Toolbar .lg-toolbar-button:checked:active, .button:checked:active, .app-folder-dialog .folder-name-container .edit-folder-button:checked:active { background-color: #c7c7c7; } .app-folder-dialog .folder-name-container .edit-folder-button { color: #F7F7F7; background-color: #2c2c2c; } .app-folder-dialog .folder-name-container .edit-folder-button:focus { color: #F7F7F7; background-color: #2c2c2c; box-shadow: inset 0 0 0 2px #9d9d7b; } .app-folder-dialog .folder-name-container .edit-folder-button:focus:hover { background-color: #242424; box-shadow: inset 0 0 0 2px #9d9d7b; } .app-folder-dialog .folder-name-container .edit-folder-button:focus:active { background-color: #1d1d1d; box-shadow: inset 0 0 0 2px #9d9d7b; } .app-folder-dialog .folder-name-container .edit-folder-button:hover { color: #F7F7F7; background-color: #242424; } .app-folder-dialog .folder-name-container .edit-folder-button:insensitive { color: rgba(247, 247, 247, 0.5); background-color: rgba(247, 247, 247, 0.05); } .app-folder-dialog .folder-name-container .edit-folder-button:active { color: #F7F7F7; background-color: #1d1d1d; } .app-folder-dialog .folder-name-container .edit-folder-button:checked { color: #F7F7F7; background-color: #151515; } .app-folder-dialog .folder-name-container .edit-folder-button:checked:hover { background-color: #0d0d0d; } .app-folder-dialog .folder-name-container .edit-folder-button:checked:active { background-color: #060606; } .modal-dialog .modal-dialog-linked-button, .hotplug-notification-item, .notification-banner .notification-button { padding: 12px; color: #3D3D3D; background-color: #ededed; } .modal-dialog .modal-dialog-linked-button:ltr, .hotplug-notification-item:ltr, .notification-banner .notification-button:ltr { margin-right: 1px; } .modal-dialog .modal-dialog-linked-button:rtl, .hotplug-notification-item:rtl, .notification-banner .notification-button:rtl { margin-left: 1px; } .modal-dialog .modal-dialog-linked-button:insensitive, .hotplug-notification-item:insensitive, .notification-banner .notification-button:insensitive { color: rgba(61, 61, 61, 0.5); background-color: rgba(61, 61, 61, 0.05); } .modal-dialog .modal-dialog-linked-button:focus, .hotplug-notification-item:focus, .notification-banner .notification-button:focus { color: #3D3D3D; background-color: #ededed; box-shadow: inset 0 0 0 2px #9d9d7b; } .modal-dialog .modal-dialog-linked-button:focus:hover, .hotplug-notification-item:focus:hover, .notification-banner .notification-button:focus:hover { background-color: #e5e5e5; box-shadow: inset 0 0 0 2px #9d9d7b; } .modal-dialog .modal-dialog-linked-button:focus:active, .hotplug-notification-item:focus:active, .notification-banner .notification-button:focus:active { background-color: #dedede; box-shadow: inset 0 0 0 2px #9d9d7b; } .modal-dialog .modal-dialog-linked-button:hover, .hotplug-notification-item:hover, .notification-banner .notification-button:hover { color: #3D3D3D; background-color: #e5e5e5; } .modal-dialog .modal-dialog-linked-button:active, .hotplug-notification-item:active, .notification-banner .notification-button:active { color: #3D3D3D; background-color: #dedede; } .modal-dialog .modal-dialog-linked-button:first-child:ltr, .hotplug-notification-item:first-child:ltr, .notification-banner .notification-button:first-child:ltr { border-radius: 0 0 0 7.5px; } .modal-dialog .modal-dialog-linked-button:last-child:ltr, .hotplug-notification-item:last-child:ltr, .notification-banner .notification-button:last-child:ltr { border-radius: 0 0 7.5px 0; margin-right: 0 !important; } .modal-dialog .modal-dialog-linked-button:first-child:rtl, .hotplug-notification-item:first-child:rtl, .notification-banner .notification-button:first-child:rtl { border-radius: 0 0 7.5px 0; margin-left: 0 !important; } .modal-dialog .modal-dialog-linked-button:last-child:rtl, .hotplug-notification-item:last-child:rtl, .notification-banner .notification-button:last-child:rtl { border-radius: 0 0 0 7.5px; margin-right: 0 !important; } .modal-dialog .modal-dialog-linked-button:first-child:last-child, .hotplug-notification-item:first-child:last-child, .notification-banner .notification-button:first-child:last-child { border-radius: 0 0 7.5px 7.5px !important; margin-left: 0 !important; margin-right: 0 !important; } .screenshot-ui-show-pointer-button, .screenshot-ui-type-button { background-color: transparent; background-color: none; } .screenshot-ui-show-pointer-button:insensitive, .screenshot-ui-type-button:insensitive { color: rgba(61, 61, 61, 0.5); background-color: rgba(61, 61, 61, 0.05); background-color: transparent; color: rgba(255, 255, 255, 0.5); } .screenshot-ui-show-pointer-button:insensitive, .screenshot-ui-type-button:insensitive { background-color: transparent; background-color: none; } .screenshot-ui-show-pointer-button:insensitive:insensitive, .screenshot-ui-type-button:insensitive:insensitive { color: rgba(61, 61, 61, 0.5); background-color: rgba(61, 61, 61, 0.05); background-color: transparent; color: rgba(255, 255, 255, 0.5); } .screenshot-ui-show-pointer-button:focus, .screenshot-ui-type-button:focus { color: #eeeeec; background-color: rgba(44, 44, 44, 0.97675); box-shadow: inset 0 0 0 2px #9d9d7b; } .screenshot-ui-show-pointer-button:focus:hover, .screenshot-ui-type-button:focus:hover { background-color: rgba(36, 36, 36, 0.97675); box-shadow: inset 0 0 0 2px #9d9d7b; } .screenshot-ui-show-pointer-button:focus:active, .screenshot-ui-type-button:focus:active { background-color: rgba(29, 29, 29, 0.97675); box-shadow: inset 0 0 0 2px #9d9d7b; } .screenshot-ui-show-pointer-button:hover, .screenshot-ui-type-button:hover { color: #eeeeec; background-color: rgba(36, 36, 36, 0.97675); } .screenshot-ui-show-pointer-button:active, .screenshot-ui-type-button:active { color: #eeeeec; background-color: rgba(29, 29, 29, 0.97675); } .screenshot-ui-show-pointer-button:outlined, .screenshot-ui-type-button:outlined, .screenshot-ui-show-pointer-button:checked, .screenshot-ui-type-button:checked { color: #eeeeec; background-color: rgba(21, 21, 21, 0.97675); } .screenshot-ui-show-pointer-button:outlined:hover, .screenshot-ui-type-button:outlined:hover, .screenshot-ui-show-pointer-button:checked:hover, .screenshot-ui-type-button:checked:hover { background-color: rgba(13, 13, 13, 0.97675); } .screenshot-ui-show-pointer-button:outlined:active, .screenshot-ui-type-button:outlined:active, .screenshot-ui-show-pointer-button:checked:active, .screenshot-ui-type-button:checked:active { background-color: rgba(6, 6, 6, 0.97675); } /* General Typography */ .app-folder-dialog .folder-name-container .folder-name-label, .app-folder-dialog .folder-name-container .folder-name-entry, .search-statustext { font-weight: 800; font-size: 20pt; } .lg-debug-flags-header, .message-dialog-content .message-dialog-title, .message-list .message-list-placeholder, .datemenu-today-button .date-label { font-weight: 800; font-size: 15pt; } .nm-dialog-airplane-headline { font-weight: 700; font-size: 15pt; } .message-dialog-content .message-dialog-title.lightweight, .headline { font-weight: 700; font-size: 13pt; } .lg-extension-name, .osd-window, .nm-dialog-header, .dialog-list .dialog-list-title, .message-list-controls, .weather-button .weather-forecast-temp, .weather-button .weather-header, .world-clocks-button .world-clocks-time, .world-clocks-button .world-clocks-header, .events-button .events-title, .calendar .calendar-month-header .calendar-month-label, .datemenu-today-button .day-label, .popup-menu-ornament { font-weight: 700; font-size: 11pt; } .app-menu .popup-inactive-menu-item:first-child > StLabel { font-weight: 700; font-size: 9pt; } .login-dialog-not-listed-label, .lg-completions-text, .caps-lock-warning-label, #dash, .icon-label-button-container, .prompt-dialog-error-label, .prompt-dialog-info-label, .prompt-dialog-null-label, .run-dialog .run-dialog-description, .dialog-list .dialog-list-box .dialog-list-item .dialog-list-item-description, .weather-button .weather-forecast-time, .world-clocks-button .world-clocks-timezone, .events-button .event-time { font-weight: 400; font-size: 9pt; } .calendar .calendar-day-base.calendar-day-heading, .calendar .calendar-day-base { font-weight: 400; font-size: 8pt; } .unlock-dialog-clock-time, #panel, .weather-button .weather-forecast-time, .world-clocks-button .world-clocks-timezone, .world-clocks-button .world-clocks-time, .events-button .event-time, .calendar .calendar-day-base { font-feature-settings: "tnum"; } /* WIDGETS */ .shell-link { color: #5b5b43; } .shell-link:hover { color: #787859; } .lowres-icon { icon-shadow: 0 1px 2px rgba(0, 0, 0, 0.3); } .icon-dropshadow { icon-shadow: 0 1px 5px rgba(0, 0, 0, 0.8); } /* Entries */ StEntry { min-height: 22px; border-radius: 6px; padding: 8px; border-width: 1px; color: #3D3D3D; background-color: white; color: rgba(61, 61, 61, 0.7); border: 1px solid #c7c7c7; selection-background-color: #787859; selected-color: #FFFFFF; } StEntry:hover { background-color: white; border-color: #d4d4d4; color: #3D3D3D; } StEntry:focus { background-color: white; border-color: #9d9d7b; box-shadow: 0 0 0 1px #9d9d7b inset; color: #3D3D3D; } StEntry:insensitive { background-color: white; border-color: white; color: #9c9c9c; } StEntry StIcon.capslock-warning { icon-size: 16px; warning-color: #f99b11; padding: 0 4px; } StEntry StIcon.peek-password { icon-size: 1.09em; padding: 0 4px; } StEntry StLabel.hint-text { margin-left: 2px; color: rgba(61, 61, 61, 0.7); } /* Buttons */ .button { min-height: 22px; } /* Check Boxes */ .check-box StBoxLayout { spacing: .8em; } .check-box StBin { width: 24px; height: 22px; background-image: url("resource:///org/gnome/shell/theme/checkbox-off-bark.svg"); } .check-box:focus StBin { background-image: url("resource:///org/gnome/shell/theme/checkbox-off-focused-bark.svg"); } .check-box:checked StBin { background-image: url("resource:///org/gnome/shell/theme/checkbox-bark.svg"); } .check-box:focus:checked StBin { background-image: url("resource:///org/gnome/shell/theme/checkbox-focused-bark.svg"); } /* Switches */ .toggle-switch { color: #3D3D3D; height: 26px; width: 48px; background-size: contain; background-image: url("resource:///org/gnome/shell/theme/toggle-off-bark.svg"); } .toggle-switch:checked { background-image: url("resource:///org/gnome/shell/theme/toggle-on-bark.svg"); } /* Slider */ .slider { -barlevel-height: 4px; -barlevel-background-color: rgba(61, 61, 61, 0.4); -barlevel-border-width: 2px; -barlevel-border-color: transparent; -barlevel-active-background-color: #787859; -barlevel-active-border-color: transparent; -barlevel-overdrive-color: #c7162b; -barlevel-overdrive-border-color: transparent; -barlevel-overdrive-separator-width: 1px; -slider-handle-border-width: 1px; -slider-handle-border-color: #b5b5b5; -slider-handle-radius: 8px; color: #fcfcfc; height: 18px; } /* Scrollbars */ StScrollView.vfade { -st-vfade-offset: 68px; } StScrollView.hfade { -st-hfade-offset: 68px; } StScrollBar { padding: 0; } StScrollView StScrollBar { min-width: 8px; min-height: 8px; } StScrollBar StBin#trough { border-radius: 0; background-color: transparent; } StScrollBar StButton#vhandle, StScrollBar StButton#hhandle { border-radius: 8px; background-color: #c1c1c1; border: 3px solid transparent; transition: 500ms all ease; } StScrollBar StButton#vhandle:hover, StScrollBar StButton#hhandle:hover { background-color: #9c9c9c; } StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { background-color: #aeaeae; } /* Popovers/Menus */ .popup-menu-boxpointer, .candidate-popup-boxpointer { -arrow-rise: 6px; } .popup-menu { min-width: 15em; color: #3D3D3D; } .popup-menu.panel-menu { margin-bottom: 1.75em; } .popup-menu-content, .candidate-popup-content { padding: 6px; border-radius: 10px; border: 1px solid rgba(255, 255, 255, 0.8); box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.1); background-color: #FAFAFA; } .popup-menu-item { padding: 9px 12px; border-radius: 6px; spacing: 6px; transition: 0.2s all ease; background-color: transparent; } .popup-menu-item:ltr { padding-left: 6px; } .popup-menu-item:rtl { padding-right: 6px; } .popup-menu-item:focus, .popup-menu-item:hover { background-color: rgba(61, 61, 61, 0.1) !important; } .popup-menu-item:focus:active, .popup-menu-item:hover:active { background-color: rgba(61, 61, 61, 0.2) !important; } .popup-menu-item:checked { background-color: #e8e8e8 !important; } .popup-menu-item:checked { margin-bottom: 0; box-shadow: inset 0 -1px 0 0 #dbdbdb; border-radius: 6px 6px 0 0; } .popup-menu-item:checked:focus, .popup-menu-item:checked:hover { background-color: #d9d9d9 !important; } .popup-menu-item:checked:active { background-color: #d1d1d1 !important; } .popup-menu-item:active { background-color: #d1d1d1; color: #303030; } .popup-menu-item:insensitive { color: rgba(61, 61, 61, 0.5); } .popup-menu-item .toggle-switch:ltr { margin-left: 4px; } .popup-menu-item .toggle-switch:rtl { margin-right: 4px; } .popup-inactive-menu-item { color: #3D3D3D; } .popup-inactive-menu-item:insensitive { color: #9c9c9c; } .popup-menu-arrow, .popup-menu-icon { icon-size: 16px !important; } .popup-sub-menu { background-color: #e8e8e8; border-radius: 0 0 6px 6px; } .popup-sub-menu .popup-menu-ornament { min-width: 1.09em !important; } .popup-sub-menu .popup-menu-item { border-radius: 0; margin: 0; } .popup-sub-menu .popup-menu-item:last-child { border-radius: 0 0 6px 6px; } .popup-sub-menu .popup-menu-item:focus, .popup-sub-menu .popup-menu-item:hover { background-color: rgba(87, 87, 87, 0.1) !important; } .popup-sub-menu .popup-menu-item:checked { background-color: white !important; } .popup-sub-menu .popup-menu-item:checked:focus, .popup-sub-menu .popup-menu-item:checked:hover { background-color: #fdfdfd !important; } .popup-sub-menu .popup-menu-item:active { background-color: rgba(87, 87, 87, 0.2) !important; } .popup-sub-menu .popup-menu-section .popup-menu-item:last-child:hover, .popup-sub-menu .popup-menu-section .popup-menu-item:last-child:focus { border-radius: 0; } .popup-sub-menu .popup-menu-section:last-child .popup-menu-item:last-child { border-radius: 0 0 6px 6px; } .popup-menu-ornament { width: 1.2em; text-align: center !important; } .popup-menu-ornament:ltr { text-align: right; } .popup-menu-ornament:rtl { text-align: left; } .popup-separator-menu-item { margin: 6px 0; padding: 0 !important; } .popup-separator-menu-item:ltr { margin-right: 4px; } .popup-separator-menu-item:rtl { margin-left: 4px; } .popup-separator-menu-item .popup-separator-menu-item-separator { height: 1px; background-color: #c7c7c7; } .popup-separator-menu-item .popup-menu-ornament { width: 0 !important; } .popup-sub-menu .popup-separator-menu-item { background-color: transparent; } .popup-sub-menu .popup-separator-menu-item:ltr { margin-right: 2.5em; } .popup-sub-menu .popup-separator-menu-item:rtl { margin-left: 2.5em; } .popup-sub-menu .popup-separator-menu-item .popup-separator-menu-item-separator { background-color: #d9d9d9; } .background-menu { -boxpointer-gap: 0px; -arrow-rise: 0px; } .aggregate-menu { min-width: 22em; } .aggregate-menu .popup-menu-ornament { width: 0 !important; } .aggregate-menu .popup-menu-icon { -st-icon-style: symbolic; } .aggregate-menu .popup-menu-icon:ltr { margin-right: 8px; } .aggregate-menu .popup-menu-icon:rtl { margin-left: 8px; } .aggregate-menu .popup-sub-menu .popup-menu-item > :first-child:ltr { margin-left: 1em; } .aggregate-menu .popup-sub-menu .popup-menu-item > :first-child:rtl { margin-right: 1em; } .app-menu { max-width: 27.25em; } .app-menu .popup-menu-ornament { width: 0 !important; } .app-menu .popup-inactive-menu-item:first-child > StLabel:ltr { margin-right: 8px; } .app-menu .popup-inactive-menu-item:first-child > StLabel:rtl { margin-left: 8px; } /* Date/Time Menu */ #calendarArea { padding: 4px; } .datemenu-calendar-column { spacing: 6px; } .datemenu-calendar-column:ltr { padding-left: 6px; } .datemenu-calendar-column:rtl { padding-right: 6px; } .datemenu-calendar-column .datemenu-displays-box { spacing: 6px; } /* today button (the date) */ .datemenu-today-button { border-radius: 6px; margin: 4px; box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.1); background-color: transparent; background-color: none; box-shadow: none !important; padding: 9px; } .datemenu-today-button:insensitive { color: rgba(61, 61, 61, 0.5); background-color: rgba(61, 61, 61, 0.05); background-color: transparent; color: rgba(255, 255, 255, 0.5); } .datemenu-today-button:focus { color: #3D3D3D; background-color: #ededed; box-shadow: inset 0 0 0 2px #9d9d7b; } .datemenu-today-button:focus:hover { background-color: #e5e5e5; box-shadow: inset 0 0 0 2px #9d9d7b; } .datemenu-today-button:focus:active { background-color: #dedede; box-shadow: inset 0 0 0 2px #9d9d7b; } .datemenu-today-button:hover { color: #3D3D3D; background-color: #e5e5e5; } .datemenu-today-button:active { color: #3D3D3D; background-color: #dedede; } .datemenu-today-button:insensitive .day-label, .datemenu-today-button:insensitive .date-label { color: #9c9c9c; } /* Calendar */ .calendar { border-radius: 6px; margin: 4px; box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.1); background-color: transparent; background-color: none; box-shadow: none !important; margin-top: 0; } .calendar:insensitive { color: rgba(61, 61, 61, 0.5); background-color: rgba(61, 61, 61, 0.05); background-color: transparent; color: rgba(255, 255, 255, 0.5); } .calendar:focus { color: #3D3D3D; background-color: #ededed; box-shadow: inset 0 0 0 2px #9d9d7b; } .calendar:focus:hover { background-color: #e5e5e5; box-shadow: inset 0 0 0 2px #9d9d7b; } .calendar:focus:active { background-color: #dedede; box-shadow: inset 0 0 0 2px #9d9d7b; } .calendar:hover { color: #3D3D3D; background-color: #e5e5e5; } .calendar:active { color: #3D3D3D; background-color: #dedede; } .calendar .calendar-month-header .calendar-change-month-back StIcon, .calendar .calendar-month-header .calendar-change-month-forward StIcon { icon-size: 1.09em; } .calendar .calendar-month-header .calendar-month-label { color: #4a4a4a; padding: 8px 0; } .calendar .calendar-month-header .pager-button { background-color: transparent; height: 32px; width: 32px; margin: 2px; border-radius: 4px; } .calendar .calendar-month-header .pager-button:hover, .calendar .calendar-month-header .pager-button:focus { background-color: rgba(61, 61, 61, 0.1); } .calendar .calendar-month-header .pager-button:active { background-color: rgba(61, 61, 61, 0.2); } .calendar .calendar-day-base { text-align: center; margin: 2px; padding: 0 !important; height: 3em !important; width: 3em !important; border-radius: 99px; } .calendar .calendar-day-base:hover { background-color: rgba(61, 61, 61, 0.1); } .calendar .calendar-day-base:focus { background-color: #e0e0da; box-shadow: inset 0 0 0 2px rgba(120, 120, 89, 0.6); } .calendar .calendar-day-base:active, .calendar .calendar-day-base:selected { color: #303030; background-color: rgba(61, 61, 61, 0.2); } .calendar .calendar-day-base:active:focus, .calendar .calendar-day-base:selected:focus { background-color: rgba(102, 102, 80, 0.36); } .calendar .calendar-day-base.calendar-day-heading { color: #9c9c9c; padding-top: 6px; height: 16px !important; font-weight: bold; } .calendar .calendar-nonwork-day { color: #9c9c9c; } .calendar .calendar-other-month-day { color: rgba(61, 61, 61, 0.5); } .calendar .calendar-other-month-day.calendar-nonwork-day { color: rgba(156, 156, 156, 0.5); } .calendar .calendar-today { background-color: #787859; font-weight: 800; color: #FFFFFF !important; } .calendar .calendar-today:hover, .calendar .calendar-today:focus { background-color: #818160; color: inherit; } .calendar .calendar-today:active, .calendar .calendar-today:selected { background-color: #787859; color: inherit; } .calendar .calendar-today:active:hover, .calendar .calendar-today:active:focus, .calendar .calendar-today:selected:hover, .calendar .calendar-today:selected:focus { background-color: #818160; color: inherit; } .calendar .calendar-day-with-events { background-image: url("resource:///org/gnome/shell/theme/calendar-today-light.svg"); background-size: contain; } .calendar .calendar-week-number { font-size: 7pt; font-weight: bold; font-feature-settings: "tnum"; margin: 6px; padding: 0 6px; border-radius: 3px; background-color: whitesmoke; color: #9c9c9c; } /* Events */ .events-button { border-radius: 6px; margin: 4px; box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.1); color: #3D3D3D; background-color: #ededed; padding: 12px; } .events-button:focus { color: #3D3D3D; background-color: #ededed; box-shadow: inset 0 0 0 2px #9d9d7b; } .events-button:focus:hover { background-color: #e5e5e5; box-shadow: inset 0 0 0 2px #9d9d7b; } .events-button:focus:active { background-color: #dedede; box-shadow: inset 0 0 0 2px #9d9d7b; } .events-button:hover { color: #3D3D3D; background-color: #e5e5e5; } .events-button:active { color: #3D3D3D; background-color: #dedede; } .events-button .events-box { spacing: 6px; } .events-button .events-list { spacing: 12px; } .events-button .events-title { color: #9c9c9c; margin-bottom: 4px; } .events-button .event-time { color: #9c9c9c; } /* World clocks */ .world-clocks-button { border-radius: 6px; margin: 4px; box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.1); color: #3D3D3D; background-color: #ededed; padding: 12px; } .world-clocks-button:focus { color: #3D3D3D; background-color: #ededed; box-shadow: inset 0 0 0 2px #9d9d7b; } .world-clocks-button:focus:hover { background-color: #e5e5e5; box-shadow: inset 0 0 0 2px #9d9d7b; } .world-clocks-button:focus:active { background-color: #dedede; box-shadow: inset 0 0 0 2px #9d9d7b; } .world-clocks-button:hover { color: #3D3D3D; background-color: #e5e5e5; } .world-clocks-button:active { color: #3D3D3D; background-color: #dedede; } .world-clocks-button .world-clocks-grid { spacing-rows: 6px; spacing-columns: 12px; } .world-clocks-button .world-clocks-header { color: #9c9c9c; } .world-clocks-button .world-clocks-city { color: #3D3D3D; } .world-clocks-button .world-clocks-time { color: #3D3D3D; } .world-clocks-button .world-clocks-time:ltr { text-align: right; } .world-clocks-button .world-clocks-time:rtl { text-align: left; } .world-clocks-button .world-clocks-timezone { color: #9c9c9c; } /* Weather */ .weather-button { border-radius: 6px; margin: 4px; box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.1); color: #3D3D3D; background-color: #ededed; padding: 12px; } .weather-button:focus { color: #3D3D3D; background-color: #ededed; box-shadow: inset 0 0 0 2px #9d9d7b; } .weather-button:focus:hover { background-color: #e5e5e5; box-shadow: inset 0 0 0 2px #9d9d7b; } .weather-button:focus:active { background-color: #dedede; box-shadow: inset 0 0 0 2px #9d9d7b; } .weather-button:hover { color: #3D3D3D; background-color: #e5e5e5; } .weather-button:active { color: #3D3D3D; background-color: #dedede; } .weather-button .weather-box { spacing: 10px; } .weather-button .weather-header-box { spacing: 6px; } .weather-button .weather-header { color: #9c9c9c; } .weather-button .weather-header.location { font-weight: normal; } .weather-button .weather-grid { spacing-rows: 6px; spacing-columns: 12px; } .weather-button .weather-forecast-time { color: black; padding-top: 0.2em; padding-bottom: 0.4em; } .weather-button .weather-forecast-icon { icon-size: 2.18em; } /* Message List */ .message-list { width: 29em; border: solid #c7c7c7; } .message-list:ltr { margin-left: 0; margin-right: 4px; padding-right: 6px; border-right-width: 1px; } .message-list:rtl { margin-right: 0; margin-left: 4px; padding-left: 6px; border-left-width: 1px; } .message-list .message-list-placeholder { color: rgba(156, 156, 156, 0.5); } .message-list .message-list-placeholder > StIcon { icon-size: 3.27em; margin-bottom: 12px; -st-icon-style: symbolic; } .message-list-sections { spacing: 6px; margin: 0; padding-bottom: 6px; } .message-list-sections:ltr { margin-right: 12px; } .message-list-sections:rtl { margin-left: 12px; } .message-list-section, .message-list-section-list { spacing: 6px; } .message-list-controls { padding: 6px; spacing: 6px; } .message-list-controls .dnd-button { border-width: 2px; border-color: transparent; border-radius: 32px; border-style: solid; } .message-list-controls .dnd-button:focus { border-color: #9d9d7b; } .message { border-radius: 6px; margin: 4px; box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.1); color: #3D3D3D; background-color: #ededed; } .message:focus { color: #3D3D3D; background-color: #ededed; box-shadow: inset 0 0 0 2px #9d9d7b; } .message:focus:hover { background-color: #e5e5e5; box-shadow: inset 0 0 0 2px #9d9d7b; } .message:focus:active { background-color: #dedede; box-shadow: inset 0 0 0 2px #9d9d7b; } .message:hover { color: #3D3D3D; background-color: #e5e5e5; } .message:active { color: #3D3D3D; background-color: #dedede; } .message .message-icon-bin { padding: 18px; } .message .message-icon-bin:ltr { padding-right: 6px; } .message .message-icon-bin:rtl { padding-left: 6px; } .message .message-icon-bin > StIcon { icon-size: 2.18em; -st-icon-style: symbolic; } .message .message-icon-bin > .fallback-app-icon { width: 1.09em; height: 1.09em; } .message .message-content { spacing: 4px; padding: 9px; margin-bottom: 8px; } .message .message-title { font-weight: bold; /* HACK: the label should be baseline-aligned with a 1em label, fake this with some bottom padding */ padding-top: 0.57em; } .message .message-secondary-bin { padding: 0 8px; } .message .message-secondary-bin > .event-time { color: rgba(61, 61, 61, 0.5); font-size: 9pt; /* HACK: the label should be baseline-aligned with a 1em label, fake this with some bottom padding */ padding-bottom: 0.13em; } .message .message-secondary-bin > .event-time:ltr { text-align: right; } .message .message-secondary-bin > .event-time:rtl { text-align: left; } .message .message-close-button { color: #3D3D3D; background-color: rgba(61, 61, 61, 0.1); border-radius: 99px; padding: 5px; margin: 1px; } .message .message-close-button:hover { background-color: rgba(61, 61, 61, 0.2); } .message .message-close-button:active { background-color: rgba(61, 61, 61, 0.1); } .message .message-body { color: #242424; } .url-highlighter { link-color: #5b5b43; } /* Media Controls */ .message-media-control { padding: 0 18px; margin: 12px 0; border-radius: 6px; color: #3D3D3D; } .message-media-control:hover { background-color: rgba(74, 74, 74, 0.1); color: #3D3D3D; } .message-media-control:active { background-color: rgba(61, 61, 61, 0.2); color: #3D3D3D; } .message-media-control:insensitive { color: darkgray; } .message-media-control:last-child:ltr { margin-right: 12px; } .message-media-control:last-child:rtl { margin-left: 12px; } .media-message-cover-icon { icon-size: 3.27em !important; border-radius: 6px; } .media-message-cover-icon.fallback { color: #121212; background-color: #FAFAFA; border: 1px solid transparent; border-radius: 6px; icon-size: 2.18em !important; padding: 14px; } .candidate-popup-content { padding: 6px; spacing: 6px; } .candidate-index { padding: 0; padding-right: 6px; color: #9c9c9c; } .candidate-box { padding: 6px 12px 6px 12px; border-radius: 6px; } .candidate-box:selected { background-color: #787859; color: #FFFFFF; } .candidate-box:hover { background-color: rgba(61, 61, 61, 0.1); color: #3D3D3D; } .candidate-page-button-box { height: 2em; } .vertical .candidate-page-button-box { padding-top: 12px; } .horizontal .candidate-page-button-box { padding-left: 12px; } .candidate-page-button { padding: 6px; } .candidate-page-button-previous { border-radius: 6px 0px 0px 6px; border-right-width: 0; box-shadow: none; } .candidate-page-button-next { border-radius: 0px 6px 6px 0px; box-shadow: none; } .candidate-page-button-icon { icon-size: 1.09em; } /* Notifications & Message Tray */ .notification-banner { min-height: 64px; width: 34em; box-shadow: 0 2px 4px 2px rgba(0, 0, 0, 0.1); border-radius: 9px; margin: 4px; background-color: #FAFAFA; } .notification-banner .notification-actions { spacing: 0; } .notification-banner:hover { background-color: whitesmoke; } .notification-banner:active { background-color: #f0f0f0; } .notification-banner, .notification-banner:hover, .notification-banner:focus, .notification-banner:active { box-shadow: 0 0 4px 2px rgba(0, 0, 0, 0.1); border: 1px solid #c7c7c7; } .summary-source-counter { font-size: 10pt; font-weight: bold; height: 1.6em; width: 1.6em; -shell-counter-overlap-x: 3px; -shell-counter-overlap-y: 3px; background-color: #787859; color: #FFFFFF; border: 2px solid #3D3D3D; box-shadow: 0 2px 2px rgba(0, 0, 0, 0.5); border-radius: 0.9em; } .chat-body { spacing: 5px; } .chat-response { margin: 5px; } .chat-log-message { color: #242424; } .chat-new-group { padding-top: 1em; } .chat-received { padding-left: 4px; } .chat-received:rtl { padding-left: 0px; padding-right: 4px; } .chat-sent { padding-left: 18pt; color: #636363; } .chat-sent:rtl { padding-left: 0; padding-right: 18pt; } .chat-meta-message { padding-left: 4px; font-size: 9pt; font-weight: bold; color: #6b6b6b; } .chat-meta-message:rtl { padding-left: 0; padding-right: 4px; } .hotplug-notification-item-icon { icon-size: 24px; padding: 0 4px; } /* Modal Dialogs */ .modal-dialog .modal-dialog-content-box { margin: 32px 40px; spacing: 32px; max-width: 28em; } /* End Session Dialog */ .end-session-dialog { width: 30em; } .end-session-dialog .end-session-dialog-battery-warning, .end-session-dialog .dialog-list-title { color: #f99b11; } /* Message Dialog */ .message-dialog-content { spacing: 18px; } .message-dialog-content .message-dialog-title { text-align: center; } .message-dialog-content .message-dialog-description { text-align: center; } /* Dialog List */ .dialog-list { spacing: 18px; } .dialog-list .dialog-list-title { text-align: center; } .dialog-list .dialog-list-scrollview { max-height: 200px; } .dialog-list .dialog-list-box { spacing: 1em; } .dialog-list .dialog-list-box .dialog-list-item { spacing: 1em; } .dialog-list .dialog-list-box .dialog-list-item .dialog-list-item-title { font-weight: bold; } .dialog-list .dialog-list-box .dialog-list-item .dialog-list-item-description { color: #303030; } /* Run Dialog */ .run-dialog .modal-dialog-content-box { margin-top: 24px; margin-bottom: 14px; } .run-dialog .run-dialog-entry { width: 20em; } .run-dialog .run-dialog-description { text-align: center; color: #0a0a0a; } /* Password or Authentication Dialog */ .prompt-dialog { width: 28em; } .prompt-dialog .modal-dialog-content-box { margin-bottom: 24px; } .prompt-dialog-password-grid { spacing-rows: 8px; spacing-columns: 4px; } .prompt-dialog-password-grid .prompt-dialog-password-entry { width: auto; } .prompt-dialog-password-grid .prompt-dialog-password-entry:ltr { margin-left: 20px; } .prompt-dialog-password-grid .prompt-dialog-password-entry:rtl { margin-right: 20px; } .prompt-dialog-password-layout { spacing: 8px; } .prompt-dialog-password-entry { width: 20em; } .prompt-dialog-error-label, .prompt-dialog-info-label, .prompt-dialog-null-label { text-align: center; } .prompt-dialog-error-label { color: #f99b11; } /* Polkit Dialog */ .polkit-dialog-user-layout { text-align: center; spacing: 8px; margin-bottom: 6px; } .polkit-dialog-user-layout .polkit-dialog-user-root-label { color: #f99b11; } /* Audio selection dialog */ .audio-device-selection-dialog .modal-dialog-content-box { margin-bottom: 28px; } .audio-device-selection-dialog .audio-selection-box { spacing: 20px; } .audio-selection-device { border-radius: 12px; } .audio-selection-device:hover, .audio-selection-device:focus { background-color: rgba(61, 61, 61, 0.1); } .audio-selection-device:active { background-color: #787859; color: #FFFFFF; } .audio-selection-device-box { padding: 20px; spacing: 20px; } .audio-selection-device-icon { icon-size: 4.36em; } /* Welcome dialog */ .welcome-dialog-image { background-image: url("resource:///org/gnome/shell/theme/gnome-shell-start.svg"); background-size: contain; /* Reasonable maximum dimensions */ height: 300px; width: 300px; } /* Select Network dialogs */ .nm-dialog { max-height: 34em; min-height: 31em; min-width: 32em; } .nm-dialog-content { spacing: 20px; padding: 24px; } .nm-dialog-subheader { color: #9c9c9c; } .nm-dialog-header-icon { icon-size: 2.18em; } .nm-dialog-header-hbox { spacing: 10px; } .nm-dialog-scroll-view { padding: 6px; border-radius: 6px; background-color: #ffffff; } .nm-dialog-item { padding: 12px; } .nm-dialog-item:selected { background-color: #787859; border-radius: 3px; color: #FFFFFF; } .nm-dialog-item:hover { background-color: rgba(61, 61, 61, 0.1); } .nm-dialog-icon { icon-size: 1.09em; } .nm-dialog-icons { spacing: 12px; } .no-networks-box { spacing: 6px; } .no-networks-label { color: #9c9c9c; } .nm-dialog-airplane-box { text-align: center; spacing: 12px; } .nm-dialog-airplane-text { color: #9c9c9c; } /* OSD */ .osd-window { text-align: center; font-weight: bold; spacing: 12px; padding: 12px 18px; margin-bottom: 4em; } .osd-window > * { spacing: 8px; } .osd-window StIcon { icon-size: 2.18em; } .osd-window StLabel:ltr { margin-right: 6px; } .osd-window StLabel:rtl { margin-left: 6px; } .osd-window .level { margin-bottom: 4px; height: 6px; min-width: 10.9em; -barlevel-height: 6px; -barlevel-background-color: rgba(238, 238, 236, 0.3); -barlevel-active-background-color: #eeeeec; -barlevel-overdrive-color: #c7162b; -barlevel-overdrive-separator-width: 3px; } .osd-window .level:first-child { margin-bottom: 0px; } .osd-window .level:ltr { margin-right: 6px; } .osd-window .level:rtl { margin-left: 6px; } .osd-monitor-label { border-radius: 12px; font-size: 3em; font-weight: bold; margin: 12px; text-align: center; min-width: 1.3em; } /* Pad OSD */ .pad-osd-window { padding: 32px; background-color: rgba(29, 29, 29, 0.975); color: #eeeeec; } .pad-osd-window .button:insensitive { color: #3D3D3D; } .pad-osd-window .pad-osd-title-box { spacing: 12px; } .pad-osd-window .pad-osd-title-menu-box { spacing: 6px; } .combo-box-label { width: 15em; } /* App Switcher */ .switcher-popup { padding: 0; spacing: 24px; } .switcher-list { padding: 10px; border-radius: 20px; box-shadow: 0 8px 8px 0 rgba(0, 0, 0, 0.1); } .switcher-list .switcher-list-item-container { spacing: 12px; } .switcher-list .item-box { background-color: transparent; } .switcher-list .item-box:hover { background-color: rgba(238, 238, 236, 0.1); } .switcher-list .item-box:selected, .switcher-list .item-box:focus { background-color: rgba(238, 238, 236, 0.13); } .switcher-list .item-box:selected:hover, .switcher-list .item-box:focus:hover { background-color: rgba(238, 238, 236, 0.16); } .switcher-list .item-box:selected:active, .switcher-list .item-box:focus:active { background-color: rgba(238, 238, 236, 0.13); } .switcher-list .item-box:active { background-color: rgba(238, 238, 236, 0.16); } .switcher-list .item-box:outlined, .switcher-list .item-box:checked { background-color: rgba(238, 238, 236, 0.19); } .switcher-list .item-box:outlined:active, .switcher-list .item-box:checked:active { background-color: rgba(238, 238, 236, 0.22); } .switcher-list .item-box:outlined:hover, .switcher-list .item-box:checked:hover { background-color: rgba(238, 238, 236, 0.25); } .switcher-list .item-box:drop { border: 2px solid rgba(120, 120, 89, 0.8); background-color: rgba(120, 120, 89, 0.2); } .switcher-list .item-box:hover { background: none; } .switcher-list .separator { width: 1px; background: #c7c7c7; } .switcher-list .thumbnail-box { padding: 2px; spacing: 6px; } .switcher-list .thumbnail { width: 256px; border-radius: 6px; } .switcher-arrow { border-color: rgba(0, 0, 0, 0); color: rgba(238, 238, 236, 0.8); } .switcher-arrow:highlighted { border-color: #eeeeec; color: #eeeeec; } .input-source-switcher-symbol { font-size: 34pt; width: 96px; height: 96px; } .cycler-highlight { border: 5px solid #787859; } /* Workspace Switcher */ .workspace-switcher { margin-bottom: 4em; spacing: 12px; padding: 12px 18px; } .ws-switcher-indicator { background-color: rgba(238, 238, 236, 0.5); padding: 0.1816666667em; margin: 0.9083333333em; border-radius: 2.18em; } .ws-switcher-indicator:active { background-color: #eeeeec; padding: 0.3633333333em; margin: 0.7266666667em; } .icon-label-button-container { spacing: 6px; } .icon-label-button-container StIcon { icon-size: 32px; } .screenshot-ui-panel { border-radius: 33px; padding: 18px; padding-bottom: 12px; margin-bottom: 4em; spacing: 12px; } .screenshot-ui-close-button { padding: 6px; } .screenshot-ui-close-button.left { margin-left: 8px; } .screenshot-ui-close-button.right { margin-right: 8px; } .screenshot-ui-type-button { padding: 12px 18px !important; border-radius: 15px; } .screenshot-ui-capture-button { width: 36px; height: 36px; border-radius: 99px; border: 4px #eeeeec; padding: 4px; } .screenshot-ui-capture-button .screenshot-ui-capture-button-circle { background-color: #eeeeec; transition-duration: 200ms; border-radius: 99px; } .screenshot-ui-capture-button .screenshot-ui-capture-button-circle:hover, .screenshot-ui-capture-button .screenshot-ui-capture-button-circle:focus { background-color: rgba(61, 61, 61, 0.1); } .screenshot-ui-capture-button:hover .screenshot-ui-capture-button-circle, .screenshot-ui-capture-button:focus .screenshot-ui-capture-button-circle { background-color: #cacac4; } .screenshot-ui-capture-button:active .screenshot-ui-capture-button-circle { background-color: #747467; } .screenshot-ui-capture-button:cast .screenshot-ui-capture-button-circle { background-color: #c7162b; } .screenshot-ui-capture-button:cast:hover .screenshot-ui-capture-button-circle, .screenshot-ui-capture-button:cast:focus .screenshot-ui-capture-button-circle { background-color: #de1930; } .screenshot-ui-capture-button:cast:active .screenshot-ui-capture-button-circle { background-color: #a71224; } .screenshot-ui-shot-cast-container { background-color: rgba(61, 61, 61, 0.1); border-radius: 12px; padding: 3px; spacing: 3px; } .screenshot-ui-shot-cast-container:ltr { margin-left: 3px; } .screenshot-ui-shot-cast-container:rtl { margin-right: 3px; } .screenshot-ui-shot-cast-button { padding: 6px 12px; background-color: transparent; border-radius: 9px; } .screenshot-ui-shot-cast-button:hover, .screenshot-ui-shot-cast-button:focus { background-color: rgba(74, 74, 74, 0.1); } .screenshot-ui-shot-cast-button:active { background-color: rgba(74, 74, 74, 0.2); } .screenshot-ui-shot-cast-button:checked { background-color: white; color: black; } .screenshot-ui-shot-cast-button StIcon { icon-size: 1.09em; } .screenshot-ui-show-pointer-button { border-radius: 99px; padding: 12px !important; } .screenshot-ui-show-pointer-button StIcon { icon-size: 1.09em; } .screenshot-ui-area-indicator-shade { background-color: rgba(0, 0, 0, 0.3); } .screenshot-ui-area-selector .screenshot-ui-area-indicator-shade { background-color: rgba(0, 0, 0, 0.5); } .screenshot-ui-area-selector .screenshot-ui-area-indicator-selection { border: 2px white; } .screenshot-ui-area-selector-handle { border-radius: 99px; background-color: white; box-shadow: 0 1px 3px 2px rgba(0, 0, 0, 0.2); width: 24px; height: 24px; } .screenshot-ui-window-selector { background-color: #222222; } .screenshot-ui-window-selector .screenshot-ui-window-selector-window-container { margin: 100px; } .screenshot-ui-window-selector:primary-monitor .screenshot-ui-window-selector-window-container { margin-bottom: 200px; } .screenshot-ui-window-selector-window-border { transition-duration: 200ms; border-radius: 12px; border: 6px transparent; } .screenshot-ui-window-selector-check { transition-duration: 200ms; color: transparent; border-radius: 99px; border-width: 12px; icon-size: 24px; } .screenshot-ui-window-selector-window:hover .screenshot-ui-window-selector-window-border { border-color: #4c4c38; } .screenshot-ui-window-selector-window:checked .screenshot-ui-window-selector-window-border { border-color: #787859; background-color: rgba(120, 120, 89, 0.2); } .screenshot-ui-window-selector-window:checked .screenshot-ui-window-selector-check { color: #FFFFFF; background-color: #787859; } .screenshot-ui-screen-selector { transition-duration: 200ms; background-color: rgba(0, 0, 0, 0.5); } .screenshot-ui-screen-selector:hover { background-color: rgba(0, 0, 0, 0.3); } .screenshot-ui-screen-selector:active { background-color: rgba(0, 0, 0, 0.7); } .screenshot-ui-screen-selector:checked { background-color: transparent; border: 2px white; } .screenshot-ui-tooltip { color: #eeeeec; background-color: rgba(29, 29, 29, 0.975); border-radius: 99px; padding: 6px 12px; text-align: center; -y-offset: 24px; } /* Top Bar */ #panel { background-color: #131313; font-weight: bold; height: 1.86em; transition-duration: 250ms; } #panel.unlock-screen, #panel.login-screen { background-color: transparent; } #panel .panel-button { font-weight: bold; color: #f2f2f2; -natural-hpadding: 12px; -minimum-hpadding: 6px; transition-duration: 150ms; border: 3px solid transparent; border-radius: 99px; } #panel .panel-button.clock-display .clock { transition-duration: 150ms; border: 3px solid transparent; border-radius: 99px; } #panel .panel-button.screen-recording-indicator { box-shadow: inset 0 0 0 100px #c7162b; } #panel .panel-button.screen-recording-indicator StBoxLayout { spacing: 6px; } #panel .panel-button.screen-recording-indicator StIcon { icon-size: 1.09em; } #panel .panel-button:active, #panel .panel-button:overview, #panel .panel-button:focus, #panel .panel-button:checked { box-shadow: inset 0 0 0 100px rgba(242, 242, 242, 0.2); } #panel .panel-button:active.clock-display, #panel .panel-button:overview.clock-display, #panel .panel-button:focus.clock-display, #panel .panel-button:checked.clock-display { box-shadow: none; } #panel .panel-button:active.clock-display .clock, #panel .panel-button:overview.clock-display .clock, #panel .panel-button:focus.clock-display .clock, #panel .panel-button:checked.clock-display .clock { box-shadow: inset 0 0 0 100px rgba(242, 242, 242, 0.2); } #panel .panel-button:active.screen-recording-indicator, #panel .panel-button:overview.screen-recording-indicator, #panel .panel-button:focus.screen-recording-indicator, #panel .panel-button:checked.screen-recording-indicator { box-shadow: inset 0 0 0 100px rgba(199, 22, 43, 0.85); } #panel .panel-button:hover { box-shadow: inset 0 0 0 100px rgba(242, 242, 242, 0.15); } #panel .panel-button:hover.clock-display { box-shadow: none; } #panel .panel-button:hover.clock-display .clock { box-shadow: inset 0 0 0 100px rgba(242, 242, 242, 0.15); } #panel .panel-button:hover.screen-recording-indicator { box-shadow: inset 0 0 0 100px rgba(199, 22, 43, 0.9); } #panel .panel-button:active:hover, #panel .panel-button:overview:hover, #panel .panel-button:focus:hover, #panel .panel-button:checked:hover { box-shadow: inset 0 0 0 100px rgba(242, 242, 242, 0.25); } #panel .panel-button:active:hover.clock-display, #panel .panel-button:overview:hover.clock-display, #panel .panel-button:focus:hover.clock-display, #panel .panel-button:checked:hover.clock-display { box-shadow: none; } #panel .panel-button:active:hover.clock-display .clock, #panel .panel-button:overview:hover.clock-display .clock, #panel .panel-button:focus:hover.clock-display .clock, #panel .panel-button:checked:hover.clock-display .clock { box-shadow: inset 0 0 0 100px rgba(242, 242, 242, 0.25); } #panel .panel-button:active:hover.screen-recording-indicator, #panel .panel-button:overview:hover.screen-recording-indicator, #panel .panel-button:focus:hover.screen-recording-indicator, #panel .panel-button:checked:hover.screen-recording-indicator { box-shadow: inset 0 0 0 100px rgba(199, 22, 43, 0.8); } #panel .panel-button .system-status-icon { icon-size: 1.09em; padding: 5px; margin: 0 4px; } #panel .panel-button .panel-status-indicators-box .system-status-icon, #panel .panel-button .panel-status-menu-box .system-status-icon { margin: 0; } #panel .panel-button .app-menu-icon { -st-icon-style: symbolic; } #panel .panel-button#panelActivities { -natural-hpadding: 18px; } #panel.unlock-screen .panel-button:active, #panel.unlock-screen .panel-button:overview, #panel.unlock-screen .panel-button:focus, #panel.unlock-screen .panel-button:checked, #panel.login-screen .panel-button:active, #panel.login-screen .panel-button:overview, #panel.login-screen .panel-button:focus, #panel.login-screen .panel-button:checked, #panel:overview .panel-button:active, #panel:overview .panel-button:overview, #panel:overview .panel-button:focus, #panel:overview .panel-button:checked { box-shadow: inset 0 0 0 100px rgba(255, 255, 255, 0.15); } #panel.unlock-screen .panel-button:active.clock-display, #panel.unlock-screen .panel-button:overview.clock-display, #panel.unlock-screen .panel-button:focus.clock-display, #panel.unlock-screen .panel-button:checked.clock-display, #panel.login-screen .panel-button:active.clock-display, #panel.login-screen .panel-button:overview.clock-display, #panel.login-screen .panel-button:focus.clock-display, #panel.login-screen .panel-button:checked.clock-display, #panel:overview .panel-button:active.clock-display, #panel:overview .panel-button:overview.clock-display, #panel:overview .panel-button:focus.clock-display, #panel:overview .panel-button:checked.clock-display { box-shadow: none; } #panel.unlock-screen .panel-button:active.clock-display .clock, #panel.unlock-screen .panel-button:overview.clock-display .clock, #panel.unlock-screen .panel-button:focus.clock-display .clock, #panel.unlock-screen .panel-button:checked.clock-display .clock, #panel.login-screen .panel-button:active.clock-display .clock, #panel.login-screen .panel-button:overview.clock-display .clock, #panel.login-screen .panel-button:focus.clock-display .clock, #panel.login-screen .panel-button:checked.clock-display .clock, #panel:overview .panel-button:active.clock-display .clock, #panel:overview .panel-button:overview.clock-display .clock, #panel:overview .panel-button:focus.clock-display .clock, #panel:overview .panel-button:checked.clock-display .clock { box-shadow: inset 0 0 0 100px rgba(255, 255, 255, 0.15); } #panel.unlock-screen .panel-button:active.screen-recording-indicator, #panel.unlock-screen .panel-button:overview.screen-recording-indicator, #panel.unlock-screen .panel-button:focus.screen-recording-indicator, #panel.unlock-screen .panel-button:checked.screen-recording-indicator, #panel.login-screen .panel-button:active.screen-recording-indicator, #panel.login-screen .panel-button:overview.screen-recording-indicator, #panel.login-screen .panel-button:focus.screen-recording-indicator, #panel.login-screen .panel-button:checked.screen-recording-indicator, #panel:overview .panel-button:active.screen-recording-indicator, #panel:overview .panel-button:overview.screen-recording-indicator, #panel:overview .panel-button:focus.screen-recording-indicator, #panel:overview .panel-button:checked.screen-recording-indicator { box-shadow: inset 0 0 0 100px rgba(199, 22, 43, 0.85); } #panel.unlock-screen .panel-button:hover, #panel.login-screen .panel-button:hover, #panel:overview .panel-button:hover { box-shadow: inset 0 0 0 100px rgba(255, 255, 255, 0.1); } #panel.unlock-screen .panel-button:hover.clock-display, #panel.login-screen .panel-button:hover.clock-display, #panel:overview .panel-button:hover.clock-display { box-shadow: none; } #panel.unlock-screen .panel-button:hover.clock-display .clock, #panel.login-screen .panel-button:hover.clock-display .clock, #panel:overview .panel-button:hover.clock-display .clock { box-shadow: inset 0 0 0 100px rgba(255, 255, 255, 0.1); } #panel.unlock-screen .panel-button:hover.screen-recording-indicator, #panel.login-screen .panel-button:hover.screen-recording-indicator, #panel:overview .panel-button:hover.screen-recording-indicator { box-shadow: inset 0 0 0 100px rgba(199, 22, 43, 0.9); } #panel.unlock-screen .panel-button:active:hover, #panel.unlock-screen .panel-button:overview:hover, #panel.unlock-screen .panel-button:focus:hover, #panel.unlock-screen .panel-button:checked:hover, #panel.login-screen .panel-button:active:hover, #panel.login-screen .panel-button:overview:hover, #panel.login-screen .panel-button:focus:hover, #panel.login-screen .panel-button:checked:hover, #panel:overview .panel-button:active:hover, #panel:overview .panel-button:overview:hover, #panel:overview .panel-button:focus:hover, #panel:overview .panel-button:checked:hover { box-shadow: inset 0 0 0 100px rgba(255, 255, 255, 0.2); } #panel.unlock-screen .panel-button:active:hover.clock-display, #panel.unlock-screen .panel-button:overview:hover.clock-display, #panel.unlock-screen .panel-button:focus:hover.clock-display, #panel.unlock-screen .panel-button:checked:hover.clock-display, #panel.login-screen .panel-button:active:hover.clock-display, #panel.login-screen .panel-button:overview:hover.clock-display, #panel.login-screen .panel-button:focus:hover.clock-display, #panel.login-screen .panel-button:checked:hover.clock-display, #panel:overview .panel-button:active:hover.clock-display, #panel:overview .panel-button:overview:hover.clock-display, #panel:overview .panel-button:focus:hover.clock-display, #panel:overview .panel-button:checked:hover.clock-display { box-shadow: none; } #panel.unlock-screen .panel-button:active:hover.clock-display .clock, #panel.unlock-screen .panel-button:overview:hover.clock-display .clock, #panel.unlock-screen .panel-button:focus:hover.clock-display .clock, #panel.unlock-screen .panel-button:checked:hover.clock-display .clock, #panel.login-screen .panel-button:active:hover.clock-display .clock, #panel.login-screen .panel-button:overview:hover.clock-display .clock, #panel.login-screen .panel-button:focus:hover.clock-display .clock, #panel.login-screen .panel-button:checked:hover.clock-display .clock, #panel:overview .panel-button:active:hover.clock-display .clock, #panel:overview .panel-button:overview:hover.clock-display .clock, #panel:overview .panel-button:focus:hover.clock-display .clock, #panel:overview .panel-button:checked:hover.clock-display .clock { box-shadow: inset 0 0 0 100px rgba(255, 255, 255, 0.2); } #panel.unlock-screen .panel-button:active:hover.screen-recording-indicator, #panel.unlock-screen .panel-button:overview:hover.screen-recording-indicator, #panel.unlock-screen .panel-button:focus:hover.screen-recording-indicator, #panel.unlock-screen .panel-button:checked:hover.screen-recording-indicator, #panel.login-screen .panel-button:active:hover.screen-recording-indicator, #panel.login-screen .panel-button:overview:hover.screen-recording-indicator, #panel.login-screen .panel-button:focus:hover.screen-recording-indicator, #panel.login-screen .panel-button:checked:hover.screen-recording-indicator, #panel:overview .panel-button:active:hover.screen-recording-indicator, #panel:overview .panel-button:overview:hover.screen-recording-indicator, #panel:overview .panel-button:focus:hover.screen-recording-indicator, #panel:overview .panel-button:checked:hover.screen-recording-indicator { box-shadow: inset 0 0 0 100px rgba(199, 22, 43, 0.8); } #panel .panel-status-indicators-box, #panel .panel-status-menu-box { spacing: 2px; } #panel .power-status.panel-status-indicators-box { spacing: 0; } #panel .screencast-indicator, #panel .remote-access-indicator { color: #f99b11; } #appMenu { spacing: 6px; } #appMenu .label-shadow { color: transparent; } #appMenu .panel-status-menu-box { padding: 0 6px; spacing: 6px; } .clock-display-box { spacing: 2px; } .clock-display-box .clock { padding-left: 12px; padding-right: 12px; } /* Activities Ripple */ .ripple-box { background-color: rgba(214, 214, 199, 0.3); box-shadow: 0 0 2px 2px #aaaa8d; width: 52px; height: 52px; border-radius: 0 0 52px 0; } .ripple-box:rtl { border-radius: 0 0 0 52px; } /* OVERVIEW */ .controls-manager, .secondary-monitor-workspaces { spacing: 12px; } #overviewGroup { background-color: #222222; } .overview-controls { padding-bottom: 32px; } /* Window Picker */ .window-picker { spacing: 6px; } .window-caption { color: #eeeeec; background-color: rgba(29, 29, 29, 0.975); border-radius: 99px; padding: 6px 12px; border: 1px solid #464646; } .window-close, .screenshot-ui-close-button { background-color: rgba(55, 55, 55, 0.975); color: #eeeeec; border-radius: 99px; padding: 3px; height: 30px; width: 30px; transition-duration: 300ms; border: 1px solid #464646; } .window-close StIcon, .screenshot-ui-close-button StIcon { icon-size: 24px; } .window-close:hover, .screenshot-ui-close-button:hover { background-color: rgba(67, 67, 67, 0.975); } .window-close:active, .screenshot-ui-close-button:active { background-color: rgba(42, 42, 42, 0.975); } .workspace-background { border-radius: 30px; box-shadow: 0 4px 16px 4px rgba(0, 0, 0, 0.275); } .search-entry { border-radius: 18px; margin-top: 24px; margin-bottom: 12px; padding: 7px 9px; width: 320px; background-color: white; color: rgba(61, 61, 61, 0.7); border: 1px solid #c7c7c7; } .search-entry:hover { background-color: white; border-color: #d4d4d4; color: #3D3D3D; } .search-entry:focus { background-color: white; border-color: #9d9d7b; box-shadow: 0 0 0 1px #9d9d7b inset; color: #3D3D3D; } .search-entry:insensitive { background-color: white; border-color: white; color: #9c9c9c; } .search-entry .search-entry-icon { color: inherit; icon-size: 1.09em; margin-top: 2px; padding: 0 4px; } /* Search */ #searchResults { margin: 0 4px; } #searchResultsContent { max-width: 1072px; } .search-section { spacing: 18px; } .search-section .search-section-separator { height: 8px; background-color: transparent; } .search-section-content { background-color: #1d1d1d; border-radius: 18px; border: 1px solid #464646; color: #eeeeec; padding: 12px; margin: 0 12px; } .list-search-result, .search-provider-icon { background-color: transparent; border-radius: 9px; } .list-search-result:hover, .search-provider-icon:hover { background-color: rgba(238, 238, 236, 0.1); } .list-search-result:selected, .search-provider-icon:selected, .list-search-result:focus, .search-provider-icon:focus { background-color: rgba(238, 238, 236, 0.13); } .list-search-result:selected:hover, .search-provider-icon:selected:hover, .list-search-result:focus:hover, .search-provider-icon:focus:hover { background-color: rgba(238, 238, 236, 0.16); } .list-search-result:selected:active, .search-provider-icon:selected:active, .list-search-result:focus:active, .search-provider-icon:focus:active { background-color: rgba(238, 238, 236, 0.13); } .list-search-result:active, .search-provider-icon:active { background-color: rgba(238, 238, 236, 0.16); } .list-search-result:outlined, .search-provider-icon:outlined, .list-search-result:checked, .search-provider-icon:checked { background-color: rgba(238, 238, 236, 0.19); } .list-search-result:outlined:active, .search-provider-icon:outlined:active, .list-search-result:checked:active, .search-provider-icon:checked:active { background-color: rgba(238, 238, 236, 0.22); } .list-search-result:outlined:hover, .search-provider-icon:outlined:hover, .list-search-result:checked:hover, .search-provider-icon:checked:hover { background-color: rgba(238, 238, 236, 0.25); } .list-search-result:drop, .search-provider-icon:drop { border: 2px solid rgba(120, 120, 89, 0.8); background-color: rgba(120, 120, 89, 0.2); } .grid-search-results { spacing: 30px; margin: 0 12px; } .search-provider-icon:ltr { margin-right: 4px; } .search-provider-icon:rtl { margin-left: 4px; } .search-provider-icon .list-search-provider-content { spacing: 12px; } .search-provider-icon .list-search-provider-content .list-search-provider-details { width: 120px; color: #eeeeec; } .list-search-results { spacing: 6px; } .list-search-result .list-search-result-content { spacing: 6px; } .list-search-result .list-search-result-title { spacing: 12px; } .list-search-result .list-search-result-description { color: #868685; } /* Dash */ #dash { margin-top: 12px; } #dash .placeholder { background-image: none; background-size: contain; height: 32px; } #dash .empty-dash-drop-target { width: 32px; height: 32px; } #dash .app-well-app-running-dot { margin-bottom: 13px; background-color: #787859; } .dash-background { background-color: #1d1d1d; border-radius: 24px; padding: 12px; border: 1px solid #464646; spacing: 6px; margin-bottom: 12px; } .dash-item-container > * { margin: 0 2px; } .dash-item-container:ltr:first-child { margin-left: 0; } .dash-item-container:rtl:first-child { margin-right: 0; } .dash-item-container .app-well-app .overview-icon, .dash-item-container .grid-search-result .overview-icon { padding: 6px; } .dash-item-container .show-apps .overview-icon { background-color: transparent; } .dash-item-container .show-apps:hover .overview-icon { background-color: rgba(238, 238, 236, 0.1); } .dash-item-container .show-apps:selected .overview-icon, .dash-item-container .show-apps:focus .overview-icon { background-color: rgba(238, 238, 236, 0.13); } .dash-item-container .show-apps:selected .overview-icon:hover .overview-icon, .dash-item-container .show-apps:focus .overview-icon:hover .overview-icon { background-color: rgba(238, 238, 236, 0.16); } .dash-item-container .show-apps:selected .overview-icon:active .overview-icon, .dash-item-container .show-apps:focus .overview-icon:active .overview-icon { background-color: rgba(238, 238, 236, 0.13); } .dash-item-container .show-apps:active .overview-icon { background-color: rgba(238, 238, 236, 0.16); } .dash-item-container .show-apps:outlined .overview-icon, .dash-item-container .show-apps:checked .overview-icon { background-color: rgba(238, 238, 236, 0.19); } .dash-item-container .show-apps:outlined .overview-icon:active .overview-icon, .dash-item-container .show-apps:checked .overview-icon:active .overview-icon { background-color: rgba(238, 238, 236, 0.22); } .dash-item-container .show-apps:outlined .overview-icon:hover .overview-icon, .dash-item-container .show-apps:checked .overview-icon:hover .overview-icon { background-color: rgba(238, 238, 236, 0.25); } .dash-item-container .show-apps:drop .overview-icon { border: 2px solid rgba(120, 120, 89, 0.8); background-color: rgba(120, 120, 89, 0.2); } .dash-item-container .show-apps:focus .overview-icon, .dash-item-container .show-apps:active .overview-icon, .dash-item-container .show-apps:checked .overview-icon { background-color: rgba(238, 238, 236, 0.2); } .dash-item-container .show-apps, .dash-item-container .app-well-app, .dash-item-container .grid-search-result { padding-bottom: 12px; } .dash-separator { width: 1px; margin: 0 4px; background-color: #464646; margin-bottom: 12px; } .dash-label { color: #eeeeec; background-color: rgba(29, 29, 29, 0.975); border-radius: 99px; padding: 6px 12px; text-align: center; -y-offset: 8px; border: 1px solid #464646; } /* App Grid */ .icon-grid { row-spacing: 12px; column-spacing: 12px; max-row-spacing: 42px; max-column-spacing: 42px; page-padding-top: 24px; page-padding-bottom: 24px; page-padding-left: 18px; page-padding-right: 18px; } /* App Icons */ .app-well-app .overview-icon, .grid-search-result .overview-icon { background-color: transparent; } .app-well-app:hover .overview-icon, .grid-search-result:hover .overview-icon { background-color: rgba(238, 238, 236, 0.1); } .app-well-app:selected .overview-icon, .grid-search-result:selected .overview-icon, .app-well-app:focus .overview-icon, .grid-search-result:focus .overview-icon { background-color: rgba(238, 238, 236, 0.13); } .app-well-app:selected .overview-icon:hover .overview-icon, .grid-search-result:selected .overview-icon:hover .overview-icon, .app-well-app:focus .overview-icon:hover .overview-icon, .grid-search-result:focus .overview-icon:hover .overview-icon { background-color: rgba(238, 238, 236, 0.16); } .app-well-app:selected .overview-icon:active .overview-icon, .grid-search-result:selected .overview-icon:active .overview-icon, .app-well-app:focus .overview-icon:active .overview-icon, .grid-search-result:focus .overview-icon:active .overview-icon { background-color: rgba(238, 238, 236, 0.13); } .app-well-app:active .overview-icon, .grid-search-result:active .overview-icon { background-color: rgba(238, 238, 236, 0.16); } .app-well-app:outlined .overview-icon, .grid-search-result:outlined .overview-icon, .app-well-app:checked .overview-icon, .grid-search-result:checked .overview-icon { background-color: rgba(238, 238, 236, 0.19); } .app-well-app:outlined .overview-icon:active .overview-icon, .grid-search-result:outlined .overview-icon:active .overview-icon, .app-well-app:checked .overview-icon:active .overview-icon, .grid-search-result:checked .overview-icon:active .overview-icon { background-color: rgba(238, 238, 236, 0.22); } .app-well-app:outlined .overview-icon:hover .overview-icon, .grid-search-result:outlined .overview-icon:hover .overview-icon, .app-well-app:checked .overview-icon:hover .overview-icon, .grid-search-result:checked .overview-icon:hover .overview-icon { background-color: rgba(238, 238, 236, 0.25); } .app-well-app:drop .overview-icon, .grid-search-result:drop .overview-icon { border: 2px solid rgba(120, 120, 89, 0.8); background-color: rgba(120, 120, 89, 0.2); } .app-well-app:focus .overview-icon, .grid-search-result:focus .overview-icon, .app-well-app:active .overview-icon, .grid-search-result:active .overview-icon, .app-well-app:checked .overview-icon, .grid-search-result:checked .overview-icon { background-color: rgba(238, 238, 236, 0.2); } .app-well-app .overview-icon, .grid-search-result .overview-icon { padding: 12px; } .app-well-app .overview-icon.overview-icon-with-label > StBoxLayout, .grid-search-result .overview-icon.overview-icon-with-label > StBoxLayout { spacing: 6px; } .app-well-app.app-folder .overview-icon, .app-folder.grid-search-result .overview-icon { background-color: rgba(238, 238, 236, 0.05); } .app-well-app.app-folder:hover .overview-icon, .app-folder.grid-search-result:hover .overview-icon { background-color: rgba(238, 238, 236, 0.1); } .app-well-app.app-folder:selected .overview-icon, .app-folder.grid-search-result:selected .overview-icon, .app-well-app.app-folder:focus .overview-icon, .app-folder.grid-search-result:focus .overview-icon { background-color: rgba(238, 238, 236, 0.13); } .app-well-app.app-folder:selected .overview-icon:hover .overview-icon, .app-folder.grid-search-result:selected .overview-icon:hover .overview-icon, .app-well-app.app-folder:focus .overview-icon:hover .overview-icon, .app-folder.grid-search-result:focus .overview-icon:hover .overview-icon { background-color: rgba(238, 238, 236, 0.16); } .app-well-app.app-folder:selected .overview-icon:active .overview-icon, .app-folder.grid-search-result:selected .overview-icon:active .overview-icon, .app-well-app.app-folder:focus .overview-icon:active .overview-icon, .app-folder.grid-search-result:focus .overview-icon:active .overview-icon { background-color: rgba(238, 238, 236, 0.13); } .app-well-app.app-folder:active .overview-icon, .app-folder.grid-search-result:active .overview-icon { background-color: rgba(238, 238, 236, 0.16); } .app-well-app.app-folder:outlined .overview-icon, .app-folder.grid-search-result:outlined .overview-icon, .app-well-app.app-folder:checked .overview-icon, .app-folder.grid-search-result:checked .overview-icon { background-color: rgba(238, 238, 236, 0.19); } .app-well-app.app-folder:outlined .overview-icon:active .overview-icon, .app-folder.grid-search-result:outlined .overview-icon:active .overview-icon, .app-well-app.app-folder:checked .overview-icon:active .overview-icon, .app-folder.grid-search-result:checked .overview-icon:active .overview-icon { background-color: rgba(238, 238, 236, 0.22); } .app-well-app.app-folder:outlined .overview-icon:hover .overview-icon, .app-folder.grid-search-result:outlined .overview-icon:hover .overview-icon, .app-well-app.app-folder:checked .overview-icon:hover .overview-icon, .app-folder.grid-search-result:checked .overview-icon:hover .overview-icon { background-color: rgba(238, 238, 236, 0.25); } .app-well-app.app-folder:drop .overview-icon, .app-folder.grid-search-result:drop .overview-icon { border: 2px solid rgba(120, 120, 89, 0.8); background-color: rgba(120, 120, 89, 0.2); } .app-well-app.app-folder:focus .overview-icon, .app-folder.grid-search-result:focus .overview-icon, .app-well-app.app-folder:active .overview-icon, .app-folder.grid-search-result:active .overview-icon, .app-well-app.app-folder:checked .overview-icon, .app-folder.grid-search-result:checked .overview-icon { background-color: rgba(238, 238, 236, 0.2); } .app-folder-dialog { border-radius: 24px; background-color: #1d1d1d; border: 1px solid #464646; } .app-folder-dialog .folder-name-container { padding: 24px 36px 0; spacing: 12px; /* FIXME: this is to keep the label in sync with the entry */ } .app-folder-dialog .folder-name-container .folder-name-label, .app-folder-dialog .folder-name-container .folder-name-entry { color: #eeeeec; } .app-folder-dialog .folder-name-container .folder-name-entry { width: 300px; background-color: rgba(39, 39, 39, 0.975); border-color: rgba(255, 255, 255, 0.16); } .app-folder-dialog .folder-name-container .folder-name-label { padding: 5px 7px; color: #eeeeec; } .app-folder-dialog .folder-name-container .edit-folder-button { padding: 0; width: 36px; height: 36px; border-radius: 99px; } .app-folder-dialog .folder-name-container .edit-folder-button > StIcon { icon-size: 1.09em; } .app-folder-dialog .icon-grid { row-spacing: 12px; column-spacing: 30px; page-padding-top: 0; page-padding-bottom: 0; page-padding-left: 0; page-padding-right: 0; } .app-folder-dialog .page-indicators { margin-bottom: 18px; } .app-folder-dialog-container { padding: 12px; width: 640px; height: 640px; } .app-well-app-running-dot { height: 5px; width: 5px; border-radius: 5px; margin-bottom: 8px; background-color: #787859; } .rename-folder-popup .rename-folder-popup-item { spacing: 6px; } .rename-folder-popup .rename-folder-popup-item:ltr, .rename-folder-popup .rename-folder-popup-item:rtl { padding: 0 12px; } .page-indicator { padding: 6px 12px 0; } .page-indicator .page-indicator-icon { width: 10px; height: 10px; border-radius: 10px; background-color: white; } .apps-scroll-view { padding: 0; } .system-action-icon { background-color: rgba(0, 0, 0, 0.8); color: #fff; border-radius: 99px; icon-size: 48px; } .page-navigation-hint { width: 300px; } .page-navigation-hint.dnd { background: rgba(255, 255, 255, 0.1); } .page-navigation-hint.next:ltr, .page-navigation-hint.previous:rtl { background-gradient-start: rgba(255, 255, 255, 0.05); background-gradient-end: transparent; background-gradient-direction: horizontal; border-radius: 18px 0px 0px 18px; } .page-navigation-hint.previous:ltr, .page-navigation-hint.next:rtl { background-gradient-start: transparent; background-gradient-end: rgba(255, 255, 255, 0.05); background-gradient-direction: horizontal; border-radius: 0px 18px 18px 0px; } .page-navigation-arrow { margin: 6px; width: 24px; height: 24px; color: #eeeeec; } /* Workspace pager */ .workspace-thumbnails { visible-width: 32px; spacing: 6px; padding: 6px; border-color: transparent; } .workspace-thumbnails .workspace-thumbnail { border-radius: 3px; background-color: #1d1d1d; border: 1px solid #464646; } .workspace-thumbnails .placeholder { background-image: url("resource:///org/gnome/shell/theme/workspace-placeholder.svg"); background-size: contain; width: 18px; } .workspace-thumbnail-indicator { border: 2px solid #9d9d7b; border-radius: 3px; padding: 0px; } .ripple-pointer-location { width: 50px; height: 50px; border-radius: 25px; background-color: rgba(192, 192, 170, 0.3); box-shadow: 0 0 2px 2px #aaaa8d; } .pie-timer { width: 60px; height: 60px; -pie-border-width: 3px; -pie-border-color: #787859; -pie-background-color: rgba(214, 214, 199, 0.3); } .magnifier-zoom-region { border: 2px solid #787859; } .magnifier-zoom-region.full-screen { border-width: 0; } .select-area-rubberband { background-color: rgba(135, 135, 135, 0.2); border: 1px solid rgba(204, 204, 204, 0.8); } .user-icon { /* Yaru: See commit 3d4aca768250 */ background-size: contain; color: #3D3D3D; border-radius: 99px; icon-size: 4.36em; } .user-icon:hover { color: #8a8a8a; } .user-icon StIcon { background-color: rgba(61, 61, 61, 0.05); border-radius: 99px; padding: 12px; width: 2.725em; height: 2.725em; } .user-icon.user-avatar { border: 2px #eeeeec; } .user-widget.vertical .user-icon { icon-size: 6.54em; } .user-widget.vertical .user-icon StIcon { padding: 20px; padding-top: 18px; padding-bottom: 22px; width: 5.995em; height: 5.995em; /* Yaru: See commit 3d4aca768250 */ } .lightbox { background-color: black; } .flashspot { background-color: white; } .hidden { color: rgba(0, 0, 0, 0); } .caps-lock-warning-label { text-align: center; padding-bottom: 8px; color: #f99b11; } /* Workspace animation */ .workspace-animation { background-color: #222222; } /* Tiled window previews */ .tile-preview { background-color: rgba(120, 120, 89, 0.5); border: 1px solid #787859; } /* On-screen Keyboard */ #keyboard { background-color: rgba(237, 237, 237, 0.9); } #keyboard .page-indicator { padding: 6px; } #keyboard .page-indicator .page-indicator-icon { width: 8px; height: 8px; } .key-container { padding: 4px; spacing: 4px; } .keyboard-key { font-size: 16pt; font-weight: bold; min-height: 1.2em; min-width: 1.2em; border-width: 1px; border-style: solid; border-radius: 10px; box-shadow: 0 1px 0 0 rgba(0, 0, 0, 0.1); color: #3D3D3D; background-color: white; } .keyboard-key:focus { color: #3D3D3D; background-color: #f2f2ee; box-shadow: inset 0 0 0 2px rgba(120, 120, 89, 0.6); } .keyboard-key:focus:hover { background-color: #f2f2ee; box-shadow: inset 0 0 0 2px rgba(120, 120, 89, 0.7); } .keyboard-key:focus:active { background-color: #f2f2ee; box-shadow: inset 0 0 0 2px rgba(120, 120, 89, 0.7); } .keyboard-key:hover { color: #3D3D3D; background-color: #fafafa; } .keyboard-key:active { color: #3D3D3D; background-color: #f2f2f2; } .keyboard-key:checked { color: #3D3D3D; background-color: #ebebeb; } .keyboard-key:grayed { background-color: #f2f2f2; color: #3D3D3D; border-color: rgba(0, 0, 0, 0.7); } .keyboard-key.default-key { color: #3D3D3D; background-color: white; border-radius: 10px; } .keyboard-key.default-key:hover { color: #3D3D3D; background-color: #fafafa; } .keyboard-key.default-key:active { color: #3D3D3D; background-color: #f2f2f2; } .keyboard-key.default-key:checked { color: #3D3D3D; background-color: #ebebeb; } .keyboard-key.enter-key { color: #FFFFFF; background-color: #12a929; border-radius: 10px; color: #eeeeec; } .keyboard-key.enter-key:hover { color: #FFFFFF; background-color: #11a027; } .keyboard-key.enter-key:active { color: #FFFFFF; background-color: #0f9223; } .keyboard-key.enter-key:checked { color: #FFFFFF; background-color: #0e8420; } .keyboard-key.shift-key-uppercase { background-color: #dedede; color: #3D3D3D; } .keyboard-key.shift-key-uppercase:hover { background-color: #d6d6d6; } .keyboard-key StIcon { icon-size: 24px; } .keyboard-subkeys { -arrow-border-radius: 12px; -arrow-background-color: rgba(237, 237, 237, 0.9); -arrow-border-width: 1px; -arrow-border-color: #c7c7c7; -arrow-base: 20px; -arrow-rise: 10px; -boxpointer-gap: 6px; padding: 6px; } .keyboard-subkeys .keyboard-key { color: #3D3D3D; background-color: white; border-radius: 10px; } .keyboard-subkeys .keyboard-key:focus { color: #3D3D3D; background-color: #f2f2ee; box-shadow: inset 0 0 0 2px rgba(120, 120, 89, 0.6); } .keyboard-subkeys .keyboard-key:focus:hover { background-color: #f2f2ee; box-shadow: inset 0 0 0 2px rgba(120, 120, 89, 0.7); } .keyboard-subkeys .keyboard-key:focus:active { background-color: #f2f2ee; box-shadow: inset 0 0 0 2px rgba(120, 120, 89, 0.7); } .keyboard-subkeys .keyboard-key:hover { color: #3D3D3D; background-color: #fafafa; } .keyboard-subkeys .keyboard-key:active { color: #3D3D3D; background-color: #f2f2f2; } .keyboard-subkeys .keyboard-key:checked { color: #3D3D3D; background-color: #ebebeb; } .emoji-page .keyboard-key { background-color: transparent; border: none; color: initial; } .emoji-panel .keyboard-key:latched { border-color: #878764; background-color: #787859; } .word-suggestions { font-size: 14pt; spacing: 12px; min-height: 20pt; padding: 12px; color: #3D3D3D; } .word-suggestions StButton { margin: 0 3px; min-width: 32px; border-radius: 4px; padding: 6px 18px; background-color: transparent; background-image: none; } .word-suggestions StButton:focus { color: #3D3D3D; background-color: #f2f2ee; box-shadow: inset 0 0 0 2px rgba(120, 120, 89, 0.6); } .word-suggestions StButton:focus:hover { background-color: #f2f2ee; box-shadow: inset 0 0 0 2px rgba(120, 120, 89, 0.7); } .word-suggestions StButton:focus:active { background-color: #f2f2ee; box-shadow: inset 0 0 0 2px rgba(120, 120, 89, 0.7); } .word-suggestions StButton:hover { color: #3D3D3D; background-color: #fafafa; } .word-suggestions StButton:active { color: #3D3D3D; background-color: #f2f2f2; } .word-suggestions StButton:checked { color: #3D3D3D; background-color: #ebebeb; } /* Looking Glass */ #LookingGlassDialog { background-color: rgba(29, 29, 29, 0.975); border-radius: 0 0 12px 12px; border-top-width: 0; border: 1px solid rgba(255, 255, 255, 0.16); color: #eeeeec; padding: 6px; spacing: 6px; box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.1); } #LookingGlassDialog > #Toolbar { border: none; padding: 6px; border-radius: 0; background-color: transparent; spacing: 6px; } #LookingGlassDialog > #Toolbar .lg-toolbar-button { padding: 6px 12px; } #LookingGlassDialog > #Toolbar .lg-toolbar-button > StIcon { icon-size: 1.09em; } #LookingGlassDialog .labels { spacing: 6px; } #LookingGlassDialog .notebook-tab { -natural-hpadding: 12px; -minimum-hpadding: 12px; font-weight: bold; padding: 6px 12px; color: #cacac4; transition-duration: 100ms; box-shadow: none; border: none; border-radius: 4px; background-color: transparent; } #LookingGlassDialog .notebook-tab:hover { color: #eeeeec; background-color: rgba(238, 238, 236, 0.05); } #LookingGlassDialog .notebook-tab:selected { color: #eeeeec; background-color: rgba(238, 238, 236, 0.1); } #LookingGlassDialog StBoxLayout#EvalBox { padding: 4px; spacing: 6px; padding: 6px; } #LookingGlassDialog StBoxLayout#ResultsArea { spacing: 6px; padding: 6px; } .lg-dialog { color: #eeeeec; } .lg-dialog StEntry { background-color: rgba(42, 42, 42, 0.575); color: #eeeeec; border-color: rgba(238, 238, 236, 0.2); min-height: 22px; selection-background-color: #787859; selected-color: #FFFFFF; } .lg-dialog StEntry, .lg-dialog StEntry:focus { box-shadow: none; } .lg-dialog .shell-link { color: #5b5b43; } .lg-dialog .shell-link:hover { color: #787859; } .lg-dialog .shell-link:active { color: #3d3d2e; } .lg-dialog .actor-link { color: #9c9c9c; } .lg-dialog .actor-link:hover { color: #cfcfcf; } .lg-dialog .actor-link:active { color: dimgray; } .lg-completions-text { font-style: italic; color: #eeeeec; } .lg-obj-inspector-title { spacing: 6px; color: #eeeeec; } .lg-obj-inspector-button { border: 1px solid rgba(0, 0, 0, 0.7); padding: 4px; border-radius: 6px; color: #eeeeec; } .lg-obj-inspector-button:hover { border: 1px solid #ffffff; } #lookingGlassExtensions { padding: 6px; } .lg-extensions-list { padding: 6px; spacing: 6px; } .lg-extension { padding: 12px; border-radius: 6px; margin: 4px; box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.1); color: #3D3D3D; background-color: #ededed; } .lg-extension:focus { color: #3D3D3D; background-color: #ededed; box-shadow: inset 0 0 0 2px #9d9d7b; } .lg-extension:focus:hover { background-color: #e5e5e5; box-shadow: inset 0 0 0 2px #9d9d7b; } .lg-extension:focus:active { background-color: #dedede; box-shadow: inset 0 0 0 2px #9d9d7b; } .lg-extension:hover { color: #3D3D3D; background-color: #e5e5e5; } .lg-extension:active { color: #3D3D3D; background-color: #dedede; } .lg-extension-meta { spacing: 6px; } #LookingGlassPropertyInspector { background: rgba(29, 29, 29, 0.975); border: 1px solid rgba(0, 0, 0, 0.7); border-radius: 6px; padding: 6px; } .lg-debug-flag-button { color: #3D3D3D; } .lg-debug-flag-button StLabel { padding: 6px, 12px; } .lg-debug-flag-button:hover { color: #707070; } .lg-debug-flag-button:active { color: #0a0a0a; } .lg-debug-flags-header { padding-top: 12px; padding: 6px; } /* Login Dialog */ .login-dialog-banner-view { padding-top: 24px; max-width: 23em; } .login-dialog, .unlock-dialog { border: none; background-color: transparent; } .login-dialog .modal-dialog-button-box, .unlock-dialog .modal-dialog-button-box { spacing: 3px; } .login-dialog .modal-dialog-button, .unlock-dialog .modal-dialog-button { padding: 4px 18px; box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2); background-color: #ffffff; border-color: #c7c7c7; color: #3D3D3D; } .login-dialog .modal-dialog-button:hover, .unlock-dialog .modal-dialog-button:hover { background-color: #d9d9d9; } .login-dialog .modal-dialog-button:focus, .unlock-dialog .modal-dialog-button:focus { border-color: #9d9d7b; box-shadow: inset 0 0 0 1px #9d9d7b; } .login-dialog .modal-dialog-button:active, .unlock-dialog .modal-dialog-button:active { box-shadow: none; background-color: #bfbfbf; color: rgba(238, 238, 236, 0.7); } .login-dialog .modal-dialog-button:default, .unlock-dialog .modal-dialog-button:default { background-color: #787859; color: #FFFFFF; } .login-dialog .modal-dialog-button:default:focus, .unlock-dialog .modal-dialog-button:default:focus { box-shadow: inset 0 0 0 2px rgba(120, 120, 89, 0.6); } .login-dialog .modal-dialog-button:default:hover, .login-dialog .modal-dialog-button:default:focus, .unlock-dialog .modal-dialog-button:default:hover, .unlock-dialog .modal-dialog-button:default:focus { background-color: #878764; color: white; } .login-dialog .modal-dialog-button:default:active, .unlock-dialog .modal-dialog-button:default:active { background-color: #64644a; color: #ededed; } .login-dialog .modal-dialog-button:default:insensitive, .unlock-dialog .modal-dialog-button:default:insensitive { color: rgba(61, 61, 61, 0.5); background-color: rgba(61, 61, 61, 0.05); background-color: rgba(120, 120, 89, 0.5); color: rgba(255, 255, 255, 0.5); } .login-dialog .cancel-button, .login-dialog .switch-user-button, .login-dialog .login-dialog-session-list-button, .unlock-dialog .cancel-button, .unlock-dialog .switch-user-button, .unlock-dialog .login-dialog-session-list-button { padding: 0; border-radius: 99px; width: 2.18em; height: 2.18em; } .login-dialog .cancel-button StIcon, .login-dialog .switch-user-button StIcon, .login-dialog .login-dialog-session-list-button StIcon, .unlock-dialog .cancel-button StIcon, .unlock-dialog .switch-user-button StIcon, .unlock-dialog .login-dialog-session-list-button StIcon { icon-size: 1.09em; } .login-dialog .caps-lock-warning-label, .login-dialog .login-dialog-message, .unlock-dialog .caps-lock-warning-label, .unlock-dialog .login-dialog-message { color: #eeeeec; } .login-dialog-logo-bin { padding: 24px 0px; } .login-dialog-banner { color: #d6d6d1; } .login-dialog-button-box { width: 23em; spacing: 5px; } .login-dialog-message { text-align: center; } .login-dialog-user-selection-box { padding: 100px 0px; } .login-dialog-not-listed-label { padding-left: 2px; } .login-dialog-not-listed-button:focus .login-dialog-not-listed-label, .login-dialog-not-listed-button:hover .login-dialog-not-listed-label { color: #eeeeec; } .login-dialog-not-listed-label { font-weight: bold; color: #a6a69b; padding-top: 1em; } .login-dialog-auth-list-view { -st-vfade-offset: 1em; } .login-dialog-auth-list { spacing: 6px; margin-left: 2em; } .login-dialog-auth-list-title { margin-left: 2em; } .login-dialog-auth-list-item { border-radius: 10px; padding: 6px; color: #a6a69b; } .login-dialog-auth-list-item:focus, .login-dialog-auth-list-item:selected { background-color: #787859; color: #FFFFFF; } .login-dialog-auth-list-label { font-size: 13pt; font-weight: bold; padding-left: 15px; } .login-dialog-auth-list-label:ltr { padding-left: 14px; text-align: left; } .login-dialog-auth-list-label:rtl { padding-right: 14px; text-align: right; } .login-dialog-user-list-view { -st-vfade-offset: 1em; } .login-dialog-user-list { spacing: 12px; width: 23em; } .login-dialog-user-list:expanded .login-dialog-user-list-item:selected { background-color: rgba(255, 255, 255, 0.1); color: #FFFFFF; } .login-dialog-user-list:expanded .login-dialog-user-list-item:logged-in { border-right: 2px solid rgba(255, 255, 255, 0.1); } .login-dialog-user-list-item { border-radius: 10px; padding: 6px; color: #a6a69b; } .login-dialog-user-list-item:ltr .user-widget { padding-right: 1em; } .login-dialog-user-list-item:rtl .user-widget { padding-left: 1em; } .login-dialog-user-list-item .login-dialog-timed-login-indicator { height: 2px; margin-top: 6px; background-color: #eeeeec; } .login-dialog-user-list-item:focus .login-dialog-timed-login-indicator { background-color: #FFFFFF; } .user-widget-label { color: #eeeeec; } .user-widget.horizontal .user-widget-label { font-size: 13pt; font-weight: bold; padding-left: 15px; } .user-widget.horizontal .user-widget-label:ltr { padding-left: 14px; text-align: left; } .user-widget.horizontal .user-widget-label:rtl { padding-right: 14px; text-align: right; } .user-widget.vertical .user-widget-label { font-size: 16pt; text-align: center; font-weight: normal; padding-top: 16px; } .login-dialog-timed-login-indicator { height: 2px; background-color: black; } .login-dialog-prompt-layout { padding-top: 24px; padding-bottom: 12px; spacing: 12px; width: 23em; } .login-dialog-prompt-entry { height: 1.5em; } .login-dialog-prompt-label { color: #bebeb6; font-size: 12pt; padding-top: 1em; } .unlock-dialog StEntry { border: none !important; } .unlock-dialog StEntry, .unlock-dialog StEntry:focus { color: #F7F7F7; background-color: rgba(247, 247, 247, 0.1); box-shadow: none; } .unlock-dialog StEntry:insensitive { color: rgba(247, 247, 247, 0.5); background-color: rgba(247, 247, 247, 0.05); } .unlock-dialog StEntry StLabel.hint-text { color: rgba(247, 247, 247, 0.7); } .unlock-dialog .user-icon { background-color: rgba(247, 247, 247, 0.1); color: #F7F7F7; } .unlock-dialog .cancel-button, .unlock-dialog .switch-user-button, .unlock-dialog .login-dialog-session-list-button { border-color: transparent; background-color: rgba(247, 247, 247, 0.1); box-shadow: none; } .unlock-dialog .cancel-button, .unlock-dialog .cancel-button:hover, .unlock-dialog .cancel-button:focus, .unlock-dialog .cancel-button:active, .unlock-dialog .switch-user-button, .unlock-dialog .switch-user-button:hover, .unlock-dialog .switch-user-button:focus, .unlock-dialog .switch-user-button:active, .unlock-dialog .login-dialog-session-list-button, .unlock-dialog .login-dialog-session-list-button:hover, .unlock-dialog .login-dialog-session-list-button:focus, .unlock-dialog .login-dialog-session-list-button:active { color: #F7F7F7; } .unlock-dialog .cancel-button:hover, .unlock-dialog .cancel-button:focus, .unlock-dialog .switch-user-button:hover, .unlock-dialog .switch-user-button:focus, .unlock-dialog .login-dialog-session-list-button:hover, .unlock-dialog .login-dialog-session-list-button:focus { background-color: rgba(247, 247, 247, 0.15); } .unlock-dialog .cancel-button:active, .unlock-dialog .switch-user-button:active, .unlock-dialog .login-dialog-session-list-button:active { background-color: rgba(247, 247, 247, 0.2); } /* Screen Shield */ .unlock-dialog-clock { color: white; font-weight: 300; text-align: center; spacing: 24px; padding-bottom: 2.5em; } .unlock-dialog-clock-time { font-size: 64pt; padding-top: 42px; } .unlock-dialog-clock-date { font-size: 16pt; font-weight: normal; } .unlock-dialog-clock-hint { font-weight: normal; padding-top: 48px; } .unlock-dialog-notifications-container { margin: 12px; spacing: 6px; width: 23em; background-color: transparent; } .unlock-dialog-notifications-container .summary-notification-stack-scrollview { padding-top: 0; padding-bottom: 0; } .unlock-dialog-notifications-container .notification, .unlock-dialog-notifications-container .unlock-dialog-notification-source { padding: 12px 16px; border: none; background-color: rgba(238, 238, 236, 0.1); color: #eeeeec; border-radius: 12px; } .unlock-dialog-notifications-container .notification.critical, .unlock-dialog-notifications-container .unlock-dialog-notification-source.critical { background-color: rgba(238, 238, 236, 0.2); } .unlock-dialog-notification-label { padding: 0 0 0 12px; } .unlock-dialog-notification-count-text { font-weight: bold; padding: 0 12px; color: #eeeeec; background-color: rgba(238, 238, 236, 0.1); border-radius: 99px; } .screen-shield-background { background: black; box-shadow: 0 2px 4px rgba(0, 0, 0, 0.6); } #lockDialogGroup { background-color: #222222; } #unlockDialogNotifications StButton#vhandle, #unlockDialogNotifications StButton#hhandle { background-color: rgba(250, 250, 250, 0.3); } #unlockDialogNotifications StButton#vhandle:hover, #unlockDialogNotifications StButton#vhandle:focus, #unlockDialogNotifications StButton#hhandle:hover, #unlockDialogNotifications StButton#hhandle:focus { background-color: rgba(250, 250, 250, 0.5); } #unlockDialogNotifications StButton#vhandle:active, #unlockDialogNotifications StButton#hhandle:active { background-color: rgba(120, 120, 89, 0.5); } * { font-weight: normal !important; text-shadow: none !important; } .file-item { border-radius: 6px; } /* Default Ubuntu Dock styling, append !important to any changed rules This must be in sync with - https://github.com/micheleg/dash-to-dock/blob/ubuntu-dock/_stylesheet.scss */ #dashtodockContainer.bottom #dash { margin: 0px; padding: 0px; } #dashtodockContainer.bottom #dash .dash-background { margin: 0; margin-bottom: 4px; padding: 0; border-radius: 18px; spacing: 6px; } #dashtodockContainer.bottom #dash .dash-separator { background-color: #c7c7c7; margin: 0 4px; width: 1px; height: 0; margin-bottom: 4px; } #dashtodockContainer.bottom #dash #dashtodockDashContainer { padding: 10px; padding-bottom: 0; padding-top: 0; } #dashtodockContainer.bottom #dash .dash-item-container { /* Disable all margins defined upstream, we handle them here */ margin: 0 2px; } #dashtodockContainer.bottom #dash .dash-item-container > * { margin: 0; } #dashtodockContainer.bottom #dash .dash-item-container:ltr:first-child, #dashtodockContainer.bottom #dash .dash-item-container:rtl:last-child { margin-left: 0; } #dashtodockContainer.bottom #dash .dash-item-container:ltr:last-child, #dashtodockContainer.bottom #dash .dash-item-container:rtl:first-child { margin-right: 0; } #dashtodockContainer.bottom #dash .dash-item-container .app-well-app, #dashtodockContainer.bottom #dash .dash-item-container .grid-search-result, #dashtodockContainer.bottom #dash .dash-item-container .show-apps { padding: 2px 2px; padding-bottom: 14px; padding-top: 10px; } #dashtodockContainer.bottom #dash .dash-item-container .app-well-app:ltr:first-child, #dashtodockContainer.bottom #dash .dash-item-container .grid-search-result:ltr:first-child, #dashtodockContainer.bottom #dash .dash-item-container .app-well-app:rtl:last-child, #dashtodockContainer.bottom #dash .dash-item-container .grid-search-result:rtl:last-child, #dashtodockContainer.bottom #dash .dash-item-container .show-apps:ltr:first-child, #dashtodockContainer.bottom #dash .dash-item-container .show-apps:rtl:last-child { padding-left: 0; } #dashtodockContainer.bottom #dash .dash-item-container .app-well-app:ltr:last-child, #dashtodockContainer.bottom #dash .dash-item-container .grid-search-result:ltr:last-child, #dashtodockContainer.bottom #dash .dash-item-container .app-well-app:rtl:first-child, #dashtodockContainer.bottom #dash .dash-item-container .grid-search-result:rtl:first-child, #dashtodockContainer.bottom #dash .dash-item-container .show-apps:ltr:last-child, #dashtodockContainer.bottom #dash .dash-item-container .show-apps:rtl:first-child { padding-right: 0; } #dashtodockContainer.bottom #dash .dash-item-container .app-well-app.running .overview-icon, #dashtodockContainer.bottom #dash .dash-item-container .running.grid-search-result .overview-icon { background-image: none; } #dashtodockContainer.bottom #dash .dash-item-container .app-well-app.focused .overview-icon, #dashtodockContainer.bottom #dash .dash-item-container .focused.grid-search-result .overview-icon { background-color: rgba(238, 238, 236, 0.2); } #dashtodockContainer.bottom #dash .dash-item-container .app-well-app .app-well-app-running-dot, #dashtodockContainer.bottom #dash .dash-item-container .grid-search-result .app-well-app-running-dot { margin-bottom: 2px; } #dashtodockContainer.bottom #dash .dash-item-container > StButton { transition-duration: 250; background-size: contain; } #dashtodockContainer.bottom.fixed #dash .dash-background { margin-top: 4px; } #dashtodockContainer.bottom.fixed #dash .dash-item-container .app-well-app, #dashtodockContainer.bottom.fixed #dash .dash-item-container .grid-search-result, #dashtodockContainer.bottom.fixed #dash .dash-item-container .show-apps { padding-top: 14px; } .dash-label.bottom { margin-bottom: 10px; -x-offset: 0; -y-offset: 0; } #dashtodockContainer.bottom.shrink #dash { margin: 0px; padding: 0px; } #dashtodockContainer.bottom.shrink #dash .dash-background { margin: 0; margin-bottom: 4px; padding: 0; border-radius: 14px; spacing: 2px; } #dashtodockContainer.bottom.shrink #dash .dash-separator { background-color: #c7c7c7; margin: 0 1px; width: 1px; height: 0; margin-bottom: 4px; } #dashtodockContainer.bottom.shrink #dash #dashtodockDashContainer { padding: 3px; padding-bottom: 0; padding-top: 0; } #dashtodockContainer.bottom.shrink #dash .dash-item-container { /* Disable all margins defined upstream, we handle them here */ margin: 0 2px; } #dashtodockContainer.bottom.shrink #dash .dash-item-container > * { margin: 0; } #dashtodockContainer.bottom.shrink #dash .dash-item-container:ltr:first-child, #dashtodockContainer.bottom.shrink #dash .dash-item-container:rtl:last-child { margin-left: 0; } #dashtodockContainer.bottom.shrink #dash .dash-item-container:ltr:last-child, #dashtodockContainer.bottom.shrink #dash .dash-item-container:rtl:first-child { margin-right: 0; } #dashtodockContainer.bottom.shrink #dash .dash-item-container .app-well-app, #dashtodockContainer.bottom.shrink #dash .dash-item-container .grid-search-result, #dashtodockContainer.bottom.shrink #dash .dash-item-container .show-apps { padding: 1px 1px; padding-bottom: 7px; padding-top: 3px; } #dashtodockContainer.bottom.shrink #dash .dash-item-container .app-well-app:ltr:first-child, #dashtodockContainer.bottom.shrink #dash .dash-item-container .grid-search-result:ltr:first-child, #dashtodockContainer.bottom.shrink #dash .dash-item-container .app-well-app:rtl:last-child, #dashtodockContainer.bottom.shrink #dash .dash-item-container .grid-search-result:rtl:last-child, #dashtodockContainer.bottom.shrink #dash .dash-item-container .show-apps:ltr:first-child, #dashtodockContainer.bottom.shrink #dash .dash-item-container .show-apps:rtl:last-child { padding-left: 0; } #dashtodockContainer.bottom.shrink #dash .dash-item-container .app-well-app:ltr:last-child, #dashtodockContainer.bottom.shrink #dash .dash-item-container .grid-search-result:ltr:last-child, #dashtodockContainer.bottom.shrink #dash .dash-item-container .app-well-app:rtl:first-child, #dashtodockContainer.bottom.shrink #dash .dash-item-container .grid-search-result:rtl:first-child, #dashtodockContainer.bottom.shrink #dash .dash-item-container .show-apps:ltr:last-child, #dashtodockContainer.bottom.shrink #dash .dash-item-container .show-apps:rtl:first-child { padding-right: 0; } #dashtodockContainer.bottom.shrink #dash .dash-item-container .app-well-app.running .overview-icon, #dashtodockContainer.bottom.shrink #dash .dash-item-container .running.grid-search-result .overview-icon { background-image: none; } #dashtodockContainer.bottom.shrink #dash .dash-item-container .app-well-app.focused .overview-icon, #dashtodockContainer.bottom.shrink #dash .dash-item-container .focused.grid-search-result .overview-icon { background-color: rgba(238, 238, 236, 0.2); } #dashtodockContainer.bottom.shrink #dash .dash-item-container .app-well-app .app-well-app-running-dot, #dashtodockContainer.bottom.shrink #dash .dash-item-container .grid-search-result .app-well-app-running-dot { margin-bottom: 2px; } #dashtodockContainer.bottom.shrink #dash .dash-item-container > StButton { transition-duration: 250; background-size: contain; } #dashtodockContainer.bottom.shrink.fixed #dash .dash-background { margin-top: 1px; } #dashtodockContainer.bottom.shrink.fixed #dash .dash-item-container .app-well-app, #dashtodockContainer.bottom.shrink.fixed #dash .dash-item-container .grid-search-result, #dashtodockContainer.bottom.shrink.fixed #dash .dash-item-container .show-apps { padding-top: 4px; } .dash-label.bottom.shrink { margin-bottom: 3px; -x-offset: 0; -y-offset: 0; } #dashtodockContainer.bottom.extended #dash { margin: 0px; padding: 0px; } #dashtodockContainer.bottom.extended #dash .dash-background { margin: 0; margin-bottom: 0; padding: 0; border-radius: 0; spacing: 6px; } #dashtodockContainer.bottom.extended #dash .dash-separator { background-color: #c7c7c7; margin: 0 4px; width: 1px; height: 0; margin-bottom: 0; } #dashtodockContainer.bottom.extended #dash #dashtodockDashContainer { padding: 0; padding-bottom: 0; padding-top: 0; } #dashtodockContainer.bottom.extended #dash #dashtodockDashContainer > :first-child .show-apps { padding-left: 8px; } #dashtodockContainer.bottom.extended #dash #dashtodockDashContainer #dashtodockDashScrollview:first-child { padding-left: 8px; } #dashtodockContainer.bottom.extended #dash #dashtodockDashContainer > :last-child .show-apps { padding-right: 8px; } #dashtodockContainer.bottom.extended #dash #dashtodockDashContainer #dashtodockDashScrollview:last-child { padding-right: 8px; } #dashtodockContainer.bottom.extended #dash .dash-item-container { /* Disable all margins defined upstream, we handle them here */ margin: 0 2px; } #dashtodockContainer.bottom.extended #dash .dash-item-container > * { margin: 0; } #dashtodockContainer.bottom.extended #dash .dash-item-container:ltr:first-child, #dashtodockContainer.bottom.extended #dash .dash-item-container:rtl:last-child { margin-left: 0; } #dashtodockContainer.bottom.extended #dash .dash-item-container:ltr:last-child, #dashtodockContainer.bottom.extended #dash .dash-item-container:rtl:first-child { margin-right: 0; } #dashtodockContainer.bottom.extended #dash .dash-item-container .app-well-app, #dashtodockContainer.bottom.extended #dash .dash-item-container .grid-search-result, #dashtodockContainer.bottom.extended #dash .dash-item-container .show-apps { padding: 2px 2px; padding-bottom: 10px; padding-top: 10px; } #dashtodockContainer.bottom.extended #dash .dash-item-container .app-well-app:ltr:first-child, #dashtodockContainer.bottom.extended #dash .dash-item-container .grid-search-result:ltr:first-child, #dashtodockContainer.bottom.extended #dash .dash-item-container .app-well-app:rtl:last-child, #dashtodockContainer.bottom.extended #dash .dash-item-container .grid-search-result:rtl:last-child, #dashtodockContainer.bottom.extended #dash .dash-item-container .show-apps:ltr:first-child, #dashtodockContainer.bottom.extended #dash .dash-item-container .show-apps:rtl:last-child { padding-left: 0; } #dashtodockContainer.bottom.extended #dash .dash-item-container .app-well-app:ltr:last-child, #dashtodockContainer.bottom.extended #dash .dash-item-container .grid-search-result:ltr:last-child, #dashtodockContainer.bottom.extended #dash .dash-item-container .app-well-app:rtl:first-child, #dashtodockContainer.bottom.extended #dash .dash-item-container .grid-search-result:rtl:first-child, #dashtodockContainer.bottom.extended #dash .dash-item-container .show-apps:ltr:last-child, #dashtodockContainer.bottom.extended #dash .dash-item-container .show-apps:rtl:first-child { padding-right: 0; } #dashtodockContainer.bottom.extended #dash .dash-item-container .app-well-app.running .overview-icon, #dashtodockContainer.bottom.extended #dash .dash-item-container .running.grid-search-result .overview-icon { background-image: none; } #dashtodockContainer.bottom.extended #dash .dash-item-container .app-well-app.focused .overview-icon, #dashtodockContainer.bottom.extended #dash .dash-item-container .focused.grid-search-result .overview-icon { background-color: rgba(238, 238, 236, 0.2); } #dashtodockContainer.bottom.extended #dash .dash-item-container .app-well-app .app-well-app-running-dot, #dashtodockContainer.bottom.extended #dash .dash-item-container .grid-search-result .app-well-app-running-dot { margin-bottom: 2px; } #dashtodockContainer.bottom.extended #dash .dash-item-container > StButton { transition-duration: 250; background-size: contain; } #dashtodockContainer.bottom.extended.fixed #dash .dash-background { margin-top: 0; } #dashtodockContainer.bottom.extended.fixed #dash .dash-item-container .app-well-app, #dashtodockContainer.bottom.extended.fixed #dash .dash-item-container .grid-search-result, #dashtodockContainer.bottom.extended.fixed #dash .dash-item-container .show-apps { padding-top: 10px; } .dash-label.bottom { margin-bottom: 10px; -x-offset: 0; -y-offset: 0; } #dashtodockContainer.bottom.extended.shrink #dash { margin: 0px; padding: 0px; } #dashtodockContainer.bottom.extended.shrink #dash .dash-background { margin: 0; margin-bottom: 0; padding: 0; border-radius: 0; spacing: 2px; } #dashtodockContainer.bottom.extended.shrink #dash .dash-separator { background-color: #c7c7c7; margin: 0 1px; width: 1px; height: 0; margin-bottom: 0; } #dashtodockContainer.bottom.extended.shrink #dash #dashtodockDashContainer { padding: 0; padding-bottom: 0; padding-top: 0; } #dashtodockContainer.bottom.extended.shrink #dash #dashtodockDashContainer > :first-child .show-apps { padding-left: 6px; } #dashtodockContainer.bottom.extended.shrink #dash #dashtodockDashContainer #dashtodockDashScrollview:first-child { padding-left: 6px; } #dashtodockContainer.bottom.extended.shrink #dash #dashtodockDashContainer > :last-child .show-apps { padding-right: 6px; } #dashtodockContainer.bottom.extended.shrink #dash #dashtodockDashContainer #dashtodockDashScrollview:last-child { padding-right: 6px; } #dashtodockContainer.bottom.extended.shrink #dash .dash-item-container { /* Disable all margins defined upstream, we handle them here */ margin: 0 2px; } #dashtodockContainer.bottom.extended.shrink #dash .dash-item-container > * { margin: 0; } #dashtodockContainer.bottom.extended.shrink #dash .dash-item-container:ltr:first-child, #dashtodockContainer.bottom.extended.shrink #dash .dash-item-container:rtl:last-child { margin-left: 0; } #dashtodockContainer.bottom.extended.shrink #dash .dash-item-container:ltr:last-child, #dashtodockContainer.bottom.extended.shrink #dash .dash-item-container:rtl:first-child { margin-right: 0; } #dashtodockContainer.bottom.extended.shrink #dash .dash-item-container .app-well-app, #dashtodockContainer.bottom.extended.shrink #dash .dash-item-container .grid-search-result, #dashtodockContainer.bottom.extended.shrink #dash .dash-item-container .show-apps { padding: 1px 1px; padding-bottom: 3px; padding-top: 3px; } #dashtodockContainer.bottom.extended.shrink #dash .dash-item-container .app-well-app:ltr:first-child, #dashtodockContainer.bottom.extended.shrink #dash .dash-item-container .grid-search-result:ltr:first-child, #dashtodockContainer.bottom.extended.shrink #dash .dash-item-container .app-well-app:rtl:last-child, #dashtodockContainer.bottom.extended.shrink #dash .dash-item-container .grid-search-result:rtl:last-child, #dashtodockContainer.bottom.extended.shrink #dash .dash-item-container .show-apps:ltr:first-child, #dashtodockContainer.bottom.extended.shrink #dash .dash-item-container .show-apps:rtl:last-child { padding-left: 0; } #dashtodockContainer.bottom.extended.shrink #dash .dash-item-container .app-well-app:ltr:last-child, #dashtodockContainer.bottom.extended.shrink #dash .dash-item-container .grid-search-result:ltr:last-child, #dashtodockContainer.bottom.extended.shrink #dash .dash-item-container .app-well-app:rtl:first-child, #dashtodockContainer.bottom.extended.shrink #dash .dash-item-container .grid-search-result:rtl:first-child, #dashtodockContainer.bottom.extended.shrink #dash .dash-item-container .show-apps:ltr:last-child, #dashtodockContainer.bottom.extended.shrink #dash .dash-item-container .show-apps:rtl:first-child { padding-right: 0; } #dashtodockContainer.bottom.extended.shrink #dash .dash-item-container .app-well-app.running .overview-icon, #dashtodockContainer.bottom.extended.shrink #dash .dash-item-container .running.grid-search-result .overview-icon { background-image: none; } #dashtodockContainer.bottom.extended.shrink #dash .dash-item-container .app-well-app.focused .overview-icon, #dashtodockContainer.bottom.extended.shrink #dash .dash-item-container .focused.grid-search-result .overview-icon { background-color: rgba(238, 238, 236, 0.2); } #dashtodockContainer.bottom.extended.shrink #dash .dash-item-container .app-well-app .app-well-app-running-dot, #dashtodockContainer.bottom.extended.shrink #dash .dash-item-container .grid-search-result .app-well-app-running-dot { margin-bottom: 2px; } #dashtodockContainer.bottom.extended.shrink #dash .dash-item-container > StButton { transition-duration: 250; background-size: contain; } #dashtodockContainer.bottom.extended.shrink.fixed #dash .dash-background { margin-top: 0; } #dashtodockContainer.bottom.extended.shrink.fixed #dash .dash-item-container .app-well-app, #dashtodockContainer.bottom.extended.shrink.fixed #dash .dash-item-container .grid-search-result, #dashtodockContainer.bottom.extended.shrink.fixed #dash .dash-item-container .show-apps { padding-top: 3px; } .dash-label.bottom.shrink { margin-bottom: 3px; -x-offset: 0; -y-offset: 0; } #dashtodockContainer.top #dash { margin: 0px; padding: 0px; } #dashtodockContainer.top #dash .dash-background { margin: 0; margin-top: 4px; padding: 0; border-radius: 18px; spacing: 6px; } #dashtodockContainer.top #dash .dash-separator { background-color: #c7c7c7; margin: 0 4px; width: 1px; height: 0; margin-top: 4px; } #dashtodockContainer.top #dash #dashtodockDashContainer { padding: 10px; padding-top: 0; padding-bottom: 0; } #dashtodockContainer.top #dash .dash-item-container { /* Disable all margins defined upstream, we handle them here */ margin: 0 2px; } #dashtodockContainer.top #dash .dash-item-container > * { margin: 0; } #dashtodockContainer.top #dash .dash-item-container:ltr:first-child, #dashtodockContainer.top #dash .dash-item-container:rtl:last-child { margin-left: 0; } #dashtodockContainer.top #dash .dash-item-container:ltr:last-child, #dashtodockContainer.top #dash .dash-item-container:rtl:first-child { margin-right: 0; } #dashtodockContainer.top #dash .dash-item-container .app-well-app, #dashtodockContainer.top #dash .dash-item-container .grid-search-result, #dashtodockContainer.top #dash .dash-item-container .show-apps { padding: 2px 2px; padding-top: 14px; padding-bottom: 10px; } #dashtodockContainer.top #dash .dash-item-container .app-well-app:ltr:first-child, #dashtodockContainer.top #dash .dash-item-container .grid-search-result:ltr:first-child, #dashtodockContainer.top #dash .dash-item-container .app-well-app:rtl:last-child, #dashtodockContainer.top #dash .dash-item-container .grid-search-result:rtl:last-child, #dashtodockContainer.top #dash .dash-item-container .show-apps:ltr:first-child, #dashtodockContainer.top #dash .dash-item-container .show-apps:rtl:last-child { padding-left: 0; } #dashtodockContainer.top #dash .dash-item-container .app-well-app:ltr:last-child, #dashtodockContainer.top #dash .dash-item-container .grid-search-result:ltr:last-child, #dashtodockContainer.top #dash .dash-item-container .app-well-app:rtl:first-child, #dashtodockContainer.top #dash .dash-item-container .grid-search-result:rtl:first-child, #dashtodockContainer.top #dash .dash-item-container .show-apps:ltr:last-child, #dashtodockContainer.top #dash .dash-item-container .show-apps:rtl:first-child { padding-right: 0; } #dashtodockContainer.top #dash .dash-item-container .app-well-app.running .overview-icon, #dashtodockContainer.top #dash .dash-item-container .running.grid-search-result .overview-icon { background-image: none; } #dashtodockContainer.top #dash .dash-item-container .app-well-app.focused .overview-icon, #dashtodockContainer.top #dash .dash-item-container .focused.grid-search-result .overview-icon { background-color: rgba(238, 238, 236, 0.2); } #dashtodockContainer.top #dash .dash-item-container .app-well-app .app-well-app-running-dot, #dashtodockContainer.top #dash .dash-item-container .grid-search-result .app-well-app-running-dot { margin-bottom: 2px; } #dashtodockContainer.top #dash .dash-item-container > StButton { transition-duration: 250; background-size: contain; } #dashtodockContainer.top.fixed #dash .dash-background { margin-bottom: 4px; } #dashtodockContainer.top.fixed #dash .dash-item-container .app-well-app, #dashtodockContainer.top.fixed #dash .dash-item-container .grid-search-result, #dashtodockContainer.top.fixed #dash .dash-item-container .show-apps { padding-bottom: 14px; } .dash-label.top { margin-top: 10px; -x-offset: 0; -y-offset: 0; } #dashtodockContainer.top.shrink #dash { margin: 0px; padding: 0px; } #dashtodockContainer.top.shrink #dash .dash-background { margin: 0; margin-top: 4px; padding: 0; border-radius: 14px; spacing: 2px; } #dashtodockContainer.top.shrink #dash .dash-separator { background-color: #c7c7c7; margin: 0 1px; width: 1px; height: 0; margin-top: 4px; } #dashtodockContainer.top.shrink #dash #dashtodockDashContainer { padding: 3px; padding-top: 0; padding-bottom: 0; } #dashtodockContainer.top.shrink #dash .dash-item-container { /* Disable all margins defined upstream, we handle them here */ margin: 0 2px; } #dashtodockContainer.top.shrink #dash .dash-item-container > * { margin: 0; } #dashtodockContainer.top.shrink #dash .dash-item-container:ltr:first-child, #dashtodockContainer.top.shrink #dash .dash-item-container:rtl:last-child { margin-left: 0; } #dashtodockContainer.top.shrink #dash .dash-item-container:ltr:last-child, #dashtodockContainer.top.shrink #dash .dash-item-container:rtl:first-child { margin-right: 0; } #dashtodockContainer.top.shrink #dash .dash-item-container .app-well-app, #dashtodockContainer.top.shrink #dash .dash-item-container .grid-search-result, #dashtodockContainer.top.shrink #dash .dash-item-container .show-apps { padding: 1px 1px; padding-top: 7px; padding-bottom: 3px; } #dashtodockContainer.top.shrink #dash .dash-item-container .app-well-app:ltr:first-child, #dashtodockContainer.top.shrink #dash .dash-item-container .grid-search-result:ltr:first-child, #dashtodockContainer.top.shrink #dash .dash-item-container .app-well-app:rtl:last-child, #dashtodockContainer.top.shrink #dash .dash-item-container .grid-search-result:rtl:last-child, #dashtodockContainer.top.shrink #dash .dash-item-container .show-apps:ltr:first-child, #dashtodockContainer.top.shrink #dash .dash-item-container .show-apps:rtl:last-child { padding-left: 0; } #dashtodockContainer.top.shrink #dash .dash-item-container .app-well-app:ltr:last-child, #dashtodockContainer.top.shrink #dash .dash-item-container .grid-search-result:ltr:last-child, #dashtodockContainer.top.shrink #dash .dash-item-container .app-well-app:rtl:first-child, #dashtodockContainer.top.shrink #dash .dash-item-container .grid-search-result:rtl:first-child, #dashtodockContainer.top.shrink #dash .dash-item-container .show-apps:ltr:last-child, #dashtodockContainer.top.shrink #dash .dash-item-container .show-apps:rtl:first-child { padding-right: 0; } #dashtodockContainer.top.shrink #dash .dash-item-container .app-well-app.running .overview-icon, #dashtodockContainer.top.shrink #dash .dash-item-container .running.grid-search-result .overview-icon { background-image: none; } #dashtodockContainer.top.shrink #dash .dash-item-container .app-well-app.focused .overview-icon, #dashtodockContainer.top.shrink #dash .dash-item-container .focused.grid-search-result .overview-icon { background-color: rgba(238, 238, 236, 0.2); } #dashtodockContainer.top.shrink #dash .dash-item-container .app-well-app .app-well-app-running-dot, #dashtodockContainer.top.shrink #dash .dash-item-container .grid-search-result .app-well-app-running-dot { margin-bottom: 2px; } #dashtodockContainer.top.shrink #dash .dash-item-container > StButton { transition-duration: 250; background-size: contain; } #dashtodockContainer.top.shrink.fixed #dash .dash-background { margin-bottom: 1px; } #dashtodockContainer.top.shrink.fixed #dash .dash-item-container .app-well-app, #dashtodockContainer.top.shrink.fixed #dash .dash-item-container .grid-search-result, #dashtodockContainer.top.shrink.fixed #dash .dash-item-container .show-apps { padding-bottom: 4px; } .dash-label.top.shrink { margin-top: 3px; -x-offset: 0; -y-offset: 0; } #dashtodockContainer.top.extended #dash { margin: 0px; padding: 0px; } #dashtodockContainer.top.extended #dash .dash-background { margin: 0; margin-top: 0; padding: 0; border-radius: 0; spacing: 6px; } #dashtodockContainer.top.extended #dash .dash-separator { background-color: #c7c7c7; margin: 0 4px; width: 1px; height: 0; margin-top: 0; } #dashtodockContainer.top.extended #dash #dashtodockDashContainer { padding: 0; padding-top: 0; padding-bottom: 0; } #dashtodockContainer.top.extended #dash #dashtodockDashContainer > :first-child .show-apps { padding-left: 8px; } #dashtodockContainer.top.extended #dash #dashtodockDashContainer #dashtodockDashScrollview:first-child { padding-left: 8px; } #dashtodockContainer.top.extended #dash #dashtodockDashContainer > :last-child .show-apps { padding-right: 8px; } #dashtodockContainer.top.extended #dash #dashtodockDashContainer #dashtodockDashScrollview:last-child { padding-right: 8px; } #dashtodockContainer.top.extended #dash .dash-item-container { /* Disable all margins defined upstream, we handle them here */ margin: 0 2px; } #dashtodockContainer.top.extended #dash .dash-item-container > * { margin: 0; } #dashtodockContainer.top.extended #dash .dash-item-container:ltr:first-child, #dashtodockContainer.top.extended #dash .dash-item-container:rtl:last-child { margin-left: 0; } #dashtodockContainer.top.extended #dash .dash-item-container:ltr:last-child, #dashtodockContainer.top.extended #dash .dash-item-container:rtl:first-child { margin-right: 0; } #dashtodockContainer.top.extended #dash .dash-item-container .app-well-app, #dashtodockContainer.top.extended #dash .dash-item-container .grid-search-result, #dashtodockContainer.top.extended #dash .dash-item-container .show-apps { padding: 2px 2px; padding-top: 10px; padding-bottom: 10px; } #dashtodockContainer.top.extended #dash .dash-item-container .app-well-app:ltr:first-child, #dashtodockContainer.top.extended #dash .dash-item-container .grid-search-result:ltr:first-child, #dashtodockContainer.top.extended #dash .dash-item-container .app-well-app:rtl:last-child, #dashtodockContainer.top.extended #dash .dash-item-container .grid-search-result:rtl:last-child, #dashtodockContainer.top.extended #dash .dash-item-container .show-apps:ltr:first-child, #dashtodockContainer.top.extended #dash .dash-item-container .show-apps:rtl:last-child { padding-left: 0; } #dashtodockContainer.top.extended #dash .dash-item-container .app-well-app:ltr:last-child, #dashtodockContainer.top.extended #dash .dash-item-container .grid-search-result:ltr:last-child, #dashtodockContainer.top.extended #dash .dash-item-container .app-well-app:rtl:first-child, #dashtodockContainer.top.extended #dash .dash-item-container .grid-search-result:rtl:first-child, #dashtodockContainer.top.extended #dash .dash-item-container .show-apps:ltr:last-child, #dashtodockContainer.top.extended #dash .dash-item-container .show-apps:rtl:first-child { padding-right: 0; } #dashtodockContainer.top.extended #dash .dash-item-container .app-well-app.running .overview-icon, #dashtodockContainer.top.extended #dash .dash-item-container .running.grid-search-result .overview-icon { background-image: none; } #dashtodockContainer.top.extended #dash .dash-item-container .app-well-app.focused .overview-icon, #dashtodockContainer.top.extended #dash .dash-item-container .focused.grid-search-result .overview-icon { background-color: rgba(238, 238, 236, 0.2); } #dashtodockContainer.top.extended #dash .dash-item-container .app-well-app .app-well-app-running-dot, #dashtodockContainer.top.extended #dash .dash-item-container .grid-search-result .app-well-app-running-dot { margin-bottom: 2px; } #dashtodockContainer.top.extended #dash .dash-item-container > StButton { transition-duration: 250; background-size: contain; } #dashtodockContainer.top.extended.fixed #dash .dash-background { margin-bottom: 0; } #dashtodockContainer.top.extended.fixed #dash .dash-item-container .app-well-app, #dashtodockContainer.top.extended.fixed #dash .dash-item-container .grid-search-result, #dashtodockContainer.top.extended.fixed #dash .dash-item-container .show-apps { padding-bottom: 10px; } .dash-label.top { margin-top: 10px; -x-offset: 0; -y-offset: 0; } #dashtodockContainer.top.extended.shrink #dash { margin: 0px; padding: 0px; } #dashtodockContainer.top.extended.shrink #dash .dash-background { margin: 0; margin-top: 0; padding: 0; border-radius: 0; spacing: 2px; } #dashtodockContainer.top.extended.shrink #dash .dash-separator { background-color: #c7c7c7; margin: 0 1px; width: 1px; height: 0; margin-top: 0; } #dashtodockContainer.top.extended.shrink #dash #dashtodockDashContainer { padding: 0; padding-top: 0; padding-bottom: 0; } #dashtodockContainer.top.extended.shrink #dash #dashtodockDashContainer > :first-child .show-apps { padding-left: 6px; } #dashtodockContainer.top.extended.shrink #dash #dashtodockDashContainer #dashtodockDashScrollview:first-child { padding-left: 6px; } #dashtodockContainer.top.extended.shrink #dash #dashtodockDashContainer > :last-child .show-apps { padding-right: 6px; } #dashtodockContainer.top.extended.shrink #dash #dashtodockDashContainer #dashtodockDashScrollview:last-child { padding-right: 6px; } #dashtodockContainer.top.extended.shrink #dash .dash-item-container { /* Disable all margins defined upstream, we handle them here */ margin: 0 2px; } #dashtodockContainer.top.extended.shrink #dash .dash-item-container > * { margin: 0; } #dashtodockContainer.top.extended.shrink #dash .dash-item-container:ltr:first-child, #dashtodockContainer.top.extended.shrink #dash .dash-item-container:rtl:last-child { margin-left: 0; } #dashtodockContainer.top.extended.shrink #dash .dash-item-container:ltr:last-child, #dashtodockContainer.top.extended.shrink #dash .dash-item-container:rtl:first-child { margin-right: 0; } #dashtodockContainer.top.extended.shrink #dash .dash-item-container .app-well-app, #dashtodockContainer.top.extended.shrink #dash .dash-item-container .grid-search-result, #dashtodockContainer.top.extended.shrink #dash .dash-item-container .show-apps { padding: 1px 1px; padding-top: 3px; padding-bottom: 3px; } #dashtodockContainer.top.extended.shrink #dash .dash-item-container .app-well-app:ltr:first-child, #dashtodockContainer.top.extended.shrink #dash .dash-item-container .grid-search-result:ltr:first-child, #dashtodockContainer.top.extended.shrink #dash .dash-item-container .app-well-app:rtl:last-child, #dashtodockContainer.top.extended.shrink #dash .dash-item-container .grid-search-result:rtl:last-child, #dashtodockContainer.top.extended.shrink #dash .dash-item-container .show-apps:ltr:first-child, #dashtodockContainer.top.extended.shrink #dash .dash-item-container .show-apps:rtl:last-child { padding-left: 0; } #dashtodockContainer.top.extended.shrink #dash .dash-item-container .app-well-app:ltr:last-child, #dashtodockContainer.top.extended.shrink #dash .dash-item-container .grid-search-result:ltr:last-child, #dashtodockContainer.top.extended.shrink #dash .dash-item-container .app-well-app:rtl:first-child, #dashtodockContainer.top.extended.shrink #dash .dash-item-container .grid-search-result:rtl:first-child, #dashtodockContainer.top.extended.shrink #dash .dash-item-container .show-apps:ltr:last-child, #dashtodockContainer.top.extended.shrink #dash .dash-item-container .show-apps:rtl:first-child { padding-right: 0; } #dashtodockContainer.top.extended.shrink #dash .dash-item-container .app-well-app.running .overview-icon, #dashtodockContainer.top.extended.shrink #dash .dash-item-container .running.grid-search-result .overview-icon { background-image: none; } #dashtodockContainer.top.extended.shrink #dash .dash-item-container .app-well-app.focused .overview-icon, #dashtodockContainer.top.extended.shrink #dash .dash-item-container .focused.grid-search-result .overview-icon { background-color: rgba(238, 238, 236, 0.2); } #dashtodockContainer.top.extended.shrink #dash .dash-item-container .app-well-app .app-well-app-running-dot, #dashtodockContainer.top.extended.shrink #dash .dash-item-container .grid-search-result .app-well-app-running-dot { margin-bottom: 2px; } #dashtodockContainer.top.extended.shrink #dash .dash-item-container > StButton { transition-duration: 250; background-size: contain; } #dashtodockContainer.top.extended.shrink.fixed #dash .dash-background { margin-bottom: 0; } #dashtodockContainer.top.extended.shrink.fixed #dash .dash-item-container .app-well-app, #dashtodockContainer.top.extended.shrink.fixed #dash .dash-item-container .grid-search-result, #dashtodockContainer.top.extended.shrink.fixed #dash .dash-item-container .show-apps { padding-bottom: 3px; } .dash-label.top.shrink { margin-top: 3px; -x-offset: 0; -y-offset: 0; } #dashtodockContainer.left #dash { margin: 0px; padding: 0px; } #dashtodockContainer.left #dash .dash-background { margin: 0; margin-left: 4px; padding: 0; border-radius: 18px; spacing: 6px; } #dashtodockContainer.left #dash .dash-separator { background-color: #c7c7c7; width: 0; height: 1px; margin: 4px 0; margin-left: 4px; } #dashtodockContainer.left #dash #dashtodockDashContainer { padding: 10px; padding-left: 0; padding-right: 0; } #dashtodockContainer.left #dash .dash-item-container { /* Disable all margins defined upstream, we handle them here */ margin: 2px 0; } #dashtodockContainer.left #dash .dash-item-container > * { margin: 0; } #dashtodockContainer.left #dash .dash-item-container:first-child { margin-top: 0; } #dashtodockContainer.left #dash .dash-item-container:last-child { margin-bottom: 0; } #dashtodockContainer.left #dash .dash-item-container .app-well-app, #dashtodockContainer.left #dash .dash-item-container .grid-search-result, #dashtodockContainer.left #dash .dash-item-container .show-apps { padding: 2px 2px; padding-left: 14px; padding-right: 10px; } #dashtodockContainer.left #dash .dash-item-container .app-well-app:first-child, #dashtodockContainer.left #dash .dash-item-container .grid-search-result:first-child, #dashtodockContainer.left #dash .dash-item-container .show-apps:first-child { padding-top: 0; } #dashtodockContainer.left #dash .dash-item-container .app-well-app:last-child, #dashtodockContainer.left #dash .dash-item-container .grid-search-result:last-child, #dashtodockContainer.left #dash .dash-item-container .show-apps:last-child { padding-bottom: 0; } #dashtodockContainer.left #dash .dash-item-container .app-well-app.running .overview-icon, #dashtodockContainer.left #dash .dash-item-container .running.grid-search-result .overview-icon { background-image: none; } #dashtodockContainer.left #dash .dash-item-container .app-well-app.focused .overview-icon, #dashtodockContainer.left #dash .dash-item-container .focused.grid-search-result .overview-icon { background-color: rgba(238, 238, 236, 0.2); } #dashtodockContainer.left #dash .dash-item-container .app-well-app .app-well-app-running-dot, #dashtodockContainer.left #dash .dash-item-container .grid-search-result .app-well-app-running-dot { margin-bottom: 2px; } #dashtodockContainer.left #dash .dash-item-container > StButton { transition-duration: 250; background-size: contain; } #dashtodockContainer.left.fixed #dash .dash-background { margin-right: 4px; } #dashtodockContainer.left.fixed #dash .dash-item-container .app-well-app, #dashtodockContainer.left.fixed #dash .dash-item-container .grid-search-result, #dashtodockContainer.left.fixed #dash .dash-item-container .show-apps { padding-right: 14px; } .dash-label.left { margin: 0; -x-offset: 10px; -y-offset: 0; } #dashtodockContainer.left.shrink #dash { margin: 0px; padding: 0px; } #dashtodockContainer.left.shrink #dash .dash-background { margin: 0; margin-left: 4px; padding: 0; border-radius: 14px; spacing: 2px; } #dashtodockContainer.left.shrink #dash .dash-separator { background-color: #c7c7c7; width: 0; height: 1px; margin: 1px 0; margin-left: 4px; } #dashtodockContainer.left.shrink #dash #dashtodockDashContainer { padding: 3px; padding-left: 0; padding-right: 0; } #dashtodockContainer.left.shrink #dash .dash-item-container { /* Disable all margins defined upstream, we handle them here */ margin: 2px 0; } #dashtodockContainer.left.shrink #dash .dash-item-container > * { margin: 0; } #dashtodockContainer.left.shrink #dash .dash-item-container:first-child { margin-top: 0; } #dashtodockContainer.left.shrink #dash .dash-item-container:last-child { margin-bottom: 0; } #dashtodockContainer.left.shrink #dash .dash-item-container .app-well-app, #dashtodockContainer.left.shrink #dash .dash-item-container .grid-search-result, #dashtodockContainer.left.shrink #dash .dash-item-container .show-apps { padding: 1px 1px; padding-left: 7px; padding-right: 3px; } #dashtodockContainer.left.shrink #dash .dash-item-container .app-well-app:first-child, #dashtodockContainer.left.shrink #dash .dash-item-container .grid-search-result:first-child, #dashtodockContainer.left.shrink #dash .dash-item-container .show-apps:first-child { padding-top: 0; } #dashtodockContainer.left.shrink #dash .dash-item-container .app-well-app:last-child, #dashtodockContainer.left.shrink #dash .dash-item-container .grid-search-result:last-child, #dashtodockContainer.left.shrink #dash .dash-item-container .show-apps:last-child { padding-bottom: 0; } #dashtodockContainer.left.shrink #dash .dash-item-container .app-well-app.running .overview-icon, #dashtodockContainer.left.shrink #dash .dash-item-container .running.grid-search-result .overview-icon { background-image: none; } #dashtodockContainer.left.shrink #dash .dash-item-container .app-well-app.focused .overview-icon, #dashtodockContainer.left.shrink #dash .dash-item-container .focused.grid-search-result .overview-icon { background-color: rgba(238, 238, 236, 0.2); } #dashtodockContainer.left.shrink #dash .dash-item-container .app-well-app .app-well-app-running-dot, #dashtodockContainer.left.shrink #dash .dash-item-container .grid-search-result .app-well-app-running-dot { margin-bottom: 2px; } #dashtodockContainer.left.shrink #dash .dash-item-container > StButton { transition-duration: 250; background-size: contain; } #dashtodockContainer.left.shrink.fixed #dash .dash-background { margin-right: 1px; } #dashtodockContainer.left.shrink.fixed #dash .dash-item-container .app-well-app, #dashtodockContainer.left.shrink.fixed #dash .dash-item-container .grid-search-result, #dashtodockContainer.left.shrink.fixed #dash .dash-item-container .show-apps { padding-right: 4px; } .dash-label.left.shrink { margin: 0; -x-offset: 3px; -y-offset: 0; } #dashtodockContainer.left.extended #dash { margin: 0px; padding: 0px; } #dashtodockContainer.left.extended #dash .dash-background { margin: 0; margin-left: 0; padding: 0; border-radius: 0; spacing: 6px; } #dashtodockContainer.left.extended #dash .dash-separator { background-color: #c7c7c7; width: 0; height: 1px; margin: 4px 0; margin-left: 0; } #dashtodockContainer.left.extended #dash #dashtodockDashContainer { padding: 0; padding-left: 0; padding-right: 0; } #dashtodockContainer.left.extended #dash #dashtodockDashContainer > :first-child .show-apps { padding-top: 8px; } #dashtodockContainer.left.extended #dash #dashtodockDashContainer #dashtodockDashScrollview:first-child { padding-top: 8px; } #dashtodockContainer.left.extended #dash #dashtodockDashContainer > :last-child .show-apps { padding-bottom: 8px; } #dashtodockContainer.left.extended #dash #dashtodockDashContainer #dashtodockDashScrollview:last-child { padding-bottom: 8px; } #dashtodockContainer.left.extended #dash .dash-item-container { /* Disable all margins defined upstream, we handle them here */ margin: 2px 0; } #dashtodockContainer.left.extended #dash .dash-item-container > * { margin: 0; } #dashtodockContainer.left.extended #dash .dash-item-container:first-child { margin-top: 0; } #dashtodockContainer.left.extended #dash .dash-item-container:last-child { margin-bottom: 0; } #dashtodockContainer.left.extended #dash .dash-item-container .app-well-app, #dashtodockContainer.left.extended #dash .dash-item-container .grid-search-result, #dashtodockContainer.left.extended #dash .dash-item-container .show-apps { padding: 2px 2px; padding-left: 10px; padding-right: 10px; } #dashtodockContainer.left.extended #dash .dash-item-container .app-well-app:first-child, #dashtodockContainer.left.extended #dash .dash-item-container .grid-search-result:first-child, #dashtodockContainer.left.extended #dash .dash-item-container .show-apps:first-child { padding-top: 0; } #dashtodockContainer.left.extended #dash .dash-item-container .app-well-app:last-child, #dashtodockContainer.left.extended #dash .dash-item-container .grid-search-result:last-child, #dashtodockContainer.left.extended #dash .dash-item-container .show-apps:last-child { padding-bottom: 0; } #dashtodockContainer.left.extended #dash .dash-item-container .app-well-app.running .overview-icon, #dashtodockContainer.left.extended #dash .dash-item-container .running.grid-search-result .overview-icon { background-image: none; } #dashtodockContainer.left.extended #dash .dash-item-container .app-well-app.focused .overview-icon, #dashtodockContainer.left.extended #dash .dash-item-container .focused.grid-search-result .overview-icon { background-color: rgba(238, 238, 236, 0.2); } #dashtodockContainer.left.extended #dash .dash-item-container .app-well-app .app-well-app-running-dot, #dashtodockContainer.left.extended #dash .dash-item-container .grid-search-result .app-well-app-running-dot { margin-bottom: 2px; } #dashtodockContainer.left.extended #dash .dash-item-container > StButton { transition-duration: 250; background-size: contain; } #dashtodockContainer.left.extended.fixed #dash .dash-background { margin-right: 0; } #dashtodockContainer.left.extended.fixed #dash .dash-item-container .app-well-app, #dashtodockContainer.left.extended.fixed #dash .dash-item-container .grid-search-result, #dashtodockContainer.left.extended.fixed #dash .dash-item-container .show-apps { padding-right: 10px; } .dash-label.left { margin: 0; -x-offset: 10px; -y-offset: 0; } #dashtodockContainer.left.extended.shrink #dash { margin: 0px; padding: 0px; } #dashtodockContainer.left.extended.shrink #dash .dash-background { margin: 0; margin-left: 0; padding: 0; border-radius: 0; spacing: 2px; } #dashtodockContainer.left.extended.shrink #dash .dash-separator { background-color: #c7c7c7; width: 0; height: 1px; margin: 1px 0; margin-left: 0; } #dashtodockContainer.left.extended.shrink #dash #dashtodockDashContainer { padding: 0; padding-left: 0; padding-right: 0; } #dashtodockContainer.left.extended.shrink #dash #dashtodockDashContainer > :first-child .show-apps { padding-top: 6px; } #dashtodockContainer.left.extended.shrink #dash #dashtodockDashContainer #dashtodockDashScrollview:first-child { padding-top: 6px; } #dashtodockContainer.left.extended.shrink #dash #dashtodockDashContainer > :last-child .show-apps { padding-bottom: 6px; } #dashtodockContainer.left.extended.shrink #dash #dashtodockDashContainer #dashtodockDashScrollview:last-child { padding-bottom: 6px; } #dashtodockContainer.left.extended.shrink #dash .dash-item-container { /* Disable all margins defined upstream, we handle them here */ margin: 2px 0; } #dashtodockContainer.left.extended.shrink #dash .dash-item-container > * { margin: 0; } #dashtodockContainer.left.extended.shrink #dash .dash-item-container:first-child { margin-top: 0; } #dashtodockContainer.left.extended.shrink #dash .dash-item-container:last-child { margin-bottom: 0; } #dashtodockContainer.left.extended.shrink #dash .dash-item-container .app-well-app, #dashtodockContainer.left.extended.shrink #dash .dash-item-container .grid-search-result, #dashtodockContainer.left.extended.shrink #dash .dash-item-container .show-apps { padding: 1px 1px; padding-left: 3px; padding-right: 3px; } #dashtodockContainer.left.extended.shrink #dash .dash-item-container .app-well-app:first-child, #dashtodockContainer.left.extended.shrink #dash .dash-item-container .grid-search-result:first-child, #dashtodockContainer.left.extended.shrink #dash .dash-item-container .show-apps:first-child { padding-top: 0; } #dashtodockContainer.left.extended.shrink #dash .dash-item-container .app-well-app:last-child, #dashtodockContainer.left.extended.shrink #dash .dash-item-container .grid-search-result:last-child, #dashtodockContainer.left.extended.shrink #dash .dash-item-container .show-apps:last-child { padding-bottom: 0; } #dashtodockContainer.left.extended.shrink #dash .dash-item-container .app-well-app.running .overview-icon, #dashtodockContainer.left.extended.shrink #dash .dash-item-container .running.grid-search-result .overview-icon { background-image: none; } #dashtodockContainer.left.extended.shrink #dash .dash-item-container .app-well-app.focused .overview-icon, #dashtodockContainer.left.extended.shrink #dash .dash-item-container .focused.grid-search-result .overview-icon { background-color: rgba(238, 238, 236, 0.2); } #dashtodockContainer.left.extended.shrink #dash .dash-item-container .app-well-app .app-well-app-running-dot, #dashtodockContainer.left.extended.shrink #dash .dash-item-container .grid-search-result .app-well-app-running-dot { margin-bottom: 2px; } #dashtodockContainer.left.extended.shrink #dash .dash-item-container > StButton { transition-duration: 250; background-size: contain; } #dashtodockContainer.left.extended.shrink.fixed #dash .dash-background { margin-right: 0; } #dashtodockContainer.left.extended.shrink.fixed #dash .dash-item-container .app-well-app, #dashtodockContainer.left.extended.shrink.fixed #dash .dash-item-container .grid-search-result, #dashtodockContainer.left.extended.shrink.fixed #dash .dash-item-container .show-apps { padding-right: 3px; } .dash-label.left.shrink { margin: 0; -x-offset: 3px; -y-offset: 0; } #dashtodockContainer.right #dash { margin: 0px; padding: 0px; } #dashtodockContainer.right #dash .dash-background { margin: 0; margin-right: 4px; padding: 0; border-radius: 18px; spacing: 6px; } #dashtodockContainer.right #dash .dash-separator { background-color: #c7c7c7; width: 0; height: 1px; margin: 4px 0; margin-right: 4px; } #dashtodockContainer.right #dash #dashtodockDashContainer { padding: 10px; padding-right: 0; padding-left: 0; } #dashtodockContainer.right #dash .dash-item-container { /* Disable all margins defined upstream, we handle them here */ margin: 2px 0; } #dashtodockContainer.right #dash .dash-item-container > * { margin: 0; } #dashtodockContainer.right #dash .dash-item-container:first-child { margin-top: 0; } #dashtodockContainer.right #dash .dash-item-container:last-child { margin-bottom: 0; } #dashtodockContainer.right #dash .dash-item-container .app-well-app, #dashtodockContainer.right #dash .dash-item-container .grid-search-result, #dashtodockContainer.right #dash .dash-item-container .show-apps { padding: 2px 2px; padding-right: 14px; padding-left: 10px; } #dashtodockContainer.right #dash .dash-item-container .app-well-app:first-child, #dashtodockContainer.right #dash .dash-item-container .grid-search-result:first-child, #dashtodockContainer.right #dash .dash-item-container .show-apps:first-child { padding-top: 0; } #dashtodockContainer.right #dash .dash-item-container .app-well-app:last-child, #dashtodockContainer.right #dash .dash-item-container .grid-search-result:last-child, #dashtodockContainer.right #dash .dash-item-container .show-apps:last-child { padding-bottom: 0; } #dashtodockContainer.right #dash .dash-item-container .app-well-app.running .overview-icon, #dashtodockContainer.right #dash .dash-item-container .running.grid-search-result .overview-icon { background-image: none; } #dashtodockContainer.right #dash .dash-item-container .app-well-app.focused .overview-icon, #dashtodockContainer.right #dash .dash-item-container .focused.grid-search-result .overview-icon { background-color: rgba(238, 238, 236, 0.2); } #dashtodockContainer.right #dash .dash-item-container .app-well-app .app-well-app-running-dot, #dashtodockContainer.right #dash .dash-item-container .grid-search-result .app-well-app-running-dot { margin-bottom: 2px; } #dashtodockContainer.right #dash .dash-item-container > StButton { transition-duration: 250; background-size: contain; } #dashtodockContainer.right.fixed #dash .dash-background { margin-left: 4px; } #dashtodockContainer.right.fixed #dash .dash-item-container .app-well-app, #dashtodockContainer.right.fixed #dash .dash-item-container .grid-search-result, #dashtodockContainer.right.fixed #dash .dash-item-container .show-apps { padding-left: 14px; } .dash-label.right { margin: 0; -x-offset: 10px; -y-offset: 0; } #dashtodockContainer.right.shrink #dash { margin: 0px; padding: 0px; } #dashtodockContainer.right.shrink #dash .dash-background { margin: 0; margin-right: 4px; padding: 0; border-radius: 14px; spacing: 2px; } #dashtodockContainer.right.shrink #dash .dash-separator { background-color: #c7c7c7; width: 0; height: 1px; margin: 1px 0; margin-right: 4px; } #dashtodockContainer.right.shrink #dash #dashtodockDashContainer { padding: 3px; padding-right: 0; padding-left: 0; } #dashtodockContainer.right.shrink #dash .dash-item-container { /* Disable all margins defined upstream, we handle them here */ margin: 2px 0; } #dashtodockContainer.right.shrink #dash .dash-item-container > * { margin: 0; } #dashtodockContainer.right.shrink #dash .dash-item-container:first-child { margin-top: 0; } #dashtodockContainer.right.shrink #dash .dash-item-container:last-child { margin-bottom: 0; } #dashtodockContainer.right.shrink #dash .dash-item-container .app-well-app, #dashtodockContainer.right.shrink #dash .dash-item-container .grid-search-result, #dashtodockContainer.right.shrink #dash .dash-item-container .show-apps { padding: 1px 1px; padding-right: 7px; padding-left: 3px; } #dashtodockContainer.right.shrink #dash .dash-item-container .app-well-app:first-child, #dashtodockContainer.right.shrink #dash .dash-item-container .grid-search-result:first-child, #dashtodockContainer.right.shrink #dash .dash-item-container .show-apps:first-child { padding-top: 0; } #dashtodockContainer.right.shrink #dash .dash-item-container .app-well-app:last-child, #dashtodockContainer.right.shrink #dash .dash-item-container .grid-search-result:last-child, #dashtodockContainer.right.shrink #dash .dash-item-container .show-apps:last-child { padding-bottom: 0; } #dashtodockContainer.right.shrink #dash .dash-item-container .app-well-app.running .overview-icon, #dashtodockContainer.right.shrink #dash .dash-item-container .running.grid-search-result .overview-icon { background-image: none; } #dashtodockContainer.right.shrink #dash .dash-item-container .app-well-app.focused .overview-icon, #dashtodockContainer.right.shrink #dash .dash-item-container .focused.grid-search-result .overview-icon { background-color: rgba(238, 238, 236, 0.2); } #dashtodockContainer.right.shrink #dash .dash-item-container .app-well-app .app-well-app-running-dot, #dashtodockContainer.right.shrink #dash .dash-item-container .grid-search-result .app-well-app-running-dot { margin-bottom: 2px; } #dashtodockContainer.right.shrink #dash .dash-item-container > StButton { transition-duration: 250; background-size: contain; } #dashtodockContainer.right.shrink.fixed #dash .dash-background { margin-left: 1px; } #dashtodockContainer.right.shrink.fixed #dash .dash-item-container .app-well-app, #dashtodockContainer.right.shrink.fixed #dash .dash-item-container .grid-search-result, #dashtodockContainer.right.shrink.fixed #dash .dash-item-container .show-apps { padding-left: 4px; } .dash-label.right.shrink { margin: 0; -x-offset: 3px; -y-offset: 0; } #dashtodockContainer.right.extended #dash { margin: 0px; padding: 0px; } #dashtodockContainer.right.extended #dash .dash-background { margin: 0; margin-right: 0; padding: 0; border-radius: 0; spacing: 6px; } #dashtodockContainer.right.extended #dash .dash-separator { background-color: #c7c7c7; width: 0; height: 1px; margin: 4px 0; margin-right: 0; } #dashtodockContainer.right.extended #dash #dashtodockDashContainer { padding: 0; padding-right: 0; padding-left: 0; } #dashtodockContainer.right.extended #dash #dashtodockDashContainer > :first-child .show-apps { padding-top: 8px; } #dashtodockContainer.right.extended #dash #dashtodockDashContainer #dashtodockDashScrollview:first-child { padding-top: 8px; } #dashtodockContainer.right.extended #dash #dashtodockDashContainer > :last-child .show-apps { padding-bottom: 8px; } #dashtodockContainer.right.extended #dash #dashtodockDashContainer #dashtodockDashScrollview:last-child { padding-bottom: 8px; } #dashtodockContainer.right.extended #dash .dash-item-container { /* Disable all margins defined upstream, we handle them here */ margin: 2px 0; } #dashtodockContainer.right.extended #dash .dash-item-container > * { margin: 0; } #dashtodockContainer.right.extended #dash .dash-item-container:first-child { margin-top: 0; } #dashtodockContainer.right.extended #dash .dash-item-container:last-child { margin-bottom: 0; } #dashtodockContainer.right.extended #dash .dash-item-container .app-well-app, #dashtodockContainer.right.extended #dash .dash-item-container .grid-search-result, #dashtodockContainer.right.extended #dash .dash-item-container .show-apps { padding: 2px 2px; padding-right: 10px; padding-left: 10px; } #dashtodockContainer.right.extended #dash .dash-item-container .app-well-app:first-child, #dashtodockContainer.right.extended #dash .dash-item-container .grid-search-result:first-child, #dashtodockContainer.right.extended #dash .dash-item-container .show-apps:first-child { padding-top: 0; } #dashtodockContainer.right.extended #dash .dash-item-container .app-well-app:last-child, #dashtodockContainer.right.extended #dash .dash-item-container .grid-search-result:last-child, #dashtodockContainer.right.extended #dash .dash-item-container .show-apps:last-child { padding-bottom: 0; } #dashtodockContainer.right.extended #dash .dash-item-container .app-well-app.running .overview-icon, #dashtodockContainer.right.extended #dash .dash-item-container .running.grid-search-result .overview-icon { background-image: none; } #dashtodockContainer.right.extended #dash .dash-item-container .app-well-app.focused .overview-icon, #dashtodockContainer.right.extended #dash .dash-item-container .focused.grid-search-result .overview-icon { background-color: rgba(238, 238, 236, 0.2); } #dashtodockContainer.right.extended #dash .dash-item-container .app-well-app .app-well-app-running-dot, #dashtodockContainer.right.extended #dash .dash-item-container .grid-search-result .app-well-app-running-dot { margin-bottom: 2px; } #dashtodockContainer.right.extended #dash .dash-item-container > StButton { transition-duration: 250; background-size: contain; } #dashtodockContainer.right.extended.fixed #dash .dash-background { margin-left: 0; } #dashtodockContainer.right.extended.fixed #dash .dash-item-container .app-well-app, #dashtodockContainer.right.extended.fixed #dash .dash-item-container .grid-search-result, #dashtodockContainer.right.extended.fixed #dash .dash-item-container .show-apps { padding-left: 10px; } .dash-label.right { margin: 0; -x-offset: 10px; -y-offset: 0; } #dashtodockContainer.right.extended.shrink #dash { margin: 0px; padding: 0px; } #dashtodockContainer.right.extended.shrink #dash .dash-background { margin: 0; margin-right: 0; padding: 0; border-radius: 0; spacing: 2px; } #dashtodockContainer.right.extended.shrink #dash .dash-separator { background-color: #c7c7c7; width: 0; height: 1px; margin: 1px 0; margin-right: 0; } #dashtodockContainer.right.extended.shrink #dash #dashtodockDashContainer { padding: 0; padding-right: 0; padding-left: 0; } #dashtodockContainer.right.extended.shrink #dash #dashtodockDashContainer > :first-child .show-apps { padding-top: 6px; } #dashtodockContainer.right.extended.shrink #dash #dashtodockDashContainer #dashtodockDashScrollview:first-child { padding-top: 6px; } #dashtodockContainer.right.extended.shrink #dash #dashtodockDashContainer > :last-child .show-apps { padding-bottom: 6px; } #dashtodockContainer.right.extended.shrink #dash #dashtodockDashContainer #dashtodockDashScrollview:last-child { padding-bottom: 6px; } #dashtodockContainer.right.extended.shrink #dash .dash-item-container { /* Disable all margins defined upstream, we handle them here */ margin: 2px 0; } #dashtodockContainer.right.extended.shrink #dash .dash-item-container > * { margin: 0; } #dashtodockContainer.right.extended.shrink #dash .dash-item-container:first-child { margin-top: 0; } #dashtodockContainer.right.extended.shrink #dash .dash-item-container:last-child { margin-bottom: 0; } #dashtodockContainer.right.extended.shrink #dash .dash-item-container .app-well-app, #dashtodockContainer.right.extended.shrink #dash .dash-item-container .grid-search-result, #dashtodockContainer.right.extended.shrink #dash .dash-item-container .show-apps { padding: 1px 1px; padding-right: 3px; padding-left: 3px; } #dashtodockContainer.right.extended.shrink #dash .dash-item-container .app-well-app:first-child, #dashtodockContainer.right.extended.shrink #dash .dash-item-container .grid-search-result:first-child, #dashtodockContainer.right.extended.shrink #dash .dash-item-container .show-apps:first-child { padding-top: 0; } #dashtodockContainer.right.extended.shrink #dash .dash-item-container .app-well-app:last-child, #dashtodockContainer.right.extended.shrink #dash .dash-item-container .grid-search-result:last-child, #dashtodockContainer.right.extended.shrink #dash .dash-item-container .show-apps:last-child { padding-bottom: 0; } #dashtodockContainer.right.extended.shrink #dash .dash-item-container .app-well-app.running .overview-icon, #dashtodockContainer.right.extended.shrink #dash .dash-item-container .running.grid-search-result .overview-icon { background-image: none; } #dashtodockContainer.right.extended.shrink #dash .dash-item-container .app-well-app.focused .overview-icon, #dashtodockContainer.right.extended.shrink #dash .dash-item-container .focused.grid-search-result .overview-icon { background-color: rgba(238, 238, 236, 0.2); } #dashtodockContainer.right.extended.shrink #dash .dash-item-container .app-well-app .app-well-app-running-dot, #dashtodockContainer.right.extended.shrink #dash .dash-item-container .grid-search-result .app-well-app-running-dot { margin-bottom: 2px; } #dashtodockContainer.right.extended.shrink #dash .dash-item-container > StButton { transition-duration: 250; background-size: contain; } #dashtodockContainer.right.extended.shrink.fixed #dash .dash-background { margin-left: 0; } #dashtodockContainer.right.extended.shrink.fixed #dash .dash-item-container .app-well-app, #dashtodockContainer.right.extended.shrink.fixed #dash .dash-item-container .grid-search-result, #dashtodockContainer.right.extended.shrink.fixed #dash .dash-item-container .show-apps { padding-left: 3px; } .dash-label.right.shrink { margin: 0; -x-offset: 3px; -y-offset: 0; } #dashtodockContainer.top.shrink #dash .dash-background { margin-top: 4px; margin-bottom: 0; } #dashtodockContainer.straight-corner #dash .dash-background, #dashtodockContainer.shrink.straight-corner #dash .dash-background { border-radius: 0px; } /* Scrollview style */ .bottom #dashtodockDashScrollview, .top #dashtodockDashScrollview { -st-hfade-offset: 24px; } .left #dashtodockDashScrollview, .right #dashtodockDashScrollview { -st-vfade-offset: 24px; } #dashtodockContainer.dashtodock #dash .dash-background { background: #1d1d1d; } #dashtodockContainer.dashtodock .progress-bar { /* Customization of the progress bar style, e.g.: -progress-bar-background: rgba(0.8, 0.8, 0.8, 1); -progress-bar-border: rgba(0.9, 0.9, 0.9, 1); */ } #dashtodockContainer.top #dash .placeholder, #dashtodockContainer.bottom #dash .placeholder { width: 32px; height: 1px; } /* * This is applied to a dummy actor. Only the alpha value for the background and border color * and the transition-duration are used */ #dashtodockContainer.dummy-opaque { background-color: rgba(0, 0, 0, 0.8); border-color: rgba(0, 0, 0, 0.4); transition-duration: 300ms; } /* * This is applied to a dummy actor. Only the alpha value for the background and border color * and the transition-duration are used */ #dashtodockContainer.dummy-transparent { background-color: rgba(0, 0, 0, 0.2); border-color: rgba(0, 0, 0, 0.1); transition-duration: 500ms; } #dashtodockContainer .number-overlay { color: white; background-color: rgba(0, 0, 0, 0.8); text-align: center; } #dashtodockContainer .notification-badge { color: white; background-color: red; padding: 0.2em 0.5em; border-radius: 1em; font-weight: bold; text-align: center; margin: 2px; } #dashtodockPreviewSeparator.popup-separator-menu-item-horizontal { width: 1px; height: auto; border-right-width: 1px; margin: 32px 0px; } .dashtodock-app-well-preview-menu-item { padding: 1em 1em 0.5em 1em; } #dashtodockContainer .metro .overview-icon { border-radius: 0px; } #dashtodockContainer.bottom .metro.running2.focused, #dashtodockContainer.top .metro.running2.focused { background-image: url("./media/highlight_stacked_bg.svg"); background-position: 0px 0px; background-size: contain; } #dashtodockContainer.left .metro.running2.focused, #dashtodockContainer.right .metro.running2.focused { background-image: url("./media/highlight_stacked_bg_h.svg"); background-position: 0px 0px; background-size: contain; } #dashtodockContainer.bottom .metro.running3.focused, #dashtodockContainer.top .metro.running3.focused { background-image: url("./media/highlight_stacked_bg.svg"); background-position: 0px 0px; background-size: contain; } #dashtodockContainer.left .metro.running3.focused, #dashtodockContainer.right .metro.running3.focused { background-image: url("./media/highlight_stacked_bg_h.svg"); background-position: 0px 0px; background-size: contain; } #dashtodockContainer.bottom .metro.running4.focused, #dashtodockContainer.top .metro.running4.focused { background-image: url("./media/highlight_stacked_bg.svg"); background-position: 0px 0px; background-size: contain; } #dashtodockContainer.left .metro.running4.focused, #dashtodockContainer.right .metro.running4.focused { background-image: url("./media/highlight_stacked_bg_h.svg"); background-position: 0px 0px; background-size: contain; } /* Yaru Dock styling */ #dashtodockContainer.bottom #dash, #dashtodockContainer.bottom.dashtodock #dash, #dashtodockContainer.bottom.shrink #dash { margin: 0px; padding: 0px; } #dashtodockContainer.bottom #dash .dash-background, #dashtodockContainer.bottom.dashtodock #dash .dash-background, #dashtodockContainer.bottom.shrink #dash .dash-background { background: rgba(19, 19, 19, 0.75); transition-duration: 250ms; } #dashtodockContainer.bottom #dash .dash-separator, #dashtodockContainer.bottom.dashtodock #dash .dash-separator, #dashtodockContainer.bottom.shrink #dash .dash-separator { background: rgba(238, 238, 236, 0.3); } #dashtodockContainer.bottom.overview #dash .dash-background, #dashtodockContainer.bottom.overview.dashtodock #dash .dash-background, #dashtodockContainer.bottom.overview.shrink #dash .dash-background { background-color: #131313; } #dashtodockContainer.bottom.extended #dash .dash-background, #dashtodockContainer.bottom.extended.dashtodock #dash .dash-background, #dashtodockContainer.bottom.extended.shrink #dash .dash-background { border: none; } #dashtodockContainer.bottom .dash-item-container .show-apps, #dashtodockContainer.bottom .dash-item-container .app-well-app, #dashtodockContainer.bottom .dash-item-container .grid-search-result { border-radius: 18px; } #dashtodockContainer.bottom .dash-item-container .show-apps:active .overview-icon, #dashtodockContainer.bottom .dash-item-container .show-apps:checked .overview-icon, #dashtodockContainer.bottom .dash-item-container .app-well-app:active .overview-icon, #dashtodockContainer.bottom .dash-item-container .grid-search-result:active .overview-icon, #dashtodockContainer.bottom .dash-item-container .app-well-app:checked .overview-icon, #dashtodockContainer.bottom .dash-item-container .grid-search-result:checked .overview-icon { background-color: rgba(255, 255, 255, 0.25); box-shadow: none; } #dashtodockContainer.bottom .notification-badge { background-color: #109b26; border: 1px solid #0c6d1a; box-shadow: -1px 1px 5px 0px rgba(0, 0, 0, 0.5); } #dashtodockContainer.top #dash, #dashtodockContainer.top.dashtodock #dash, #dashtodockContainer.top.shrink #dash { margin: 0px; padding: 0px; } #dashtodockContainer.top #dash .dash-background, #dashtodockContainer.top.dashtodock #dash .dash-background, #dashtodockContainer.top.shrink #dash .dash-background { background: rgba(19, 19, 19, 0.75); transition-duration: 250ms; } #dashtodockContainer.top #dash .dash-separator, #dashtodockContainer.top.dashtodock #dash .dash-separator, #dashtodockContainer.top.shrink #dash .dash-separator { background: rgba(238, 238, 236, 0.3); } #dashtodockContainer.top.overview #dash .dash-background, #dashtodockContainer.top.overview.dashtodock #dash .dash-background, #dashtodockContainer.top.overview.shrink #dash .dash-background { background-color: #131313; } #dashtodockContainer.top.extended #dash .dash-background, #dashtodockContainer.top.extended.dashtodock #dash .dash-background, #dashtodockContainer.top.extended.shrink #dash .dash-background { border: none; } #dashtodockContainer.top .dash-item-container .show-apps, #dashtodockContainer.top .dash-item-container .app-well-app, #dashtodockContainer.top .dash-item-container .grid-search-result { border-radius: 18px; } #dashtodockContainer.top .dash-item-container .show-apps:active .overview-icon, #dashtodockContainer.top .dash-item-container .show-apps:checked .overview-icon, #dashtodockContainer.top .dash-item-container .app-well-app:active .overview-icon, #dashtodockContainer.top .dash-item-container .grid-search-result:active .overview-icon, #dashtodockContainer.top .dash-item-container .app-well-app:checked .overview-icon, #dashtodockContainer.top .dash-item-container .grid-search-result:checked .overview-icon { background-color: rgba(255, 255, 255, 0.25); box-shadow: none; } #dashtodockContainer.top .notification-badge { background-color: #109b26; border: 1px solid #0c6d1a; box-shadow: -1px 1px 5px 0px rgba(0, 0, 0, 0.5); } #dashtodockContainer.left #dash, #dashtodockContainer.left.dashtodock #dash, #dashtodockContainer.left.shrink #dash { margin: 0px; padding: 0px; } #dashtodockContainer.left #dash .dash-background, #dashtodockContainer.left.dashtodock #dash .dash-background, #dashtodockContainer.left.shrink #dash .dash-background { background: rgba(19, 19, 19, 0.75); transition-duration: 250ms; } #dashtodockContainer.left #dash .dash-separator, #dashtodockContainer.left.dashtodock #dash .dash-separator, #dashtodockContainer.left.shrink #dash .dash-separator { background: rgba(238, 238, 236, 0.3); } #dashtodockContainer.left.overview #dash .dash-background, #dashtodockContainer.left.overview.dashtodock #dash .dash-background, #dashtodockContainer.left.overview.shrink #dash .dash-background { background-color: #131313; } #dashtodockContainer.left.extended #dash .dash-background, #dashtodockContainer.left.extended.dashtodock #dash .dash-background, #dashtodockContainer.left.extended.shrink #dash .dash-background { border: none; } #dashtodockContainer.left .dash-item-container .show-apps, #dashtodockContainer.left .dash-item-container .app-well-app, #dashtodockContainer.left .dash-item-container .grid-search-result { border-radius: 18px; } #dashtodockContainer.left .dash-item-container .show-apps:active .overview-icon, #dashtodockContainer.left .dash-item-container .show-apps:checked .overview-icon, #dashtodockContainer.left .dash-item-container .app-well-app:active .overview-icon, #dashtodockContainer.left .dash-item-container .grid-search-result:active .overview-icon, #dashtodockContainer.left .dash-item-container .app-well-app:checked .overview-icon, #dashtodockContainer.left .dash-item-container .grid-search-result:checked .overview-icon { background-color: rgba(255, 255, 255, 0.25); box-shadow: none; } #dashtodockContainer.left .notification-badge { background-color: #109b26; border: 1px solid #0c6d1a; box-shadow: -1px 1px 5px 0px rgba(0, 0, 0, 0.5); } #dashtodockContainer.right #dash, #dashtodockContainer.right.dashtodock #dash, #dashtodockContainer.right.shrink #dash { margin: 0px; padding: 0px; } #dashtodockContainer.right #dash .dash-background, #dashtodockContainer.right.dashtodock #dash .dash-background, #dashtodockContainer.right.shrink #dash .dash-background { background: rgba(19, 19, 19, 0.75); transition-duration: 250ms; } #dashtodockContainer.right #dash .dash-separator, #dashtodockContainer.right.dashtodock #dash .dash-separator, #dashtodockContainer.right.shrink #dash .dash-separator { background: rgba(238, 238, 236, 0.3); } #dashtodockContainer.right.overview #dash .dash-background, #dashtodockContainer.right.overview.dashtodock #dash .dash-background, #dashtodockContainer.right.overview.shrink #dash .dash-background { background-color: #131313; } #dashtodockContainer.right.extended #dash .dash-background, #dashtodockContainer.right.extended.dashtodock #dash .dash-background, #dashtodockContainer.right.extended.shrink #dash .dash-background { border: none; } #dashtodockContainer.right .dash-item-container .show-apps, #dashtodockContainer.right .dash-item-container .app-well-app, #dashtodockContainer.right .dash-item-container .grid-search-result { border-radius: 18px; } #dashtodockContainer.right .dash-item-container .show-apps:active .overview-icon, #dashtodockContainer.right .dash-item-container .show-apps:checked .overview-icon, #dashtodockContainer.right .dash-item-container .app-well-app:active .overview-icon, #dashtodockContainer.right .dash-item-container .grid-search-result:active .overview-icon, #dashtodockContainer.right .dash-item-container .app-well-app:checked .overview-icon, #dashtodockContainer.right .dash-item-container .grid-search-result:checked .overview-icon { background-color: rgba(255, 255, 255, 0.25); box-shadow: none; } #dashtodockContainer.right .notification-badge { background-color: #109b26; border: 1px solid #0c6d1a; box-shadow: -1px 1px 5px 0px rgba(0, 0, 0, 0.5); } (uuay)workspace-placeholder.svg � <svg viewBox="0 0 27 76" xmlns="http://www.w3.org/2000/svg"><defs><radialGradient id="a" cx="49" cy="488" r="38" gradientTransform="matrix(1 0 0 .34868 24.5 341.84)" gradientUnits="userSpaceOnUse"><stop stop-color="#fff" offset="0"/><stop stop-color="#fff" stop-opacity="0" offset="1"/></radialGradient><radialGradient id="b" cx="50.5" cy="487.5" r="10.5" gradientTransform="translate(8.571 -114.79) scale(1.2857)" gradientUnits="userSpaceOnUse"><stop stop-color="#fff" offset="0"/><stop stop-color="#fff" stop-opacity="0" offset="1"/></radialGradient></defs><g transform="rotate(90 280.499 244.999)" color="#000"><rect x="35.5" y="511" width="76" height="2" rx="0" ry="0" fill="url(#a)" opacity=".494"/><path d="M87 512c0 7.456-6.044 13.5-13.5 13.5S60 519.456 60 512s6.044-13.5 13.5-13.5S87 504.544 87 512z" fill="url(#b)" opacity=".431"/><path d="M78.077 512a4.577 4.577 0 1 1-9.154 0 4.577 4.577 0 0 1 9.154 0z" fill="#fff"/></g></svg> (uuay)toggle-on-hc-light.svg� <svg viewBox="0 0 48 26" xmlns="http://www.w3.org/2000/svg"><g transform="translate(0 -291.18)"><rect y="291.18" width="48" height="26" rx="13" ry="13" fill="#E95420"/><rect x="24" y="293.18" width="22" height="22" rx="11" ry="11" fill="#f8f7f7"/><rect x="8" y="299.18" width="10" height="10" rx="11" ry="11" fill="none" stroke="#f8f7f7" stroke-linecap="round" stroke-linejoin="round" stroke-width="2"/></g></svg> (uuay)toggle-off-purple-dark.svgP <svg width="48" height="26" xmlns="http://www.w3.org/2000/svg"><rect style="fill:#4a4a4a;fill-opacity:1;stroke:none;stroke-width:1;marker:none" width="48" height="26" x="-48" ry="13" fill="#3081e3" rx="13" transform="scale(-1 1)"/><rect ry="11" rx="11" y="3" x="-24" height="22" width="22" style="fill:#000;fill-opacity:.2;stroke:none;stroke-width:.999999;marker:none" fill="#f8f7f7" transform="scale(-1 1)"/><rect ry="11" rx="11" y="2" x="-24" height="22" width="22" style="fill:#fff;fill-opacity:1;stroke:none;stroke-width:.999999;marker:none" fill="#f8f7f7" transform="scale(-1 1)"/></svg> (uuay)running-indicator.svg � <svg viewBox="0 0 119.98 119.98" xmlns="http://www.w3.org/2000/svg"><defs><radialGradient id="a" cx="47.429" cy="167.17" r="37" gradientTransform="matrix(1.0115 0 0 .57582 -.393 71.838)" gradientUnits="userSpaceOnUse"><stop stop-color="#fff" offset="0"/><stop stop-color="#fff" stop-opacity="0" offset="1"/></radialGradient><radialGradient id="b" cx="49.067" cy="242.5" r="37.007" gradientTransform="matrix(1.1892 0 0 .15252 -9.281 132.53)" gradientUnits="userSpaceOnUse"><stop stop-color="#fff" offset="0"/><stop stop-color="#fff" stop-opacity="0" offset="1"/></radialGradient></defs><g transform="translate(-17.842 -158.888) scale(1.6213)"><rect x="12.597" y="99.597" width="71.116" height="71.116" rx="3.459" ry="3.459" fill="url(#a)" opacity=".372"/><path d="M83.273 166.72a3.544 3.544 0 0 1-3.552 3.552H16.278a3.544 3.544 0 0 1-3.551-3.552" fill="none" opacity=".35" stroke="url(#b)"/></g></svg> (uuay)toggle-off-sage-dark.svg P <svg width="48" height="26" xmlns="http://www.w3.org/2000/svg"><rect style="fill:#4a4a4a;fill-opacity:1;stroke:none;stroke-width:1;marker:none" width="48" height="26" x="-48" ry="13" fill="#3081e3" rx="13" transform="scale(-1 1)"/><rect ry="11" rx="11" y="3" x="-24" height="22" width="22" style="fill:#000;fill-opacity:.2;stroke:none;stroke-width:.999999;marker:none" fill="#f8f7f7" transform="scale(-1 1)"/><rect ry="11" rx="11" y="2" x="-24" height="22" width="22" style="fill:#fff;fill-opacity:1;stroke:none;stroke-width:.999999;marker:none" fill="#f8f7f7" transform="scale(-1 1)"/></svg> (uuay)gnome-shell-olive-dark.css ۙ /* This stylesheet is generated, DO NOT EDIT */ /* Copyright 2009, 2015 Red Hat, Inc. * * Portions adapted from Mx's data/style/default.css * Copyright 2009 Intel Corporation * * This program is free software; you can redistribute it and/or modify it * under the terms and conditions of the GNU Lesser General Public License, * version 2.1, as published by the Free Software Foundation. * * This program is distributed in the hope it will be useful, but WITHOUT ANY * WARRANTY; without even the implied warranty of MERCHANTABILITY or FITNESS * FOR A PARTICULAR PURPOSE. See the GNU Lesser General Public License for * more details. * * You should have received a copy of the GNU Lesser General Public License * along with this program; if not, write to the Free Software Foundation, * Inc., 51 Franklin St - Fifth Floor, Boston, MA 02110-1301 USA. */ /* Global Values */ stage { font-size: 11pt; color: #F7F7F7; } /* Common Stylings */ .screenshot-ui-panel, .workspace-switcher, .switcher-list, .resize-popup, .osd-monitor-label, .osd-window { color: #eeeeec; background-color: rgba(29, 29, 29, 0.975); border: 1px solid #464646; border-radius: 999px; padding: 12px; box-shadow: 0 3px 9px 1px rgba(0, 0, 0, 0.5); } .workspace-thumbnails .workspace-thumbnail { color: #eeeeec; background-color: rgba(238, 238, 236, 0.1); } .app-well-app.app-folder .overview-icon, .app-folder.grid-search-result .overview-icon, .app-well-app .overview-icon, .grid-search-result .overview-icon, .dash-item-container .show-apps .overview-icon, .list-search-result, .search-provider-icon, .switcher-list .item-box { border-radius: 12px; padding: 6px; spacing: 6px; border: 2px solid transparent; transition-duration: 100ms; text-align: center; color: #eeeeec; } .modal-dialog { color: #F7F7F7; background-color: #1d1d1d; border-radius: 8.5px; border: 1px solid rgba(247, 247, 247, 0.15); } #LookingGlassDialog > #Toolbar .lg-toolbar-button, .pad-osd-window .button, .button, .app-folder-dialog .folder-name-container .edit-folder-button { border-radius: 4px; border-style: solid; border-width: 1px; font-weight: bold; padding: 3px 24px; color: #F7F7F7; background-color: #2c2c2c; } #LookingGlassDialog > #Toolbar .lg-toolbar-button:focus, .button:focus, .app-folder-dialog .folder-name-container .edit-folder-button:focus { color: #F7F7F7; background-color: #2c2c2c; box-shadow: inset 0 0 0 2px #73cc02; } #LookingGlassDialog > #Toolbar .lg-toolbar-button:focus:hover, .button:focus:hover, .app-folder-dialog .folder-name-container .edit-folder-button:focus:hover { background-color: #343434; box-shadow: inset 0 0 0 2px #73cc02; } #LookingGlassDialog > #Toolbar .lg-toolbar-button:focus:active, .button:focus:active, .app-folder-dialog .folder-name-container .edit-folder-button:focus:active { background-color: #3b3b3b; box-shadow: inset 0 0 0 2px #73cc02; } #LookingGlassDialog > #Toolbar .lg-toolbar-button:hover, .button:hover, .app-folder-dialog .folder-name-container .edit-folder-button:hover { color: #F7F7F7; background-color: #343434; } #LookingGlassDialog > #Toolbar .lg-toolbar-button:insensitive, .button:insensitive, .app-folder-dialog .folder-name-container .edit-folder-button:insensitive { color: rgba(247, 247, 247, 0.5); background-color: rgba(247, 247, 247, 0.05); } #LookingGlassDialog > #Toolbar .lg-toolbar-button:active, .button:active, .app-folder-dialog .folder-name-container .edit-folder-button:active { color: #F7F7F7; background-color: #3b3b3b; } #LookingGlassDialog > #Toolbar .lg-toolbar-button:checked, .button:checked, .app-folder-dialog .folder-name-container .edit-folder-button:checked { color: #F7F7F7; background-color: #434343; } #LookingGlassDialog > #Toolbar .lg-toolbar-button:checked:hover, .button:checked:hover, .app-folder-dialog .folder-name-container .edit-folder-button:checked:hover { background-color: #4b4b4b; } #LookingGlassDialog > #Toolbar .lg-toolbar-button:checked:active, .button:checked:active, .app-folder-dialog .folder-name-container .edit-folder-button:checked:active { background-color: #525252; } .app-folder-dialog .folder-name-container .edit-folder-button { color: #F7F7F7; background-color: #2c2c2c; } .app-folder-dialog .folder-name-container .edit-folder-button:focus { color: #F7F7F7; background-color: #2c2c2c; box-shadow: inset 0 0 0 2px #73cc02; } .app-folder-dialog .folder-name-container .edit-folder-button:focus:hover { background-color: #343434; box-shadow: inset 0 0 0 2px #73cc02; } .app-folder-dialog .folder-name-container .edit-folder-button:focus:active { background-color: #3b3b3b; box-shadow: inset 0 0 0 2px #73cc02; } .app-folder-dialog .folder-name-container .edit-folder-button:hover { color: #F7F7F7; background-color: #343434; } .app-folder-dialog .folder-name-container .edit-folder-button:insensitive { color: rgba(247, 247, 247, 0.5); background-color: rgba(247, 247, 247, 0.05); } .app-folder-dialog .folder-name-container .edit-folder-button:active { color: #F7F7F7; background-color: #3b3b3b; } .app-folder-dialog .folder-name-container .edit-folder-button:checked { color: #F7F7F7; background-color: #434343; } .app-folder-dialog .folder-name-container .edit-folder-button:checked:hover { background-color: #4b4b4b; } .app-folder-dialog .folder-name-container .edit-folder-button:checked:active { background-color: #525252; } .modal-dialog .modal-dialog-linked-button, .hotplug-notification-item, .notification-banner .notification-button { padding: 12px; color: #F7F7F7; background-color: #2c2c2c; } .modal-dialog .modal-dialog-linked-button:ltr, .hotplug-notification-item:ltr, .notification-banner .notification-button:ltr { margin-right: 1px; } .modal-dialog .modal-dialog-linked-button:rtl, .hotplug-notification-item:rtl, .notification-banner .notification-button:rtl { margin-left: 1px; } .modal-dialog .modal-dialog-linked-button:insensitive, .hotplug-notification-item:insensitive, .notification-banner .notification-button:insensitive { color: rgba(247, 247, 247, 0.5); background-color: rgba(247, 247, 247, 0.05); } .modal-dialog .modal-dialog-linked-button:focus, .hotplug-notification-item:focus, .notification-banner .notification-button:focus { color: #F7F7F7; background-color: #2c2c2c; box-shadow: inset 0 0 0 2px #73cc02; } .modal-dialog .modal-dialog-linked-button:focus:hover, .hotplug-notification-item:focus:hover, .notification-banner .notification-button:focus:hover { background-color: #343434; box-shadow: inset 0 0 0 2px #73cc02; } .modal-dialog .modal-dialog-linked-button:focus:active, .hotplug-notification-item:focus:active, .notification-banner .notification-button:focus:active { background-color: #3b3b3b; box-shadow: inset 0 0 0 2px #73cc02; } .modal-dialog .modal-dialog-linked-button:hover, .hotplug-notification-item:hover, .notification-banner .notification-button:hover { color: #F7F7F7; background-color: #343434; } .modal-dialog .modal-dialog-linked-button:active, .hotplug-notification-item:active, .notification-banner .notification-button:active { color: #F7F7F7; background-color: #3b3b3b; } .modal-dialog .modal-dialog-linked-button:first-child:ltr, .hotplug-notification-item:first-child:ltr, .notification-banner .notification-button:first-child:ltr { border-radius: 0 0 0 7.5px; } .modal-dialog .modal-dialog-linked-button:last-child:ltr, .hotplug-notification-item:last-child:ltr, .notification-banner .notification-button:last-child:ltr { border-radius: 0 0 7.5px 0; margin-right: 0 !important; } .modal-dialog .modal-dialog-linked-button:first-child:rtl, .hotplug-notification-item:first-child:rtl, .notification-banner .notification-button:first-child:rtl { border-radius: 0 0 7.5px 0; margin-left: 0 !important; } .modal-dialog .modal-dialog-linked-button:last-child:rtl, .hotplug-notification-item:last-child:rtl, .notification-banner .notification-button:last-child:rtl { border-radius: 0 0 0 7.5px; margin-right: 0 !important; } .modal-dialog .modal-dialog-linked-button:first-child:last-child, .hotplug-notification-item:first-child:last-child, .notification-banner .notification-button:first-child:last-child { border-radius: 0 0 7.5px 7.5px !important; margin-left: 0 !important; margin-right: 0 !important; } .screenshot-ui-show-pointer-button, .screenshot-ui-type-button { background-color: transparent; background-color: none; } .screenshot-ui-show-pointer-button:insensitive, .screenshot-ui-type-button:insensitive { color: rgba(247, 247, 247, 0.5); background-color: rgba(247, 247, 247, 0.05); background-color: transparent; color: rgba(255, 255, 255, 0.5); } .screenshot-ui-show-pointer-button:insensitive, .screenshot-ui-type-button:insensitive { background-color: transparent; background-color: none; } .screenshot-ui-show-pointer-button:insensitive:insensitive, .screenshot-ui-type-button:insensitive:insensitive { color: rgba(247, 247, 247, 0.5); background-color: rgba(247, 247, 247, 0.05); background-color: transparent; color: rgba(255, 255, 255, 0.5); } .screenshot-ui-show-pointer-button:focus, .screenshot-ui-type-button:focus { color: #eeeeec; background-color: rgba(44, 44, 44, 0.97675); box-shadow: inset 0 0 0 2px #73cc02; } .screenshot-ui-show-pointer-button:focus:hover, .screenshot-ui-type-button:focus:hover { background-color: rgba(52, 52, 52, 0.97675); box-shadow: inset 0 0 0 2px #73cc02; } .screenshot-ui-show-pointer-button:focus:active, .screenshot-ui-type-button:focus:active { background-color: rgba(59, 59, 59, 0.97675); box-shadow: inset 0 0 0 2px #73cc02; } .screenshot-ui-show-pointer-button:hover, .screenshot-ui-type-button:hover { color: #eeeeec; background-color: rgba(52, 52, 52, 0.97675); } .screenshot-ui-show-pointer-button:active, .screenshot-ui-type-button:active { color: #eeeeec; background-color: rgba(59, 59, 59, 0.97675); } .screenshot-ui-show-pointer-button:outlined, .screenshot-ui-type-button:outlined, .screenshot-ui-show-pointer-button:checked, .screenshot-ui-type-button:checked { color: #eeeeec; background-color: rgba(67, 67, 67, 0.97675); } .screenshot-ui-show-pointer-button:outlined:hover, .screenshot-ui-type-button:outlined:hover, .screenshot-ui-show-pointer-button:checked:hover, .screenshot-ui-type-button:checked:hover { background-color: rgba(75, 75, 75, 0.97675); } .screenshot-ui-show-pointer-button:outlined:active, .screenshot-ui-type-button:outlined:active, .screenshot-ui-show-pointer-button:checked:active, .screenshot-ui-type-button:checked:active { background-color: rgba(82, 82, 82, 0.97675); } /* General Typography */ .app-folder-dialog .folder-name-container .folder-name-label, .app-folder-dialog .folder-name-container .folder-name-entry, .search-statustext { font-weight: 800; font-size: 20pt; } .lg-debug-flags-header, .message-dialog-content .message-dialog-title, .message-list .message-list-placeholder, .datemenu-today-button .date-label { font-weight: 800; font-size: 15pt; } .nm-dialog-airplane-headline { font-weight: 700; font-size: 15pt; } .message-dialog-content .message-dialog-title.lightweight, .headline { font-weight: 700; font-size: 13pt; } .lg-extension-name, .osd-window, .nm-dialog-header, .dialog-list .dialog-list-title, .message-list-controls, .weather-button .weather-forecast-temp, .weather-button .weather-header, .world-clocks-button .world-clocks-time, .world-clocks-button .world-clocks-header, .events-button .events-title, .calendar .calendar-month-header .calendar-month-label, .datemenu-today-button .day-label, .popup-menu-ornament { font-weight: 700; font-size: 11pt; } .app-menu .popup-inactive-menu-item:first-child > StLabel { font-weight: 700; font-size: 9pt; } .login-dialog-not-listed-label, .lg-completions-text, .caps-lock-warning-label, #dash, .icon-label-button-container, .prompt-dialog-error-label, .prompt-dialog-info-label, .prompt-dialog-null-label, .run-dialog .run-dialog-description, .dialog-list .dialog-list-box .dialog-list-item .dialog-list-item-description, .weather-button .weather-forecast-time, .world-clocks-button .world-clocks-timezone, .events-button .event-time { font-weight: 400; font-size: 9pt; } .calendar .calendar-day-base.calendar-day-heading, .calendar .calendar-day-base { font-weight: 400; font-size: 8pt; } .unlock-dialog-clock-time, #panel, .weather-button .weather-forecast-time, .world-clocks-button .world-clocks-timezone, .world-clocks-button .world-clocks-time, .events-button .event-time, .calendar .calendar-day-base { font-feature-settings: "tnum"; } /* WIDGETS */ .shell-link { color: #84ea02; } .shell-link:hover { color: #9dfd22; } .lowres-icon { icon-shadow: 0 1px 2px rgba(0, 0, 0, 0.3); } .icon-dropshadow { icon-shadow: 0 1px 5px rgba(0, 0, 0, 0.8); } /* Entries */ StEntry { min-height: 22px; border-radius: 6px; padding: 8px; border-width: 1px; color: #F7F7F7; background-color: #1d1d1d; color: rgba(247, 247, 247, 0.7); border: 1px solid #464646; selection-background-color: #4B8501; selected-color: #FFFFFF; } StEntry:hover { background-color: #1d1d1d; border-color: #535353; color: #F7F7F7; } StEntry:focus { background-color: #1d1d1d; border-color: #73cc02; box-shadow: 0 0 0 1px #73cc02 inset; color: #F7F7F7; } StEntry:insensitive { background-color: #2c2c2c; border-color: #2c2c2c; color: #8a8a8a; } StEntry StIcon.capslock-warning { icon-size: 16px; warning-color: #f99b11; padding: 0 4px; } StEntry StIcon.peek-password { icon-size: 1.09em; padding: 0 4px; } StEntry StLabel.hint-text { margin-left: 2px; color: rgba(247, 247, 247, 0.7); } /* Buttons */ .button { min-height: 22px; } /* Check Boxes */ .check-box StBoxLayout { spacing: .8em; } .check-box StBin { width: 24px; height: 22px; background-image: url("resource:///org/gnome/shell/theme/checkbox-off-olive-dark.svg"); } .check-box:focus StBin { background-image: url("resource:///org/gnome/shell/theme/checkbox-off-focused-olive-dark.svg"); } .check-box:checked StBin { background-image: url("resource:///org/gnome/shell/theme/checkbox-olive-dark.svg"); } .check-box:focus:checked StBin { background-image: url("resource:///org/gnome/shell/theme/checkbox-focused-olive-dark.svg"); } /* Switches */ .toggle-switch { color: #F7F7F7; height: 26px; width: 48px; background-size: contain; background-image: url("resource:///org/gnome/shell/theme/toggle-off-olive-dark.svg"); } .toggle-switch:checked { background-image: url("resource:///org/gnome/shell/theme/toggle-on-olive-dark.svg"); } /* Slider */ .slider { -barlevel-height: 4px; -barlevel-background-color: rgba(247, 247, 247, 0.2); -barlevel-border-width: 2px; -barlevel-border-color: transparent; -barlevel-active-background-color: #4B8501; -barlevel-active-border-color: transparent; -barlevel-overdrive-color: #991121; -barlevel-overdrive-border-color: transparent; -barlevel-overdrive-separator-width: 1px; -slider-handle-border-width: 0; -slider-handle-border-color: transparent; -slider-handle-radius: 8px; color: #fcfcfc; height: 16px; } /* Scrollbars */ StScrollView.vfade { -st-vfade-offset: 68px; } StScrollView.hfade { -st-hfade-offset: 68px; } StScrollBar { padding: 0; } StScrollView StScrollBar { min-width: 8px; min-height: 8px; } StScrollBar StBin#trough { border-radius: 0; background-color: transparent; } StScrollBar StButton#vhandle, StScrollBar StButton#hhandle { border-radius: 8px; background-color: #5e5e5e; border: 3px solid transparent; transition: 500ms all ease; } StScrollBar StButton#vhandle:hover, StScrollBar StButton#hhandle:hover { background-color: #8a8a8a; } StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { background-color: #747474; } /* Popovers/Menus */ .popup-menu-boxpointer, .candidate-popup-boxpointer { -arrow-rise: 6px; } .popup-menu { min-width: 15em; color: #F7F7F7; } .popup-menu.panel-menu { margin-bottom: 1.75em; } .popup-menu-content, .candidate-popup-content { padding: 6px; border-radius: 10px; border: 1px solid rgba(247, 247, 247, 0.15); box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.1); background-color: #1d1d1d; } .popup-menu-item { padding: 9px 12px; border-radius: 6px; spacing: 6px; transition: 0.2s all ease; background-color: transparent; } .popup-menu-item:ltr { padding-left: 6px; } .popup-menu-item:rtl { padding-right: 6px; } .popup-menu-item:focus, .popup-menu-item:hover { background-color: rgba(247, 247, 247, 0.1) !important; } .popup-menu-item:focus:active, .popup-menu-item:hover:active { background-color: rgba(247, 247, 247, 0.2) !important; } .popup-menu-item:checked { background-color: #343434 !important; } .popup-menu-item:checked { margin-bottom: 0; box-shadow: inset 0 -1px 0 0 #272727; border-radius: 6px 6px 0 0; } .popup-menu-item:checked:focus, .popup-menu-item:checked:hover { background-color: #434343 !important; } .popup-menu-item:checked:active { background-color: #4b4b4b !important; } .popup-menu-item:active { background-color: #4b4b4b; color: #efefef; } .popup-menu-item:insensitive { color: rgba(247, 247, 247, 0.5); } .popup-menu-item .toggle-switch:ltr { margin-left: 4px; } .popup-menu-item .toggle-switch:rtl { margin-right: 4px; } .popup-inactive-menu-item { color: #F7F7F7; } .popup-inactive-menu-item:insensitive { color: #8a8a8a; } .popup-menu-arrow, .popup-menu-icon { icon-size: 16px !important; } .popup-sub-menu { background-color: #343434; border-radius: 0 0 6px 6px; } .popup-sub-menu .popup-menu-ornament { min-width: 1.09em !important; } .popup-sub-menu .popup-menu-item { border-radius: 0; margin: 0; } .popup-sub-menu .popup-menu-item:last-child { border-radius: 0 0 6px 6px; } .popup-sub-menu .popup-menu-item:focus, .popup-sub-menu .popup-menu-item:hover { background-color: rgba(255, 255, 255, 0.1) !important; } .popup-sub-menu .popup-menu-item:checked { background-color: #4e4e4e !important; } .popup-sub-menu .popup-menu-item:checked:focus, .popup-sub-menu .popup-menu-item:checked:hover { background-color: #484848 !important; } .popup-sub-menu .popup-menu-item:active { background-color: rgba(255, 255, 255, 0.2) !important; } .popup-sub-menu .popup-menu-section .popup-menu-item:last-child:hover, .popup-sub-menu .popup-menu-section .popup-menu-item:last-child:focus { border-radius: 0; } .popup-sub-menu .popup-menu-section:last-child .popup-menu-item:last-child { border-radius: 0 0 6px 6px; } .popup-menu-ornament { width: 1.2em; text-align: center !important; } .popup-menu-ornament:ltr { text-align: right; } .popup-menu-ornament:rtl { text-align: left; } .popup-separator-menu-item { margin: 6px 0; padding: 0 !important; } .popup-separator-menu-item:ltr { margin-right: 4px; } .popup-separator-menu-item:rtl { margin-left: 4px; } .popup-separator-menu-item .popup-separator-menu-item-separator { height: 1px; background-color: #464646; } .popup-separator-menu-item .popup-menu-ornament { width: 0 !important; } .popup-sub-menu .popup-separator-menu-item { background-color: transparent; } .popup-sub-menu .popup-separator-menu-item:ltr { margin-right: 2.5em; } .popup-sub-menu .popup-separator-menu-item:rtl { margin-left: 2.5em; } .popup-sub-menu .popup-separator-menu-item .popup-separator-menu-item-separator { background-color: #585858; } .background-menu { -boxpointer-gap: 0px; -arrow-rise: 0px; } .aggregate-menu { min-width: 22em; } .aggregate-menu .popup-menu-ornament { width: 0 !important; } .aggregate-menu .popup-menu-icon { -st-icon-style: symbolic; } .aggregate-menu .popup-menu-icon:ltr { margin-right: 8px; } .aggregate-menu .popup-menu-icon:rtl { margin-left: 8px; } .aggregate-menu .popup-sub-menu .popup-menu-item > :first-child:ltr { margin-left: 1em; } .aggregate-menu .popup-sub-menu .popup-menu-item > :first-child:rtl { margin-right: 1em; } .app-menu { max-width: 27.25em; } .app-menu .popup-menu-ornament { width: 0 !important; } .app-menu .popup-inactive-menu-item:first-child > StLabel:ltr { margin-right: 8px; } .app-menu .popup-inactive-menu-item:first-child > StLabel:rtl { margin-left: 8px; } /* Date/Time Menu */ #calendarArea { padding: 4px; } .datemenu-calendar-column { spacing: 6px; } .datemenu-calendar-column:ltr { padding-left: 6px; } .datemenu-calendar-column:rtl { padding-right: 6px; } .datemenu-calendar-column .datemenu-displays-box { spacing: 6px; } /* today button (the date) */ .datemenu-today-button { border-radius: 6px; margin: 4px; box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.1); background-color: transparent; background-color: none; box-shadow: none !important; padding: 9px; } .datemenu-today-button:insensitive { color: rgba(247, 247, 247, 0.5); background-color: rgba(247, 247, 247, 0.05); background-color: transparent; color: rgba(255, 255, 255, 0.5); } .datemenu-today-button:focus { color: #F7F7F7; background-color: #2c2c2c; box-shadow: inset 0 0 0 2px #73cc02; } .datemenu-today-button:focus:hover { background-color: #343434; box-shadow: inset 0 0 0 2px #73cc02; } .datemenu-today-button:focus:active { background-color: #3b3b3b; box-shadow: inset 0 0 0 2px #73cc02; } .datemenu-today-button:hover { color: #F7F7F7; background-color: #343434; } .datemenu-today-button:active { color: #F7F7F7; background-color: #3b3b3b; } .datemenu-today-button:insensitive .day-label, .datemenu-today-button:insensitive .date-label { color: #8a8a8a; } /* Calendar */ .calendar { border-radius: 6px; margin: 4px; box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.1); background-color: transparent; background-color: none; box-shadow: none !important; margin-top: 0; } .calendar:insensitive { color: rgba(247, 247, 247, 0.5); background-color: rgba(247, 247, 247, 0.05); background-color: transparent; color: rgba(255, 255, 255, 0.5); } .calendar:focus { color: #F7F7F7; background-color: #2c2c2c; box-shadow: inset 0 0 0 2px #73cc02; } .calendar:focus:hover { background-color: #343434; box-shadow: inset 0 0 0 2px #73cc02; } .calendar:focus:active { background-color: #3b3b3b; box-shadow: inset 0 0 0 2px #73cc02; } .calendar:hover { color: #F7F7F7; background-color: #343434; } .calendar:active { color: #F7F7F7; background-color: #3b3b3b; } .calendar .calendar-month-header .calendar-change-month-back StIcon, .calendar .calendar-month-header .calendar-change-month-forward StIcon { icon-size: 1.09em; } .calendar .calendar-month-header .calendar-month-label { color: white; padding: 8px 0; } .calendar .calendar-month-header .pager-button { background-color: transparent; height: 32px; width: 32px; margin: 2px; border-radius: 4px; } .calendar .calendar-month-header .pager-button:hover, .calendar .calendar-month-header .pager-button:focus { background-color: rgba(247, 247, 247, 0.1); } .calendar .calendar-month-header .pager-button:active { background-color: rgba(247, 247, 247, 0.2); } .calendar .calendar-day-base { text-align: center; margin: 2px; padding: 0 !important; height: 3em !important; width: 3em !important; border-radius: 99px; } .calendar .calendar-day-base:hover { background-color: rgba(247, 247, 247, 0.1); } .calendar .calendar-day-base:focus { background-color: #263217; box-shadow: inset 0 0 0 2px rgba(75, 133, 1, 0.6); } .calendar .calendar-day-base:active, .calendar .calendar-day-base:selected { color: #efefef; background-color: rgba(247, 247, 247, 0.2); } .calendar .calendar-day-base:active:focus, .calendar .calendar-day-base:selected:focus { background-color: rgba(128, 168, 77, 0.36); } .calendar .calendar-day-base.calendar-day-heading { color: #8a8a8a; padding-top: 6px; height: 16px !important; font-weight: bold; } .calendar .calendar-nonwork-day { color: #8a8a8a; } .calendar .calendar-other-month-day { color: rgba(247, 247, 247, 0.5); } .calendar .calendar-other-month-day.calendar-nonwork-day { color: rgba(138, 138, 138, 0.5); } .calendar .calendar-today { background-color: #4B8501; font-weight: 800; color: #FFFFFF !important; } .calendar .calendar-today:hover, .calendar .calendar-today:focus { background-color: #549401; color: inherit; } .calendar .calendar-today:active, .calendar .calendar-today:selected { background-color: #4B8501; color: inherit; } .calendar .calendar-today:active:hover, .calendar .calendar-today:active:focus, .calendar .calendar-today:selected:hover, .calendar .calendar-today:selected:focus { background-color: #549401; color: inherit; } .calendar .calendar-day-with-events { background-image: url("resource:///org/gnome/shell/theme/calendar-today.svg"); background-size: contain; } .calendar .calendar-week-number { font-size: 7pt; font-weight: bold; font-feature-settings: "tnum"; margin: 6px; padding: 0 6px; border-radius: 3px; background-color: #181818; color: #8a8a8a; } /* Events */ .events-button { border-radius: 6px; margin: 4px; box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.1); color: #F7F7F7; background-color: #2c2c2c; padding: 12px; } .events-button:focus { color: #F7F7F7; background-color: #2c2c2c; box-shadow: inset 0 0 0 2px #73cc02; } .events-button:focus:hover { background-color: #343434; box-shadow: inset 0 0 0 2px #73cc02; } .events-button:focus:active { background-color: #3b3b3b; box-shadow: inset 0 0 0 2px #73cc02; } .events-button:hover { color: #F7F7F7; background-color: #343434; } .events-button:active { color: #F7F7F7; background-color: #3b3b3b; } .events-button .events-box { spacing: 6px; } .events-button .events-list { spacing: 12px; } .events-button .events-title { color: #8a8a8a; margin-bottom: 4px; } .events-button .event-time { color: #8a8a8a; } /* World clocks */ .world-clocks-button { border-radius: 6px; margin: 4px; box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.1); color: #F7F7F7; background-color: #2c2c2c; padding: 12px; } .world-clocks-button:focus { color: #F7F7F7; background-color: #2c2c2c; box-shadow: inset 0 0 0 2px #73cc02; } .world-clocks-button:focus:hover { background-color: #343434; box-shadow: inset 0 0 0 2px #73cc02; } .world-clocks-button:focus:active { background-color: #3b3b3b; box-shadow: inset 0 0 0 2px #73cc02; } .world-clocks-button:hover { color: #F7F7F7; background-color: #343434; } .world-clocks-button:active { color: #F7F7F7; background-color: #3b3b3b; } .world-clocks-button .world-clocks-grid { spacing-rows: 6px; spacing-columns: 12px; } .world-clocks-button .world-clocks-header { color: #8a8a8a; } .world-clocks-button .world-clocks-city { color: #F7F7F7; } .world-clocks-button .world-clocks-time { color: #F7F7F7; } .world-clocks-button .world-clocks-time:ltr { text-align: right; } .world-clocks-button .world-clocks-time:rtl { text-align: left; } .world-clocks-button .world-clocks-timezone { color: #8a8a8a; } /* Weather */ .weather-button { border-radius: 6px; margin: 4px; box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.1); color: #F7F7F7; background-color: #2c2c2c; padding: 12px; } .weather-button:focus { color: #F7F7F7; background-color: #2c2c2c; box-shadow: inset 0 0 0 2px #73cc02; } .weather-button:focus:hover { background-color: #343434; box-shadow: inset 0 0 0 2px #73cc02; } .weather-button:focus:active { background-color: #3b3b3b; box-shadow: inset 0 0 0 2px #73cc02; } .weather-button:hover { color: #F7F7F7; background-color: #343434; } .weather-button:active { color: #F7F7F7; background-color: #3b3b3b; } .weather-button .weather-box { spacing: 10px; } .weather-button .weather-header-box { spacing: 6px; } .weather-button .weather-header { color: #8a8a8a; } .weather-button .weather-header.location { font-weight: normal; } .weather-button .weather-grid { spacing-rows: 6px; spacing-columns: 12px; } .weather-button .weather-forecast-time { color: #ababab; padding-top: 0.2em; padding-bottom: 0.4em; } .weather-button .weather-forecast-icon { icon-size: 2.18em; } /* Message List */ .message-list { width: 29em; border: solid #464646; } .message-list:ltr { margin-left: 0; margin-right: 4px; padding-right: 6px; border-right-width: 1px; } .message-list:rtl { margin-right: 0; margin-left: 4px; padding-left: 6px; border-left-width: 1px; } .message-list .message-list-placeholder { color: rgba(138, 138, 138, 0.5); } .message-list .message-list-placeholder > StIcon { icon-size: 3.27em; margin-bottom: 12px; -st-icon-style: symbolic; } .message-list-sections { spacing: 6px; margin: 0; padding-bottom: 6px; } .message-list-sections:ltr { margin-right: 12px; } .message-list-sections:rtl { margin-left: 12px; } .message-list-section, .message-list-section-list { spacing: 6px; } .message-list-controls { padding: 6px; spacing: 6px; } .message-list-controls .dnd-button { border-width: 2px; border-color: transparent; border-radius: 32px; border-style: solid; } .message-list-controls .dnd-button:focus { border-color: #73cc02; } .message { border-radius: 6px; margin: 4px; box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.1); color: #F7F7F7; background-color: #2c2c2c; } .message:focus { color: #F7F7F7; background-color: #2c2c2c; box-shadow: inset 0 0 0 2px #73cc02; } .message:focus:hover { background-color: #343434; box-shadow: inset 0 0 0 2px #73cc02; } .message:focus:active { background-color: #3b3b3b; box-shadow: inset 0 0 0 2px #73cc02; } .message:hover { color: #F7F7F7; background-color: #343434; } .message:active { color: #F7F7F7; background-color: #3b3b3b; } .message .message-icon-bin { padding: 18px; } .message .message-icon-bin:ltr { padding-right: 6px; } .message .message-icon-bin:rtl { padding-left: 6px; } .message .message-icon-bin > StIcon { icon-size: 2.18em; -st-icon-style: symbolic; } .message .message-icon-bin > .fallback-app-icon { width: 1.09em; height: 1.09em; } .message .message-content { spacing: 4px; padding: 9px; margin-bottom: 8px; } .message .message-title { font-weight: bold; /* HACK: the label should be baseline-aligned with a 1em label, fake this with some bottom padding */ padding-top: 0.57em; } .message .message-secondary-bin { padding: 0 8px; } .message .message-secondary-bin > .event-time { color: rgba(247, 247, 247, 0.5); font-size: 9pt; /* HACK: the label should be baseline-aligned with a 1em label, fake this with some bottom padding */ padding-bottom: 0.13em; } .message .message-secondary-bin > .event-time:ltr { text-align: right; } .message .message-secondary-bin > .event-time:rtl { text-align: left; } .message .message-close-button { color: #F7F7F7; background-color: rgba(247, 247, 247, 0.1); border-radius: 99px; padding: 5px; margin: 1px; } .message .message-close-button:hover { background-color: rgba(247, 247, 247, 0.2); } .message .message-close-button:active { background-color: rgba(247, 247, 247, 0.1); } .message .message-body { color: #dedede; } .url-highlighter { link-color: #84ea02; } /* Media Controls */ .message-media-control { padding: 0 18px; margin: 12px 0; border-radius: 6px; color: #F7F7F7; } .message-media-control:hover { background-color: rgba(255, 255, 255, 0.1); color: #F7F7F7; } .message-media-control:active { background-color: rgba(247, 247, 247, 0.2); color: #F7F7F7; } .message-media-control:insensitive { color: #979797; } .message-media-control:last-child:ltr { margin-right: 12px; } .message-media-control:last-child:rtl { margin-left: 12px; } .media-message-cover-icon { icon-size: 3.27em !important; border-radius: 6px; } .media-message-cover-icon.fallback { color: #cccccc; background-color: #1d1d1d; border: 1px solid transparent; border-radius: 6px; icon-size: 2.18em !important; padding: 14px; } .candidate-popup-content { padding: 6px; spacing: 6px; } .candidate-index { padding: 0; padding-right: 6px; color: #8a8a8a; } .candidate-box { padding: 6px 12px 6px 12px; border-radius: 6px; } .candidate-box:selected { background-color: #4B8501; color: #FFFFFF; } .candidate-box:hover { background-color: rgba(247, 247, 247, 0.1); color: #F7F7F7; } .candidate-page-button-box { height: 2em; } .vertical .candidate-page-button-box { padding-top: 12px; } .horizontal .candidate-page-button-box { padding-left: 12px; } .candidate-page-button { padding: 6px; } .candidate-page-button-previous { border-radius: 6px 0px 0px 6px; border-right-width: 0; box-shadow: none; } .candidate-page-button-next { border-radius: 0px 6px 6px 0px; box-shadow: none; } .candidate-page-button-icon { icon-size: 1.09em; } /* Notifications & Message Tray */ .notification-banner { min-height: 64px; width: 34em; box-shadow: 0 2px 4px 2px rgba(0, 0, 0, 0.1); border-radius: 9px; margin: 4px; background-color: #1d1d1d; } .notification-banner .notification-actions { spacing: 0; } .notification-banner:hover { background-color: #222222; } .notification-banner:active { background-color: #272727; } .notification-banner, .notification-banner:hover, .notification-banner:focus, .notification-banner:active { box-shadow: 0 0 4px 2px rgba(0, 0, 0, 0.1); border: 1px solid #464646; } .summary-source-counter { font-size: 10pt; font-weight: bold; height: 1.6em; width: 1.6em; -shell-counter-overlap-x: 3px; -shell-counter-overlap-y: 3px; background-color: #4B8501; color: #FFFFFF; border: 2px solid #F7F7F7; box-shadow: 0 2px 2px rgba(0, 0, 0, 0.5); border-radius: 0.9em; } .chat-body { spacing: 5px; } .chat-response { margin: 5px; } .chat-log-message { color: #dedede; } .chat-new-group { padding-top: 1em; } .chat-received { padding-left: 4px; } .chat-received:rtl { padding-left: 0px; padding-right: 4px; } .chat-sent { padding-left: 18pt; color: white; } .chat-sent:rtl { padding-left: 0; padding-right: 18pt; } .chat-meta-message { padding-left: 4px; font-size: 9pt; font-weight: bold; color: white; } .chat-meta-message:rtl { padding-left: 0; padding-right: 4px; } .hotplug-notification-item-icon { icon-size: 24px; padding: 0 4px; } /* Modal Dialogs */ .modal-dialog .modal-dialog-content-box { margin: 32px 40px; spacing: 32px; max-width: 28em; } /* End Session Dialog */ .end-session-dialog { width: 30em; } .end-session-dialog .end-session-dialog-battery-warning, .end-session-dialog .dialog-list-title { color: #f99b11; } /* Message Dialog */ .message-dialog-content { spacing: 18px; } .message-dialog-content .message-dialog-title { text-align: center; } .message-dialog-content .message-dialog-description { text-align: center; } /* Dialog List */ .dialog-list { spacing: 18px; } .dialog-list .dialog-list-title { text-align: center; } .dialog-list .dialog-list-scrollview { max-height: 200px; } .dialog-list .dialog-list-box { spacing: 1em; } .dialog-list .dialog-list-box .dialog-list-item { spacing: 1em; } .dialog-list .dialog-list-box .dialog-list-item .dialog-list-item-title { font-weight: bold; } .dialog-list .dialog-list-box .dialog-list-item .dialog-list-item-description { color: #eaeaea; } /* Run Dialog */ .run-dialog .modal-dialog-content-box { margin-top: 24px; margin-bottom: 14px; } .run-dialog .run-dialog-entry { width: 20em; } .run-dialog .run-dialog-description { text-align: center; color: #c4c4c4; } /* Password or Authentication Dialog */ .prompt-dialog { width: 28em; } .prompt-dialog .modal-dialog-content-box { margin-bottom: 24px; } .prompt-dialog-password-grid { spacing-rows: 8px; spacing-columns: 4px; } .prompt-dialog-password-grid .prompt-dialog-password-entry { width: auto; } .prompt-dialog-password-grid .prompt-dialog-password-entry:ltr { margin-left: 20px; } .prompt-dialog-password-grid .prompt-dialog-password-entry:rtl { margin-right: 20px; } .prompt-dialog-password-layout { spacing: 8px; } .prompt-dialog-password-entry { width: 20em; } .prompt-dialog-error-label, .prompt-dialog-info-label, .prompt-dialog-null-label { text-align: center; } .prompt-dialog-error-label { color: #f99b11; } /* Polkit Dialog */ .polkit-dialog-user-layout { text-align: center; spacing: 8px; margin-bottom: 6px; } .polkit-dialog-user-layout .polkit-dialog-user-root-label { color: #f99b11; } /* Audio selection dialog */ .audio-device-selection-dialog .modal-dialog-content-box { margin-bottom: 28px; } .audio-device-selection-dialog .audio-selection-box { spacing: 20px; } .audio-selection-device { border-radius: 12px; } .audio-selection-device:hover, .audio-selection-device:focus { background-color: rgba(247, 247, 247, 0.1); } .audio-selection-device:active { background-color: #4B8501; color: #FFFFFF; } .audio-selection-device-box { padding: 20px; spacing: 20px; } .audio-selection-device-icon { icon-size: 4.36em; } /* Welcome dialog */ .welcome-dialog-image { background-image: url("resource:///org/gnome/shell/theme/gnome-shell-start.svg"); background-size: contain; /* Reasonable maximum dimensions */ height: 300px; width: 300px; } /* Select Network dialogs */ .nm-dialog { max-height: 34em; min-height: 31em; min-width: 32em; } .nm-dialog-content { spacing: 20px; padding: 24px; } .nm-dialog-subheader { color: #8a8a8a; } .nm-dialog-header-icon { icon-size: 2.18em; } .nm-dialog-header-hbox { spacing: 10px; } .nm-dialog-scroll-view { padding: 6px; border-radius: 6px; background-color: #222222; } .nm-dialog-item { padding: 12px; } .nm-dialog-item:selected { background-color: #4B8501; border-radius: 3px; color: #FFFFFF; } .nm-dialog-item:hover { background-color: rgba(247, 247, 247, 0.1); } .nm-dialog-icon { icon-size: 1.09em; } .nm-dialog-icons { spacing: 12px; } .no-networks-box { spacing: 6px; } .no-networks-label { color: #8a8a8a; } .nm-dialog-airplane-box { text-align: center; spacing: 12px; } .nm-dialog-airplane-text { color: #8a8a8a; } /* OSD */ .osd-window { text-align: center; font-weight: bold; spacing: 12px; padding: 12px 18px; margin-bottom: 4em; } .osd-window > * { spacing: 8px; } .osd-window StIcon { icon-size: 2.18em; } .osd-window StLabel:ltr { margin-right: 6px; } .osd-window StLabel:rtl { margin-left: 6px; } .osd-window .level { margin-bottom: 4px; height: 6px; min-width: 10.9em; -barlevel-height: 6px; -barlevel-background-color: rgba(238, 238, 236, 0.1); -barlevel-active-background-color: #eeeeec; -barlevel-overdrive-color: #991121; -barlevel-overdrive-separator-width: 3px; } .osd-window .level:first-child { margin-bottom: 0px; } .osd-window .level:ltr { margin-right: 6px; } .osd-window .level:rtl { margin-left: 6px; } .osd-monitor-label { border-radius: 12px; font-size: 3em; font-weight: bold; margin: 12px; text-align: center; min-width: 1.3em; } /* Pad OSD */ .pad-osd-window { padding: 32px; background-color: rgba(29, 29, 29, 0.975); color: #eeeeec; } .pad-osd-window .button:insensitive { color: #F7F7F7; } .pad-osd-window .pad-osd-title-box { spacing: 12px; } .pad-osd-window .pad-osd-title-menu-box { spacing: 6px; } .combo-box-label { width: 15em; } /* App Switcher */ .switcher-popup { padding: 0; spacing: 24px; } .switcher-list { padding: 10px; border-radius: 20px; box-shadow: 0 8px 8px 0 rgba(0, 0, 0, 0.1); } .switcher-list .switcher-list-item-container { spacing: 12px; } .switcher-list .item-box { background-color: transparent; } .switcher-list .item-box:hover { background-color: rgba(238, 238, 236, 0.1); } .switcher-list .item-box:selected, .switcher-list .item-box:focus { background-color: rgba(238, 238, 236, 0.13); } .switcher-list .item-box:selected:hover, .switcher-list .item-box:focus:hover { background-color: rgba(238, 238, 236, 0.16); } .switcher-list .item-box:selected:active, .switcher-list .item-box:focus:active { background-color: rgba(238, 238, 236, 0.13); } .switcher-list .item-box:active { background-color: rgba(238, 238, 236, 0.16); } .switcher-list .item-box:outlined, .switcher-list .item-box:checked { background-color: rgba(238, 238, 236, 0.19); } .switcher-list .item-box:outlined:active, .switcher-list .item-box:checked:active { background-color: rgba(238, 238, 236, 0.22); } .switcher-list .item-box:outlined:hover, .switcher-list .item-box:checked:hover { background-color: rgba(238, 238, 236, 0.25); } .switcher-list .item-box:drop { border: 2px solid rgba(75, 133, 1, 0.8); background-color: rgba(75, 133, 1, 0.2); } .switcher-list .item-box:hover { background: none; } .switcher-list .separator { width: 1px; background: #464646; } .switcher-list .thumbnail-box { padding: 2px; spacing: 6px; } .switcher-list .thumbnail { width: 256px; border-radius: 6px; } .switcher-arrow { border-color: rgba(0, 0, 0, 0); color: rgba(238, 238, 236, 0.8); } .switcher-arrow:highlighted { border-color: #eeeeec; color: #eeeeec; } .input-source-switcher-symbol { font-size: 34pt; width: 96px; height: 96px; } .cycler-highlight { border: 5px solid #4B8501; } /* Workspace Switcher */ .workspace-switcher { margin-bottom: 4em; spacing: 12px; padding: 12px 18px; } .ws-switcher-indicator { background-color: rgba(238, 238, 236, 0.5); padding: 0.1816666667em; margin: 0.9083333333em; border-radius: 2.18em; } .ws-switcher-indicator:active { background-color: #eeeeec; padding: 0.3633333333em; margin: 0.7266666667em; } .icon-label-button-container { spacing: 6px; } .icon-label-button-container StIcon { icon-size: 32px; } .screenshot-ui-panel { border-radius: 33px; padding: 18px; padding-bottom: 12px; margin-bottom: 4em; spacing: 12px; } .screenshot-ui-close-button { padding: 6px; } .screenshot-ui-close-button.left { margin-left: 8px; } .screenshot-ui-close-button.right { margin-right: 8px; } .screenshot-ui-type-button { padding: 12px 18px !important; border-radius: 15px; } .screenshot-ui-capture-button { width: 36px; height: 36px; border-radius: 99px; border: 4px #eeeeec; padding: 4px; } .screenshot-ui-capture-button .screenshot-ui-capture-button-circle { background-color: #eeeeec; transition-duration: 200ms; border-radius: 99px; } .screenshot-ui-capture-button .screenshot-ui-capture-button-circle:hover, .screenshot-ui-capture-button .screenshot-ui-capture-button-circle:focus { background-color: rgba(247, 247, 247, 0.1); } .screenshot-ui-capture-button:hover .screenshot-ui-capture-button-circle, .screenshot-ui-capture-button:focus .screenshot-ui-capture-button-circle { background-color: #cacac4; } .screenshot-ui-capture-button:active .screenshot-ui-capture-button-circle { background-color: #747467; } .screenshot-ui-capture-button:cast .screenshot-ui-capture-button-circle { background-color: #c7162b; } .screenshot-ui-capture-button:cast:hover .screenshot-ui-capture-button-circle, .screenshot-ui-capture-button:cast:focus .screenshot-ui-capture-button-circle { background-color: #de1930; } .screenshot-ui-capture-button:cast:active .screenshot-ui-capture-button-circle { background-color: #a71224; } .screenshot-ui-shot-cast-container { background-color: rgba(247, 247, 247, 0.1); border-radius: 12px; padding: 3px; spacing: 3px; } .screenshot-ui-shot-cast-container:ltr { margin-left: 3px; } .screenshot-ui-shot-cast-container:rtl { margin-right: 3px; } .screenshot-ui-shot-cast-button { padding: 6px 12px; background-color: transparent; border-radius: 9px; } .screenshot-ui-shot-cast-button:hover, .screenshot-ui-shot-cast-button:focus { background-color: rgba(255, 255, 255, 0.1); } .screenshot-ui-shot-cast-button:active { background-color: rgba(255, 255, 255, 0.2); } .screenshot-ui-shot-cast-button:checked { background-color: white; color: black; } .screenshot-ui-shot-cast-button StIcon { icon-size: 1.09em; } .screenshot-ui-show-pointer-button { border-radius: 99px; padding: 12px !important; } .screenshot-ui-show-pointer-button StIcon { icon-size: 1.09em; } .screenshot-ui-area-indicator-shade { background-color: rgba(0, 0, 0, 0.3); } .screenshot-ui-area-selector .screenshot-ui-area-indicator-shade { background-color: rgba(0, 0, 0, 0.5); } .screenshot-ui-area-selector .screenshot-ui-area-indicator-selection { border: 2px white; } .screenshot-ui-area-selector-handle { border-radius: 99px; background-color: white; box-shadow: 0 1px 3px 2px rgba(0, 0, 0, 0.2); width: 24px; height: 24px; } .screenshot-ui-window-selector { background-color: #222222; } .screenshot-ui-window-selector .screenshot-ui-window-selector-window-container { margin: 100px; } .screenshot-ui-window-selector:primary-monitor .screenshot-ui-window-selector-window-container { margin-bottom: 200px; } .screenshot-ui-window-selector-window-border { transition-duration: 200ms; border-radius: 12px; border: 6px transparent; } .screenshot-ui-window-selector-check { transition-duration: 200ms; color: transparent; border-radius: 99px; border-width: 12px; icon-size: 24px; } .screenshot-ui-window-selector-window:hover .screenshot-ui-window-selector-window-border { border-color: #203900; } .screenshot-ui-window-selector-window:checked .screenshot-ui-window-selector-window-border { border-color: #4B8501; background-color: rgba(75, 133, 1, 0.2); } .screenshot-ui-window-selector-window:checked .screenshot-ui-window-selector-check { color: #FFFFFF; background-color: #4B8501; } .screenshot-ui-screen-selector { transition-duration: 200ms; background-color: rgba(0, 0, 0, 0.5); } .screenshot-ui-screen-selector:hover { background-color: rgba(0, 0, 0, 0.3); } .screenshot-ui-screen-selector:active { background-color: rgba(0, 0, 0, 0.7); } .screenshot-ui-screen-selector:checked { background-color: transparent; border: 2px white; } .screenshot-ui-tooltip { color: #eeeeec; background-color: rgba(29, 29, 29, 0.975); border-radius: 99px; padding: 6px 12px; text-align: center; -y-offset: 24px; } /* Top Bar */ #panel { background-color: #131313; font-weight: bold; height: 1.86em; transition-duration: 250ms; } #panel.unlock-screen, #panel.login-screen { background-color: transparent; } #panel .panel-button { font-weight: bold; color: #f2f2f2; -natural-hpadding: 12px; -minimum-hpadding: 6px; transition-duration: 150ms; border: 3px solid transparent; border-radius: 99px; } #panel .panel-button.clock-display .clock { transition-duration: 150ms; border: 3px solid transparent; border-radius: 99px; } #panel .panel-button.screen-recording-indicator { box-shadow: inset 0 0 0 100px #c7162b; } #panel .panel-button.screen-recording-indicator StBoxLayout { spacing: 6px; } #panel .panel-button.screen-recording-indicator StIcon { icon-size: 1.09em; } #panel .panel-button:active, #panel .panel-button:overview, #panel .panel-button:focus, #panel .panel-button:checked { box-shadow: inset 0 0 0 100px rgba(242, 242, 242, 0.2); } #panel .panel-button:active.clock-display, #panel .panel-button:overview.clock-display, #panel .panel-button:focus.clock-display, #panel .panel-button:checked.clock-display { box-shadow: none; } #panel .panel-button:active.clock-display .clock, #panel .panel-button:overview.clock-display .clock, #panel .panel-button:focus.clock-display .clock, #panel .panel-button:checked.clock-display .clock { box-shadow: inset 0 0 0 100px rgba(242, 242, 242, 0.2); } #panel .panel-button:active.screen-recording-indicator, #panel .panel-button:overview.screen-recording-indicator, #panel .panel-button:focus.screen-recording-indicator, #panel .panel-button:checked.screen-recording-indicator { box-shadow: inset 0 0 0 100px rgba(199, 22, 43, 0.85); } #panel .panel-button:hover { box-shadow: inset 0 0 0 100px rgba(242, 242, 242, 0.15); } #panel .panel-button:hover.clock-display { box-shadow: none; } #panel .panel-button:hover.clock-display .clock { box-shadow: inset 0 0 0 100px rgba(242, 242, 242, 0.15); } #panel .panel-button:hover.screen-recording-indicator { box-shadow: inset 0 0 0 100px rgba(199, 22, 43, 0.9); } #panel .panel-button:active:hover, #panel .panel-button:overview:hover, #panel .panel-button:focus:hover, #panel .panel-button:checked:hover { box-shadow: inset 0 0 0 100px rgba(242, 242, 242, 0.25); } #panel .panel-button:active:hover.clock-display, #panel .panel-button:overview:hover.clock-display, #panel .panel-button:focus:hover.clock-display, #panel .panel-button:checked:hover.clock-display { box-shadow: none; } #panel .panel-button:active:hover.clock-display .clock, #panel .panel-button:overview:hover.clock-display .clock, #panel .panel-button:focus:hover.clock-display .clock, #panel .panel-button:checked:hover.clock-display .clock { box-shadow: inset 0 0 0 100px rgba(242, 242, 242, 0.25); } #panel .panel-button:active:hover.screen-recording-indicator, #panel .panel-button:overview:hover.screen-recording-indicator, #panel .panel-button:focus:hover.screen-recording-indicator, #panel .panel-button:checked:hover.screen-recording-indicator { box-shadow: inset 0 0 0 100px rgba(199, 22, 43, 0.8); } #panel .panel-button .system-status-icon { icon-size: 1.09em; padding: 5px; margin: 0 4px; } #panel .panel-button .panel-status-indicators-box .system-status-icon, #panel .panel-button .panel-status-menu-box .system-status-icon { margin: 0; } #panel .panel-button .app-menu-icon { -st-icon-style: symbolic; } #panel .panel-button#panelActivities { -natural-hpadding: 18px; } #panel.unlock-screen .panel-button:active, #panel.unlock-screen .panel-button:overview, #panel.unlock-screen .panel-button:focus, #panel.unlock-screen .panel-button:checked, #panel.login-screen .panel-button:active, #panel.login-screen .panel-button:overview, #panel.login-screen .panel-button:focus, #panel.login-screen .panel-button:checked, #panel:overview .panel-button:active, #panel:overview .panel-button:overview, #panel:overview .panel-button:focus, #panel:overview .panel-button:checked { box-shadow: inset 0 0 0 100px rgba(255, 255, 255, 0.15); } #panel.unlock-screen .panel-button:active.clock-display, #panel.unlock-screen .panel-button:overview.clock-display, #panel.unlock-screen .panel-button:focus.clock-display, #panel.unlock-screen .panel-button:checked.clock-display, #panel.login-screen .panel-button:active.clock-display, #panel.login-screen .panel-button:overview.clock-display, #panel.login-screen .panel-button:focus.clock-display, #panel.login-screen .panel-button:checked.clock-display, #panel:overview .panel-button:active.clock-display, #panel:overview .panel-button:overview.clock-display, #panel:overview .panel-button:focus.clock-display, #panel:overview .panel-button:checked.clock-display { box-shadow: none; } #panel.unlock-screen .panel-button:active.clock-display .clock, #panel.unlock-screen .panel-button:overview.clock-display .clock, #panel.unlock-screen .panel-button:focus.clock-display .clock, #panel.unlock-screen .panel-button:checked.clock-display .clock, #panel.login-screen .panel-button:active.clock-display .clock, #panel.login-screen .panel-button:overview.clock-display .clock, #panel.login-screen .panel-button:focus.clock-display .clock, #panel.login-screen .panel-button:checked.clock-display .clock, #panel:overview .panel-button:active.clock-display .clock, #panel:overview .panel-button:overview.clock-display .clock, #panel:overview .panel-button:focus.clock-display .clock, #panel:overview .panel-button:checked.clock-display .clock { box-shadow: inset 0 0 0 100px rgba(255, 255, 255, 0.15); } #panel.unlock-screen .panel-button:active.screen-recording-indicator, #panel.unlock-screen .panel-button:overview.screen-recording-indicator, #panel.unlock-screen .panel-button:focus.screen-recording-indicator, #panel.unlock-screen .panel-button:checked.screen-recording-indicator, #panel.login-screen .panel-button:active.screen-recording-indicator, #panel.login-screen .panel-button:overview.screen-recording-indicator, #panel.login-screen .panel-button:focus.screen-recording-indicator, #panel.login-screen .panel-button:checked.screen-recording-indicator, #panel:overview .panel-button:active.screen-recording-indicator, #panel:overview .panel-button:overview.screen-recording-indicator, #panel:overview .panel-button:focus.screen-recording-indicator, #panel:overview .panel-button:checked.screen-recording-indicator { box-shadow: inset 0 0 0 100px rgba(199, 22, 43, 0.85); } #panel.unlock-screen .panel-button:hover, #panel.login-screen .panel-button:hover, #panel:overview .panel-button:hover { box-shadow: inset 0 0 0 100px rgba(255, 255, 255, 0.1); } #panel.unlock-screen .panel-button:hover.clock-display, #panel.login-screen .panel-button:hover.clock-display, #panel:overview .panel-button:hover.clock-display { box-shadow: none; } #panel.unlock-screen .panel-button:hover.clock-display .clock, #panel.login-screen .panel-button:hover.clock-display .clock, #panel:overview .panel-button:hover.clock-display .clock { box-shadow: inset 0 0 0 100px rgba(255, 255, 255, 0.1); } #panel.unlock-screen .panel-button:hover.screen-recording-indicator, #panel.login-screen .panel-button:hover.screen-recording-indicator, #panel:overview .panel-button:hover.screen-recording-indicator { box-shadow: inset 0 0 0 100px rgba(199, 22, 43, 0.9); } #panel.unlock-screen .panel-button:active:hover, #panel.unlock-screen .panel-button:overview:hover, #panel.unlock-screen .panel-button:focus:hover, #panel.unlock-screen .panel-button:checked:hover, #panel.login-screen .panel-button:active:hover, #panel.login-screen .panel-button:overview:hover, #panel.login-screen .panel-button:focus:hover, #panel.login-screen .panel-button:checked:hover, #panel:overview .panel-button:active:hover, #panel:overview .panel-button:overview:hover, #panel:overview .panel-button:focus:hover, #panel:overview .panel-button:checked:hover { box-shadow: inset 0 0 0 100px rgba(255, 255, 255, 0.2); } #panel.unlock-screen .panel-button:active:hover.clock-display, #panel.unlock-screen .panel-button:overview:hover.clock-display, #panel.unlock-screen .panel-button:focus:hover.clock-display, #panel.unlock-screen .panel-button:checked:hover.clock-display, #panel.login-screen .panel-button:active:hover.clock-display, #panel.login-screen .panel-button:overview:hover.clock-display, #panel.login-screen .panel-button:focus:hover.clock-display, #panel.login-screen .panel-button:checked:hover.clock-display, #panel:overview .panel-button:active:hover.clock-display, #panel:overview .panel-button:overview:hover.clock-display, #panel:overview .panel-button:focus:hover.clock-display, #panel:overview .panel-button:checked:hover.clock-display { box-shadow: none; } #panel.unlock-screen .panel-button:active:hover.clock-display .clock, #panel.unlock-screen .panel-button:overview:hover.clock-display .clock, #panel.unlock-screen .panel-button:focus:hover.clock-display .clock, #panel.unlock-screen .panel-button:checked:hover.clock-display .clock, #panel.login-screen .panel-button:active:hover.clock-display .clock, #panel.login-screen .panel-button:overview:hover.clock-display .clock, #panel.login-screen .panel-button:focus:hover.clock-display .clock, #panel.login-screen .panel-button:checked:hover.clock-display .clock, #panel:overview .panel-button:active:hover.clock-display .clock, #panel:overview .panel-button:overview:hover.clock-display .clock, #panel:overview .panel-button:focus:hover.clock-display .clock, #panel:overview .panel-button:checked:hover.clock-display .clock { box-shadow: inset 0 0 0 100px rgba(255, 255, 255, 0.2); } #panel.unlock-screen .panel-button:active:hover.screen-recording-indicator, #panel.unlock-screen .panel-button:overview:hover.screen-recording-indicator, #panel.unlock-screen .panel-button:focus:hover.screen-recording-indicator, #panel.unlock-screen .panel-button:checked:hover.screen-recording-indicator, #panel.login-screen .panel-button:active:hover.screen-recording-indicator, #panel.login-screen .panel-button:overview:hover.screen-recording-indicator, #panel.login-screen .panel-button:focus:hover.screen-recording-indicator, #panel.login-screen .panel-button:checked:hover.screen-recording-indicator, #panel:overview .panel-button:active:hover.screen-recording-indicator, #panel:overview .panel-button:overview:hover.screen-recording-indicator, #panel:overview .panel-button:focus:hover.screen-recording-indicator, #panel:overview .panel-button:checked:hover.screen-recording-indicator { box-shadow: inset 0 0 0 100px rgba(199, 22, 43, 0.8); } #panel .panel-status-indicators-box, #panel .panel-status-menu-box { spacing: 2px; } #panel .power-status.panel-status-indicators-box { spacing: 0; } #panel .screencast-indicator, #panel .remote-access-indicator { color: #f99b11; } #appMenu { spacing: 6px; } #appMenu .label-shadow { color: transparent; } #appMenu .panel-status-menu-box { padding: 0 6px; spacing: 6px; } .clock-display-box { spacing: 2px; } .clock-display-box .clock { padding-left: 12px; padding-right: 12px; } /* Activities Ripple */ .ripple-box { background-color: rgba(179, 254, 84, 0.3); box-shadow: 0 0 2px 2px #84ea02; width: 52px; height: 52px; border-radius: 0 0 52px 0; } .ripple-box:rtl { border-radius: 0 0 0 52px; } /* OVERVIEW */ .controls-manager, .secondary-monitor-workspaces { spacing: 12px; } #overviewGroup { background-color: #222222; } .overview-controls { padding-bottom: 32px; } /* Window Picker */ .window-picker { spacing: 6px; } .window-caption { color: #eeeeec; background-color: rgba(29, 29, 29, 0.975); border-radius: 99px; padding: 6px 12px; border: 1px solid #464646; } .window-close, .screenshot-ui-close-button { background-color: rgba(55, 55, 55, 0.975); color: #eeeeec; border-radius: 99px; padding: 3px; height: 30px; width: 30px; transition-duration: 300ms; border: 1px solid #464646; } .window-close StIcon, .screenshot-ui-close-button StIcon { icon-size: 24px; } .window-close:hover, .screenshot-ui-close-button:hover { background-color: rgba(67, 67, 67, 0.975); } .window-close:active, .screenshot-ui-close-button:active { background-color: rgba(42, 42, 42, 0.975); } .workspace-background { border-radius: 30px; box-shadow: 0 4px 16px 4px rgba(0, 0, 0, 0.275); } .search-entry { border-radius: 18px; margin-top: 24px; margin-bottom: 12px; padding: 7px 9px; width: 320px; background-color: #1d1d1d; color: rgba(247, 247, 247, 0.7); border: 1px solid #464646; } .search-entry:hover { background-color: #1d1d1d; border-color: #535353; color: #F7F7F7; } .search-entry:focus { background-color: #1d1d1d; border-color: #73cc02; box-shadow: 0 0 0 1px #73cc02 inset; color: #F7F7F7; } .search-entry:insensitive { background-color: #2c2c2c; border-color: #2c2c2c; color: #8a8a8a; } .search-entry .search-entry-icon { color: inherit; icon-size: 1.09em; margin-top: 2px; padding: 0 4px; } /* Search */ #searchResults { margin: 0 4px; } #searchResultsContent { max-width: 1072px; } .search-section { spacing: 18px; } .search-section .search-section-separator { height: 8px; background-color: transparent; } .search-section-content { background-color: #1d1d1d; border-radius: 18px; border: 1px solid #464646; color: #eeeeec; padding: 12px; margin: 0 12px; } .list-search-result, .search-provider-icon { background-color: transparent; border-radius: 9px; } .list-search-result:hover, .search-provider-icon:hover { background-color: rgba(238, 238, 236, 0.1); } .list-search-result:selected, .search-provider-icon:selected, .list-search-result:focus, .search-provider-icon:focus { background-color: rgba(238, 238, 236, 0.13); } .list-search-result:selected:hover, .search-provider-icon:selected:hover, .list-search-result:focus:hover, .search-provider-icon:focus:hover { background-color: rgba(238, 238, 236, 0.16); } .list-search-result:selected:active, .search-provider-icon:selected:active, .list-search-result:focus:active, .search-provider-icon:focus:active { background-color: rgba(238, 238, 236, 0.13); } .list-search-result:active, .search-provider-icon:active { background-color: rgba(238, 238, 236, 0.16); } .list-search-result:outlined, .search-provider-icon:outlined, .list-search-result:checked, .search-provider-icon:checked { background-color: rgba(238, 238, 236, 0.19); } .list-search-result:outlined:active, .search-provider-icon:outlined:active, .list-search-result:checked:active, .search-provider-icon:checked:active { background-color: rgba(238, 238, 236, 0.22); } .list-search-result:outlined:hover, .search-provider-icon:outlined:hover, .list-search-result:checked:hover, .search-provider-icon:checked:hover { background-color: rgba(238, 238, 236, 0.25); } .list-search-result:drop, .search-provider-icon:drop { border: 2px solid rgba(75, 133, 1, 0.8); background-color: rgba(75, 133, 1, 0.2); } .grid-search-results { spacing: 30px; margin: 0 12px; } .search-provider-icon:ltr { margin-right: 4px; } .search-provider-icon:rtl { margin-left: 4px; } .search-provider-icon .list-search-provider-content { spacing: 12px; } .search-provider-icon .list-search-provider-content .list-search-provider-details { width: 120px; color: #eeeeec; } .list-search-results { spacing: 6px; } .list-search-result .list-search-result-content { spacing: 6px; } .list-search-result .list-search-result-title { spacing: 12px; } .list-search-result .list-search-result-description { color: #868685; } /* Dash */ #dash { margin-top: 12px; } #dash .placeholder { background-image: none; background-size: contain; height: 32px; } #dash .empty-dash-drop-target { width: 32px; height: 32px; } #dash .app-well-app-running-dot { margin-bottom: 13px; background-color: #4B8501; } .dash-background { background-color: #1d1d1d; border-radius: 24px; padding: 12px; border: 1px solid #464646; spacing: 6px; margin-bottom: 12px; } .dash-item-container > * { margin: 0 2px; } .dash-item-container:ltr:first-child { margin-left: 0; } .dash-item-container:rtl:first-child { margin-right: 0; } .dash-item-container .app-well-app .overview-icon, .dash-item-container .grid-search-result .overview-icon { padding: 6px; } .dash-item-container .show-apps .overview-icon { background-color: transparent; } .dash-item-container .show-apps:hover .overview-icon { background-color: rgba(238, 238, 236, 0.1); } .dash-item-container .show-apps:selected .overview-icon, .dash-item-container .show-apps:focus .overview-icon { background-color: rgba(238, 238, 236, 0.13); } .dash-item-container .show-apps:selected .overview-icon:hover .overview-icon, .dash-item-container .show-apps:focus .overview-icon:hover .overview-icon { background-color: rgba(238, 238, 236, 0.16); } .dash-item-container .show-apps:selected .overview-icon:active .overview-icon, .dash-item-container .show-apps:focus .overview-icon:active .overview-icon { background-color: rgba(238, 238, 236, 0.13); } .dash-item-container .show-apps:active .overview-icon { background-color: rgba(238, 238, 236, 0.16); } .dash-item-container .show-apps:outlined .overview-icon, .dash-item-container .show-apps:checked .overview-icon { background-color: rgba(238, 238, 236, 0.19); } .dash-item-container .show-apps:outlined .overview-icon:active .overview-icon, .dash-item-container .show-apps:checked .overview-icon:active .overview-icon { background-color: rgba(238, 238, 236, 0.22); } .dash-item-container .show-apps:outlined .overview-icon:hover .overview-icon, .dash-item-container .show-apps:checked .overview-icon:hover .overview-icon { background-color: rgba(238, 238, 236, 0.25); } .dash-item-container .show-apps:drop .overview-icon { border: 2px solid rgba(75, 133, 1, 0.8); background-color: rgba(75, 133, 1, 0.2); } .dash-item-container .show-apps:focus .overview-icon, .dash-item-container .show-apps:active .overview-icon, .dash-item-container .show-apps:checked .overview-icon { background-color: rgba(238, 238, 236, 0.2); } .dash-item-container .show-apps, .dash-item-container .app-well-app, .dash-item-container .grid-search-result { padding-bottom: 12px; } .dash-separator { width: 1px; margin: 0 4px; background-color: #464646; margin-bottom: 12px; } .dash-label { color: #eeeeec; background-color: rgba(29, 29, 29, 0.975); border-radius: 99px; padding: 6px 12px; text-align: center; -y-offset: 8px; border: 1px solid #464646; } /* App Grid */ .icon-grid { row-spacing: 12px; column-spacing: 12px; max-row-spacing: 42px; max-column-spacing: 42px; page-padding-top: 24px; page-padding-bottom: 24px; page-padding-left: 18px; page-padding-right: 18px; } /* App Icons */ .app-well-app .overview-icon, .grid-search-result .overview-icon { background-color: transparent; } .app-well-app:hover .overview-icon, .grid-search-result:hover .overview-icon { background-color: rgba(238, 238, 236, 0.1); } .app-well-app:selected .overview-icon, .grid-search-result:selected .overview-icon, .app-well-app:focus .overview-icon, .grid-search-result:focus .overview-icon { background-color: rgba(238, 238, 236, 0.13); } .app-well-app:selected .overview-icon:hover .overview-icon, .grid-search-result:selected .overview-icon:hover .overview-icon, .app-well-app:focus .overview-icon:hover .overview-icon, .grid-search-result:focus .overview-icon:hover .overview-icon { background-color: rgba(238, 238, 236, 0.16); } .app-well-app:selected .overview-icon:active .overview-icon, .grid-search-result:selected .overview-icon:active .overview-icon, .app-well-app:focus .overview-icon:active .overview-icon, .grid-search-result:focus .overview-icon:active .overview-icon { background-color: rgba(238, 238, 236, 0.13); } .app-well-app:active .overview-icon, .grid-search-result:active .overview-icon { background-color: rgba(238, 238, 236, 0.16); } .app-well-app:outlined .overview-icon, .grid-search-result:outlined .overview-icon, .app-well-app:checked .overview-icon, .grid-search-result:checked .overview-icon { background-color: rgba(238, 238, 236, 0.19); } .app-well-app:outlined .overview-icon:active .overview-icon, .grid-search-result:outlined .overview-icon:active .overview-icon, .app-well-app:checked .overview-icon:active .overview-icon, .grid-search-result:checked .overview-icon:active .overview-icon { background-color: rgba(238, 238, 236, 0.22); } .app-well-app:outlined .overview-icon:hover .overview-icon, .grid-search-result:outlined .overview-icon:hover .overview-icon, .app-well-app:checked .overview-icon:hover .overview-icon, .grid-search-result:checked .overview-icon:hover .overview-icon { background-color: rgba(238, 238, 236, 0.25); } .app-well-app:drop .overview-icon, .grid-search-result:drop .overview-icon { border: 2px solid rgba(75, 133, 1, 0.8); background-color: rgba(75, 133, 1, 0.2); } .app-well-app:focus .overview-icon, .grid-search-result:focus .overview-icon, .app-well-app:active .overview-icon, .grid-search-result:active .overview-icon, .app-well-app:checked .overview-icon, .grid-search-result:checked .overview-icon { background-color: rgba(238, 238, 236, 0.2); } .app-well-app .overview-icon, .grid-search-result .overview-icon { padding: 12px; } .app-well-app .overview-icon.overview-icon-with-label > StBoxLayout, .grid-search-result .overview-icon.overview-icon-with-label > StBoxLayout { spacing: 6px; } .app-well-app.app-folder .overview-icon, .app-folder.grid-search-result .overview-icon { background-color: rgba(238, 238, 236, 0.05); } .app-well-app.app-folder:hover .overview-icon, .app-folder.grid-search-result:hover .overview-icon { background-color: rgba(238, 238, 236, 0.1); } .app-well-app.app-folder:selected .overview-icon, .app-folder.grid-search-result:selected .overview-icon, .app-well-app.app-folder:focus .overview-icon, .app-folder.grid-search-result:focus .overview-icon { background-color: rgba(238, 238, 236, 0.13); } .app-well-app.app-folder:selected .overview-icon:hover .overview-icon, .app-folder.grid-search-result:selected .overview-icon:hover .overview-icon, .app-well-app.app-folder:focus .overview-icon:hover .overview-icon, .app-folder.grid-search-result:focus .overview-icon:hover .overview-icon { background-color: rgba(238, 238, 236, 0.16); } .app-well-app.app-folder:selected .overview-icon:active .overview-icon, .app-folder.grid-search-result:selected .overview-icon:active .overview-icon, .app-well-app.app-folder:focus .overview-icon:active .overview-icon, .app-folder.grid-search-result:focus .overview-icon:active .overview-icon { background-color: rgba(238, 238, 236, 0.13); } .app-well-app.app-folder:active .overview-icon, .app-folder.grid-search-result:active .overview-icon { background-color: rgba(238, 238, 236, 0.16); } .app-well-app.app-folder:outlined .overview-icon, .app-folder.grid-search-result:outlined .overview-icon, .app-well-app.app-folder:checked .overview-icon, .app-folder.grid-search-result:checked .overview-icon { background-color: rgba(238, 238, 236, 0.19); } .app-well-app.app-folder:outlined .overview-icon:active .overview-icon, .app-folder.grid-search-result:outlined .overview-icon:active .overview-icon, .app-well-app.app-folder:checked .overview-icon:active .overview-icon, .app-folder.grid-search-result:checked .overview-icon:active .overview-icon { background-color: rgba(238, 238, 236, 0.22); } .app-well-app.app-folder:outlined .overview-icon:hover .overview-icon, .app-folder.grid-search-result:outlined .overview-icon:hover .overview-icon, .app-well-app.app-folder:checked .overview-icon:hover .overview-icon, .app-folder.grid-search-result:checked .overview-icon:hover .overview-icon { background-color: rgba(238, 238, 236, 0.25); } .app-well-app.app-folder:drop .overview-icon, .app-folder.grid-search-result:drop .overview-icon { border: 2px solid rgba(75, 133, 1, 0.8); background-color: rgba(75, 133, 1, 0.2); } .app-well-app.app-folder:focus .overview-icon, .app-folder.grid-search-result:focus .overview-icon, .app-well-app.app-folder:active .overview-icon, .app-folder.grid-search-result:active .overview-icon, .app-well-app.app-folder:checked .overview-icon, .app-folder.grid-search-result:checked .overview-icon { background-color: rgba(238, 238, 236, 0.2); } .app-folder-dialog { border-radius: 24px; background-color: #1d1d1d; border: 1px solid #464646; } .app-folder-dialog .folder-name-container { padding: 24px 36px 0; spacing: 12px; /* FIXME: this is to keep the label in sync with the entry */ } .app-folder-dialog .folder-name-container .folder-name-label, .app-folder-dialog .folder-name-container .folder-name-entry { color: #eeeeec; } .app-folder-dialog .folder-name-container .folder-name-entry { width: 300px; background-color: rgba(39, 39, 39, 0.975); border-color: rgba(255, 255, 255, 0.16); } .app-folder-dialog .folder-name-container .folder-name-label { padding: 5px 7px; color: #eeeeec; } .app-folder-dialog .folder-name-container .edit-folder-button { padding: 0; width: 36px; height: 36px; border-radius: 99px; } .app-folder-dialog .folder-name-container .edit-folder-button > StIcon { icon-size: 1.09em; } .app-folder-dialog .icon-grid { row-spacing: 12px; column-spacing: 30px; page-padding-top: 0; page-padding-bottom: 0; page-padding-left: 0; page-padding-right: 0; } .app-folder-dialog .page-indicators { margin-bottom: 18px; } .app-folder-dialog-container { padding: 12px; width: 640px; height: 640px; } .app-well-app-running-dot { height: 5px; width: 5px; border-radius: 5px; margin-bottom: 8px; background-color: #4B8501; } .rename-folder-popup .rename-folder-popup-item { spacing: 6px; } .rename-folder-popup .rename-folder-popup-item:ltr, .rename-folder-popup .rename-folder-popup-item:rtl { padding: 0 12px; } .page-indicator { padding: 6px 12px 0; } .page-indicator .page-indicator-icon { width: 10px; height: 10px; border-radius: 10px; background-color: white; } .apps-scroll-view { padding: 0; } .system-action-icon { background-color: rgba(0, 0, 0, 0.8); color: #fff; border-radius: 99px; icon-size: 48px; } .page-navigation-hint { width: 300px; } .page-navigation-hint.dnd { background: rgba(255, 255, 255, 0.1); } .page-navigation-hint.next:ltr, .page-navigation-hint.previous:rtl { background-gradient-start: rgba(255, 255, 255, 0.05); background-gradient-end: transparent; background-gradient-direction: horizontal; border-radius: 18px 0px 0px 18px; } .page-navigation-hint.previous:ltr, .page-navigation-hint.next:rtl { background-gradient-start: transparent; background-gradient-end: rgba(255, 255, 255, 0.05); background-gradient-direction: horizontal; border-radius: 0px 18px 18px 0px; } .page-navigation-arrow { margin: 6px; width: 24px; height: 24px; color: #eeeeec; } /* Workspace pager */ .workspace-thumbnails { visible-width: 32px; spacing: 6px; padding: 6px; border-color: transparent; } .workspace-thumbnails .workspace-thumbnail { border-radius: 3px; background-color: #1d1d1d; border: 1px solid #464646; } .workspace-thumbnails .placeholder { background-image: url("resource:///org/gnome/shell/theme/workspace-placeholder.svg"); background-size: contain; width: 18px; } .workspace-thumbnail-indicator { border: 2px solid #73cc02; border-radius: 3px; padding: 0px; } .ripple-pointer-location { width: 50px; height: 50px; border-radius: 25px; background-color: rgba(157, 253, 34, 0.3); box-shadow: 0 0 2px 2px #84ea02; } .pie-timer { width: 60px; height: 60px; -pie-border-width: 3px; -pie-border-color: #4B8501; -pie-background-color: rgba(179, 254, 84, 0.3); } .magnifier-zoom-region { border: 2px solid #4B8501; } .magnifier-zoom-region.full-screen { border-width: 0; } .select-area-rubberband { background-color: rgba(135, 135, 135, 0.2); border: 1px solid rgba(204, 204, 204, 0.8); } .user-icon { /* Yaru: See commit 3d4aca768250 */ background-size: contain; color: #F7F7F7; border-radius: 99px; icon-size: 4.36em; } .user-icon:hover { color: white; } .user-icon StIcon { background-color: rgba(247, 247, 247, 0.05); border-radius: 99px; padding: 12px; width: 2.725em; height: 2.725em; } .user-icon.user-avatar { border: 2px #eeeeec; } .user-widget.vertical .user-icon { icon-size: 6.54em; } .user-widget.vertical .user-icon StIcon { padding: 20px; padding-top: 18px; padding-bottom: 22px; width: 5.995em; height: 5.995em; /* Yaru: See commit 3d4aca768250 */ } .lightbox { background-color: black; } .flashspot { background-color: white; } .hidden { color: rgba(0, 0, 0, 0); } .caps-lock-warning-label { text-align: center; padding-bottom: 8px; color: #f99b11; } /* Workspace animation */ .workspace-animation { background-color: #222222; } /* Tiled window previews */ .tile-preview { background-color: rgba(75, 133, 1, 0.5); border: 1px solid #4B8501; } /* On-screen Keyboard */ #keyboard { background-color: rgba(0, 0, 0, 0.9); } #keyboard .page-indicator { padding: 6px; } #keyboard .page-indicator .page-indicator-icon { width: 8px; height: 8px; } .key-container { padding: 4px; spacing: 4px; } .keyboard-key { font-size: 16pt; font-weight: bold; min-height: 1.2em; min-width: 1.2em; border-width: 1px; border-style: solid; border-radius: 10px; box-shadow: 0 1px 0 0 rgba(0, 0, 0, 0.1); color: #F7F7F7; background-color: #222222; } .keyboard-key:focus { color: #F7F7F7; background-color: #262c1f; box-shadow: inset 0 0 0 2px rgba(75, 133, 1, 0.6); } .keyboard-key:focus:hover { background-color: #32382a; box-shadow: inset 0 0 0 2px rgba(75, 133, 1, 0.7); } .keyboard-key:focus:active { background-color: #363c2f; box-shadow: inset 0 0 0 2px rgba(75, 133, 1, 0.7); } .keyboard-key:hover { color: #F7F7F7; background-color: #2c2c2c; } .keyboard-key:active { color: #F7F7F7; background-color: #343434; } .keyboard-key:checked { color: #F7F7F7; background-color: #414141; } .keyboard-key:grayed { background-color: #151515; color: #F7F7F7; border-color: rgba(0, 0, 0, 0.7); } .keyboard-key.default-key { color: #F7F7F7; background-color: #222222; border-radius: 10px; } .keyboard-key.default-key:hover { color: #F7F7F7; background-color: #2c2c2c; } .keyboard-key.default-key:active { color: #F7F7F7; background-color: #343434; } .keyboard-key.default-key:checked { color: #F7F7F7; background-color: #414141; } .keyboard-key.enter-key { color: #FFFFFF; background-color: #0d7b1e; border-radius: 10px; color: #eeeeec; } .keyboard-key.enter-key:hover { color: #FFFFFF; background-color: #0f8d22; } .keyboard-key.enter-key:active { color: #FFFFFF; background-color: #109b26; } .keyboard-key.enter-key:checked { color: #FFFFFF; background-color: #13b22b; } .keyboard-key.shift-key-uppercase { background-color: #4e4e4e; color: #F7F7F7; } .keyboard-key.shift-key-uppercase:hover { background-color: #5a5a5a; } .keyboard-key StIcon { icon-size: 24px; } .keyboard-subkeys { -arrow-border-radius: 12px; -arrow-background-color: rgba(9, 9, 9, 0.9); -arrow-border-width: 1px; -arrow-border-color: #464646; -arrow-base: 20px; -arrow-rise: 10px; -boxpointer-gap: 6px; padding: 6px; } .keyboard-subkeys .keyboard-key { color: #F7F7F7; background-color: #222222; border-radius: 10px; } .keyboard-subkeys .keyboard-key:focus { color: #F7F7F7; background-color: #262c1f; box-shadow: inset 0 0 0 2px rgba(75, 133, 1, 0.6); } .keyboard-subkeys .keyboard-key:focus:hover { background-color: #32382a; box-shadow: inset 0 0 0 2px rgba(75, 133, 1, 0.7); } .keyboard-subkeys .keyboard-key:focus:active { background-color: #363c2f; box-shadow: inset 0 0 0 2px rgba(75, 133, 1, 0.7); } .keyboard-subkeys .keyboard-key:hover { color: #F7F7F7; background-color: #2c2c2c; } .keyboard-subkeys .keyboard-key:active { color: #F7F7F7; background-color: #343434; } .keyboard-subkeys .keyboard-key:checked { color: #F7F7F7; background-color: #414141; } .emoji-page .keyboard-key { background-color: transparent; border: none; color: initial; } .emoji-panel .keyboard-key:latched { border-color: #599e01; background-color: #4B8501; } .word-suggestions { font-size: 14pt; spacing: 12px; min-height: 20pt; padding: 12px; color: #F7F7F7; } .word-suggestions StButton { margin: 0 3px; min-width: 32px; border-radius: 4px; padding: 6px 18px; background-color: transparent; background-image: none; } .word-suggestions StButton:focus { color: #F7F7F7; background-color: #262c1f; box-shadow: inset 0 0 0 2px rgba(75, 133, 1, 0.6); } .word-suggestions StButton:focus:hover { background-color: #32382a; box-shadow: inset 0 0 0 2px rgba(75, 133, 1, 0.7); } .word-suggestions StButton:focus:active { background-color: #363c2f; box-shadow: inset 0 0 0 2px rgba(75, 133, 1, 0.7); } .word-suggestions StButton:hover { color: #F7F7F7; background-color: #2c2c2c; } .word-suggestions StButton:active { color: #F7F7F7; background-color: #343434; } .word-suggestions StButton:checked { color: #F7F7F7; background-color: #414141; } /* Looking Glass */ #LookingGlassDialog { background-color: rgba(29, 29, 29, 0.975); border-radius: 0 0 12px 12px; border-top-width: 0; border: 1px solid rgba(255, 255, 255, 0.16); color: #eeeeec; padding: 6px; spacing: 6px; box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.1); } #LookingGlassDialog > #Toolbar { border: none; padding: 6px; border-radius: 0; background-color: transparent; spacing: 6px; } #LookingGlassDialog > #Toolbar .lg-toolbar-button { padding: 6px 12px; } #LookingGlassDialog > #Toolbar .lg-toolbar-button > StIcon { icon-size: 1.09em; } #LookingGlassDialog .labels { spacing: 6px; } #LookingGlassDialog .notebook-tab { -natural-hpadding: 12px; -minimum-hpadding: 12px; font-weight: bold; padding: 6px 12px; color: #cacac4; transition-duration: 100ms; box-shadow: none; border: none; border-radius: 4px; background-color: transparent; } #LookingGlassDialog .notebook-tab:hover { color: #eeeeec; background-color: rgba(238, 238, 236, 0.05); } #LookingGlassDialog .notebook-tab:selected { color: #eeeeec; background-color: rgba(238, 238, 236, 0.1); } #LookingGlassDialog StBoxLayout#EvalBox { padding: 4px; spacing: 6px; padding: 6px; } #LookingGlassDialog StBoxLayout#ResultsArea { spacing: 6px; padding: 6px; } .lg-dialog { color: #eeeeec; } .lg-dialog StEntry { background-color: rgba(42, 42, 42, 0.575); color: #eeeeec; border-color: rgba(238, 238, 236, 0.2); min-height: 22px; selection-background-color: #4B8501; selected-color: #FFFFFF; } .lg-dialog StEntry, .lg-dialog StEntry:focus { box-shadow: none; } .lg-dialog .shell-link { color: #84ea02; } .lg-dialog .shell-link:hover { color: #9dfd22; } .lg-dialog .shell-link:active { color: #68b801; } .lg-dialog .actor-link { color: #8a8a8a; } .lg-dialog .actor-link:hover { color: #bdbdbd; } .lg-dialog .actor-link:active { color: #575757; } .lg-completions-text { font-style: italic; color: #eeeeec; } .lg-obj-inspector-title { spacing: 6px; color: #eeeeec; } .lg-obj-inspector-button { border: 1px solid rgba(0, 0, 0, 0.7); padding: 4px; border-radius: 6px; color: #eeeeec; } .lg-obj-inspector-button:hover { border: 1px solid #ffffff; } #lookingGlassExtensions { padding: 6px; } .lg-extensions-list { padding: 6px; spacing: 6px; } .lg-extension { padding: 12px; border-radius: 6px; margin: 4px; box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.1); color: #F7F7F7; background-color: #2c2c2c; } .lg-extension:focus { color: #F7F7F7; background-color: #2c2c2c; box-shadow: inset 0 0 0 2px #73cc02; } .lg-extension:focus:hover { background-color: #343434; box-shadow: inset 0 0 0 2px #73cc02; } .lg-extension:focus:active { background-color: #3b3b3b; box-shadow: inset 0 0 0 2px #73cc02; } .lg-extension:hover { color: #F7F7F7; background-color: #343434; } .lg-extension:active { color: #F7F7F7; background-color: #3b3b3b; } .lg-extension-meta { spacing: 6px; } #LookingGlassPropertyInspector { background: rgba(29, 29, 29, 0.975); border: 1px solid rgba(0, 0, 0, 0.7); border-radius: 6px; padding: 6px; } .lg-debug-flag-button { color: #F7F7F7; } .lg-debug-flag-button StLabel { padding: 6px, 12px; } .lg-debug-flag-button:hover { color: white; } .lg-debug-flag-button:active { color: #c4c4c4; } .lg-debug-flags-header { padding-top: 12px; padding: 6px; } /* Login Dialog */ .login-dialog-banner-view { padding-top: 24px; max-width: 23em; } .login-dialog, .unlock-dialog { border: none; background-color: transparent; } .login-dialog .modal-dialog-button-box, .unlock-dialog .modal-dialog-button-box { spacing: 3px; } .login-dialog .modal-dialog-button, .unlock-dialog .modal-dialog-button { padding: 4px 18px; box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2); background-color: #222222; border-color: #464646; color: #F7F7F7; } .login-dialog .modal-dialog-button:hover, .unlock-dialog .modal-dialog-button:hover { background-color: #2f2f2f; } .login-dialog .modal-dialog-button:focus, .unlock-dialog .modal-dialog-button:focus { border-color: #73cc02; box-shadow: inset 0 0 0 1px #73cc02; } .login-dialog .modal-dialog-button:active, .unlock-dialog .modal-dialog-button:active { box-shadow: none; background-color: #151515; color: rgba(238, 238, 236, 0.7); } .login-dialog .modal-dialog-button:default, .unlock-dialog .modal-dialog-button:default { background-color: #4B8501; color: #FFFFFF; } .login-dialog .modal-dialog-button:default:focus, .unlock-dialog .modal-dialog-button:default:focus { box-shadow: inset 0 0 0 2px rgba(75, 133, 1, 0.6); } .login-dialog .modal-dialog-button:default:hover, .login-dialog .modal-dialog-button:default:focus, .unlock-dialog .modal-dialog-button:default:hover, .unlock-dialog .modal-dialog-button:default:focus { background-color: #599e01; color: white; } .login-dialog .modal-dialog-button:default:active, .unlock-dialog .modal-dialog-button:default:active { background-color: #376201; color: #ededed; } .login-dialog .modal-dialog-button:default:insensitive, .unlock-dialog .modal-dialog-button:default:insensitive { color: rgba(247, 247, 247, 0.5); background-color: rgba(247, 247, 247, 0.05); background-color: rgba(75, 133, 1, 0.5); color: rgba(255, 255, 255, 0.5); } .login-dialog .cancel-button, .login-dialog .switch-user-button, .login-dialog .login-dialog-session-list-button, .unlock-dialog .cancel-button, .unlock-dialog .switch-user-button, .unlock-dialog .login-dialog-session-list-button { padding: 0; border-radius: 99px; width: 2.18em; height: 2.18em; } .login-dialog .cancel-button StIcon, .login-dialog .switch-user-button StIcon, .login-dialog .login-dialog-session-list-button StIcon, .unlock-dialog .cancel-button StIcon, .unlock-dialog .switch-user-button StIcon, .unlock-dialog .login-dialog-session-list-button StIcon { icon-size: 1.09em; } .login-dialog .caps-lock-warning-label, .login-dialog .login-dialog-message, .unlock-dialog .caps-lock-warning-label, .unlock-dialog .login-dialog-message { color: #eeeeec; } .login-dialog-logo-bin { padding: 24px 0px; } .login-dialog-banner { color: #d6d6d1; } .login-dialog-button-box { width: 23em; spacing: 5px; } .login-dialog-message { text-align: center; } .login-dialog-user-selection-box { padding: 100px 0px; } .login-dialog-not-listed-label { padding-left: 2px; } .login-dialog-not-listed-button:focus .login-dialog-not-listed-label, .login-dialog-not-listed-button:hover .login-dialog-not-listed-label { color: #eeeeec; } .login-dialog-not-listed-label { font-weight: bold; color: #a6a69b; padding-top: 1em; } .login-dialog-auth-list-view { -st-vfade-offset: 1em; } .login-dialog-auth-list { spacing: 6px; margin-left: 2em; } .login-dialog-auth-list-title { margin-left: 2em; } .login-dialog-auth-list-item { border-radius: 10px; padding: 6px; color: #a6a69b; } .login-dialog-auth-list-item:focus, .login-dialog-auth-list-item:selected { background-color: #4B8501; color: #FFFFFF; } .login-dialog-auth-list-label { font-size: 13pt; font-weight: bold; padding-left: 15px; } .login-dialog-auth-list-label:ltr { padding-left: 14px; text-align: left; } .login-dialog-auth-list-label:rtl { padding-right: 14px; text-align: right; } .login-dialog-user-list-view { -st-vfade-offset: 1em; } .login-dialog-user-list { spacing: 12px; width: 23em; } .login-dialog-user-list:expanded .login-dialog-user-list-item:selected { background-color: rgba(255, 255, 255, 0.1); color: #FFFFFF; } .login-dialog-user-list:expanded .login-dialog-user-list-item:logged-in { border-right: 2px solid rgba(255, 255, 255, 0.1); } .login-dialog-user-list-item { border-radius: 10px; padding: 6px; color: #a6a69b; } .login-dialog-user-list-item:ltr .user-widget { padding-right: 1em; } .login-dialog-user-list-item:rtl .user-widget { padding-left: 1em; } .login-dialog-user-list-item .login-dialog-timed-login-indicator { height: 2px; margin-top: 6px; background-color: #eeeeec; } .login-dialog-user-list-item:focus .login-dialog-timed-login-indicator { background-color: #FFFFFF; } .user-widget-label { color: #eeeeec; } .user-widget.horizontal .user-widget-label { font-size: 13pt; font-weight: bold; padding-left: 15px; } .user-widget.horizontal .user-widget-label:ltr { padding-left: 14px; text-align: left; } .user-widget.horizontal .user-widget-label:rtl { padding-right: 14px; text-align: right; } .user-widget.vertical .user-widget-label { font-size: 16pt; text-align: center; font-weight: normal; padding-top: 16px; } .login-dialog-timed-login-indicator { height: 2px; background-color: #919191; } .login-dialog-prompt-layout { padding-top: 24px; padding-bottom: 12px; spacing: 12px; width: 23em; } .login-dialog-prompt-entry { height: 1.5em; } .login-dialog-prompt-label { color: #bebeb6; font-size: 12pt; padding-top: 1em; } .login-dialog StEntry { background-color: #1b1b1b; color: #F7F7F7; } .unlock-dialog StEntry { border: none !important; } .unlock-dialog StEntry, .unlock-dialog StEntry:focus { color: #F7F7F7; background-color: rgba(247, 247, 247, 0.1); box-shadow: none; } .unlock-dialog StEntry:insensitive { color: rgba(247, 247, 247, 0.5); background-color: rgba(247, 247, 247, 0.05); } .unlock-dialog StEntry StLabel.hint-text { color: rgba(247, 247, 247, 0.7); } .unlock-dialog .user-icon { background-color: rgba(247, 247, 247, 0.1); color: #F7F7F7; } .unlock-dialog .cancel-button, .unlock-dialog .switch-user-button, .unlock-dialog .login-dialog-session-list-button { border-color: transparent; background-color: rgba(247, 247, 247, 0.1); box-shadow: none; } .unlock-dialog .cancel-button, .unlock-dialog .cancel-button:hover, .unlock-dialog .cancel-button:focus, .unlock-dialog .cancel-button:active, .unlock-dialog .switch-user-button, .unlock-dialog .switch-user-button:hover, .unlock-dialog .switch-user-button:focus, .unlock-dialog .switch-user-button:active, .unlock-dialog .login-dialog-session-list-button, .unlock-dialog .login-dialog-session-list-button:hover, .unlock-dialog .login-dialog-session-list-button:focus, .unlock-dialog .login-dialog-session-list-button:active { color: #F7F7F7; } .unlock-dialog .cancel-button:hover, .unlock-dialog .cancel-button:focus, .unlock-dialog .switch-user-button:hover, .unlock-dialog .switch-user-button:focus, .unlock-dialog .login-dialog-session-list-button:hover, .unlock-dialog .login-dialog-session-list-button:focus { background-color: rgba(247, 247, 247, 0.15); } .unlock-dialog .cancel-button:active, .unlock-dialog .switch-user-button:active, .unlock-dialog .login-dialog-session-list-button:active { background-color: rgba(247, 247, 247, 0.2); } /* Screen Shield */ .unlock-dialog-clock { color: white; font-weight: 300; text-align: center; spacing: 24px; padding-bottom: 2.5em; } .unlock-dialog-clock-time { font-size: 64pt; padding-top: 42px; } .unlock-dialog-clock-date { font-size: 16pt; font-weight: normal; } .unlock-dialog-clock-hint { font-weight: normal; padding-top: 48px; } .unlock-dialog-notifications-container { margin: 12px; spacing: 6px; width: 23em; background-color: transparent; } .unlock-dialog-notifications-container .summary-notification-stack-scrollview { padding-top: 0; padding-bottom: 0; } .unlock-dialog-notifications-container .notification, .unlock-dialog-notifications-container .unlock-dialog-notification-source { padding: 12px 16px; border: none; background-color: rgba(238, 238, 236, 0.1); color: #eeeeec; border-radius: 12px; } .unlock-dialog-notifications-container .notification.critical, .unlock-dialog-notifications-container .unlock-dialog-notification-source.critical { background-color: rgba(238, 238, 236, 0.2); } .unlock-dialog-notification-label { padding: 0 0 0 12px; } .unlock-dialog-notification-count-text { font-weight: bold; padding: 0 12px; color: #eeeeec; background-color: rgba(238, 238, 236, 0.1); border-radius: 99px; } .screen-shield-background { background: black; box-shadow: 0 2px 4px rgba(0, 0, 0, 0.6); } #lockDialogGroup { background-color: #222222; } #unlockDialogNotifications StButton#vhandle, #unlockDialogNotifications StButton#hhandle { background-color: rgba(29, 29, 29, 0.3); } #unlockDialogNotifications StButton#vhandle:hover, #unlockDialogNotifications StButton#vhandle:focus, #unlockDialogNotifications StButton#hhandle:hover, #unlockDialogNotifications StButton#hhandle:focus { background-color: rgba(29, 29, 29, 0.5); } #unlockDialogNotifications StButton#vhandle:active, #unlockDialogNotifications StButton#hhandle:active { background-color: rgba(75, 133, 1, 0.5); } * { font-weight: normal !important; text-shadow: none !important; } .file-item { border-radius: 6px; } /* Default Ubuntu Dock styling, append !important to any changed rules This must be in sync with - https://github.com/micheleg/dash-to-dock/blob/ubuntu-dock/_stylesheet.scss */ #dashtodockContainer.bottom #dash { margin: 0px; padding: 0px; } #dashtodockContainer.bottom #dash .dash-background { margin: 0; margin-bottom: 4px; padding: 0; border-radius: 18px; spacing: 6px; } #dashtodockContainer.bottom #dash .dash-separator { background-color: #464646; margin: 0 4px; width: 1px; height: 0; margin-bottom: 4px; } #dashtodockContainer.bottom #dash #dashtodockDashContainer { padding: 10px; padding-bottom: 0; padding-top: 0; } #dashtodockContainer.bottom #dash .dash-item-container { /* Disable all margins defined upstream, we handle them here */ margin: 0 2px; } #dashtodockContainer.bottom #dash .dash-item-container > * { margin: 0; } #dashtodockContainer.bottom #dash .dash-item-container:ltr:first-child, #dashtodockContainer.bottom #dash .dash-item-container:rtl:last-child { margin-left: 0; } #dashtodockContainer.bottom #dash .dash-item-container:ltr:last-child, #dashtodockContainer.bottom #dash .dash-item-container:rtl:first-child { margin-right: 0; } #dashtodockContainer.bottom #dash .dash-item-container .app-well-app, #dashtodockContainer.bottom #dash .dash-item-container .grid-search-result, #dashtodockContainer.bottom #dash .dash-item-container .show-apps { padding: 2px 2px; padding-bottom: 14px; padding-top: 10px; } #dashtodockContainer.bottom #dash .dash-item-container .app-well-app:ltr:first-child, #dashtodockContainer.bottom #dash .dash-item-container .grid-search-result:ltr:first-child, #dashtodockContainer.bottom #dash .dash-item-container .app-well-app:rtl:last-child, #dashtodockContainer.bottom #dash .dash-item-container .grid-search-result:rtl:last-child, #dashtodockContainer.bottom #dash .dash-item-container .show-apps:ltr:first-child, #dashtodockContainer.bottom #dash .dash-item-container .show-apps:rtl:last-child { padding-left: 0; } #dashtodockContainer.bottom #dash .dash-item-container .app-well-app:ltr:last-child, #dashtodockContainer.bottom #dash .dash-item-container .grid-search-result:ltr:last-child, #dashtodockContainer.bottom #dash .dash-item-container .app-well-app:rtl:first-child, #dashtodockContainer.bottom #dash .dash-item-container .grid-search-result:rtl:first-child, #dashtodockContainer.bottom #dash .dash-item-container .show-apps:ltr:last-child, #dashtodockContainer.bottom #dash .dash-item-container .show-apps:rtl:first-child { padding-right: 0; } #dashtodockContainer.bottom #dash .dash-item-container .app-well-app.running .overview-icon, #dashtodockContainer.bottom #dash .dash-item-container .running.grid-search-result .overview-icon { background-image: none; } #dashtodockContainer.bottom #dash .dash-item-container .app-well-app.focused .overview-icon, #dashtodockContainer.bottom #dash .dash-item-container .focused.grid-search-result .overview-icon { background-color: rgba(238, 238, 236, 0.2); } #dashtodockContainer.bottom #dash .dash-item-container .app-well-app .app-well-app-running-dot, #dashtodockContainer.bottom #dash .dash-item-container .grid-search-result .app-well-app-running-dot { margin-bottom: 2px; } #dashtodockContainer.bottom #dash .dash-item-container > StButton { transition-duration: 250; background-size: contain; } #dashtodockContainer.bottom.fixed #dash .dash-background { margin-top: 4px; } #dashtodockContainer.bottom.fixed #dash .dash-item-container .app-well-app, #dashtodockContainer.bottom.fixed #dash .dash-item-container .grid-search-result, #dashtodockContainer.bottom.fixed #dash .dash-item-container .show-apps { padding-top: 14px; } .dash-label.bottom { margin-bottom: 10px; -x-offset: 0; -y-offset: 0; } #dashtodockContainer.bottom.shrink #dash { margin: 0px; padding: 0px; } #dashtodockContainer.bottom.shrink #dash .dash-background { margin: 0; margin-bottom: 4px; padding: 0; border-radius: 14px; spacing: 2px; } #dashtodockContainer.bottom.shrink #dash .dash-separator { background-color: #464646; margin: 0 1px; width: 1px; height: 0; margin-bottom: 4px; } #dashtodockContainer.bottom.shrink #dash #dashtodockDashContainer { padding: 3px; padding-bottom: 0; padding-top: 0; } #dashtodockContainer.bottom.shrink #dash .dash-item-container { /* Disable all margins defined upstream, we handle them here */ margin: 0 2px; } #dashtodockContainer.bottom.shrink #dash .dash-item-container > * { margin: 0; } #dashtodockContainer.bottom.shrink #dash .dash-item-container:ltr:first-child, #dashtodockContainer.bottom.shrink #dash .dash-item-container:rtl:last-child { margin-left: 0; } #dashtodockContainer.bottom.shrink #dash .dash-item-container:ltr:last-child, #dashtodockContainer.bottom.shrink #dash .dash-item-container:rtl:first-child { margin-right: 0; } #dashtodockContainer.bottom.shrink #dash .dash-item-container .app-well-app, #dashtodockContainer.bottom.shrink #dash .dash-item-container .grid-search-result, #dashtodockContainer.bottom.shrink #dash .dash-item-container .show-apps { padding: 1px 1px; padding-bottom: 7px; padding-top: 3px; } #dashtodockContainer.bottom.shrink #dash .dash-item-container .app-well-app:ltr:first-child, #dashtodockContainer.bottom.shrink #dash .dash-item-container .grid-search-result:ltr:first-child, #dashtodockContainer.bottom.shrink #dash .dash-item-container .app-well-app:rtl:last-child, #dashtodockContainer.bottom.shrink #dash .dash-item-container .grid-search-result:rtl:last-child, #dashtodockContainer.bottom.shrink #dash .dash-item-container .show-apps:ltr:first-child, #dashtodockContainer.bottom.shrink #dash .dash-item-container .show-apps:rtl:last-child { padding-left: 0; } #dashtodockContainer.bottom.shrink #dash .dash-item-container .app-well-app:ltr:last-child, #dashtodockContainer.bottom.shrink #dash .dash-item-container .grid-search-result:ltr:last-child, #dashtodockContainer.bottom.shrink #dash .dash-item-container .app-well-app:rtl:first-child, #dashtodockContainer.bottom.shrink #dash .dash-item-container .grid-search-result:rtl:first-child, #dashtodockContainer.bottom.shrink #dash .dash-item-container .show-apps:ltr:last-child, #dashtodockContainer.bottom.shrink #dash .dash-item-container .show-apps:rtl:first-child { padding-right: 0; } #dashtodockContainer.bottom.shrink #dash .dash-item-container .app-well-app.running .overview-icon, #dashtodockContainer.bottom.shrink #dash .dash-item-container .running.grid-search-result .overview-icon { background-image: none; } #dashtodockContainer.bottom.shrink #dash .dash-item-container .app-well-app.focused .overview-icon, #dashtodockContainer.bottom.shrink #dash .dash-item-container .focused.grid-search-result .overview-icon { background-color: rgba(238, 238, 236, 0.2); } #dashtodockContainer.bottom.shrink #dash .dash-item-container .app-well-app .app-well-app-running-dot, #dashtodockContainer.bottom.shrink #dash .dash-item-container .grid-search-result .app-well-app-running-dot { margin-bottom: 2px; } #dashtodockContainer.bottom.shrink #dash .dash-item-container > StButton { transition-duration: 250; background-size: contain; } #dashtodockContainer.bottom.shrink.fixed #dash .dash-background { margin-top: 1px; } #dashtodockContainer.bottom.shrink.fixed #dash .dash-item-container .app-well-app, #dashtodockContainer.bottom.shrink.fixed #dash .dash-item-container .grid-search-result, #dashtodockContainer.bottom.shrink.fixed #dash .dash-item-container .show-apps { padding-top: 4px; } .dash-label.bottom.shrink { margin-bottom: 3px; -x-offset: 0; -y-offset: 0; } #dashtodockContainer.bottom.extended #dash { margin: 0px; padding: 0px; } #dashtodockContainer.bottom.extended #dash .dash-background { margin: 0; margin-bottom: 0; padding: 0; border-radius: 0; spacing: 6px; } #dashtodockContainer.bottom.extended #dash .dash-separator { background-color: #464646; margin: 0 4px; width: 1px; height: 0; margin-bottom: 0; } #dashtodockContainer.bottom.extended #dash #dashtodockDashContainer { padding: 0; padding-bottom: 0; padding-top: 0; } #dashtodockContainer.bottom.extended #dash #dashtodockDashContainer > :first-child .show-apps { padding-left: 8px; } #dashtodockContainer.bottom.extended #dash #dashtodockDashContainer #dashtodockDashScrollview:first-child { padding-left: 8px; } #dashtodockContainer.bottom.extended #dash #dashtodockDashContainer > :last-child .show-apps { padding-right: 8px; } #dashtodockContainer.bottom.extended #dash #dashtodockDashContainer #dashtodockDashScrollview:last-child { padding-right: 8px; } #dashtodockContainer.bottom.extended #dash .dash-item-container { /* Disable all margins defined upstream, we handle them here */ margin: 0 2px; } #dashtodockContainer.bottom.extended #dash .dash-item-container > * { margin: 0; } #dashtodockContainer.bottom.extended #dash .dash-item-container:ltr:first-child, #dashtodockContainer.bottom.extended #dash .dash-item-container:rtl:last-child { margin-left: 0; } #dashtodockContainer.bottom.extended #dash .dash-item-container:ltr:last-child, #dashtodockContainer.bottom.extended #dash .dash-item-container:rtl:first-child { margin-right: 0; } #dashtodockContainer.bottom.extended #dash .dash-item-container .app-well-app, #dashtodockContainer.bottom.extended #dash .dash-item-container .grid-search-result, #dashtodockContainer.bottom.extended #dash .dash-item-container .show-apps { padding: 2px 2px; padding-bottom: 10px; padding-top: 10px; } #dashtodockContainer.bottom.extended #dash .dash-item-container .app-well-app:ltr:first-child, #dashtodockContainer.bottom.extended #dash .dash-item-container .grid-search-result:ltr:first-child, #dashtodockContainer.bottom.extended #dash .dash-item-container .app-well-app:rtl:last-child, #dashtodockContainer.bottom.extended #dash .dash-item-container .grid-search-result:rtl:last-child, #dashtodockContainer.bottom.extended #dash .dash-item-container .show-apps:ltr:first-child, #dashtodockContainer.bottom.extended #dash .dash-item-container .show-apps:rtl:last-child { padding-left: 0; } #dashtodockContainer.bottom.extended #dash .dash-item-container .app-well-app:ltr:last-child, #dashtodockContainer.bottom.extended #dash .dash-item-container .grid-search-result:ltr:last-child, #dashtodockContainer.bottom.extended #dash .dash-item-container .app-well-app:rtl:first-child, #dashtodockContainer.bottom.extended #dash .dash-item-container .grid-search-result:rtl:first-child, #dashtodockContainer.bottom.extended #dash .dash-item-container .show-apps:ltr:last-child, #dashtodockContainer.bottom.extended #dash .dash-item-container .show-apps:rtl:first-child { padding-right: 0; } #dashtodockContainer.bottom.extended #dash .dash-item-container .app-well-app.running .overview-icon, #dashtodockContainer.bottom.extended #dash .dash-item-container .running.grid-search-result .overview-icon { background-image: none; } #dashtodockContainer.bottom.extended #dash .dash-item-container .app-well-app.focused .overview-icon, #dashtodockContainer.bottom.extended #dash .dash-item-container .focused.grid-search-result .overview-icon { background-color: rgba(238, 238, 236, 0.2); } #dashtodockContainer.bottom.extended #dash .dash-item-container .app-well-app .app-well-app-running-dot, #dashtodockContainer.bottom.extended #dash .dash-item-container .grid-search-result .app-well-app-running-dot { margin-bottom: 2px; } #dashtodockContainer.bottom.extended #dash .dash-item-container > StButton { transition-duration: 250; background-size: contain; } #dashtodockContainer.bottom.extended.fixed #dash .dash-background { margin-top: 0; } #dashtodockContainer.bottom.extended.fixed #dash .dash-item-container .app-well-app, #dashtodockContainer.bottom.extended.fixed #dash .dash-item-container .grid-search-result, #dashtodockContainer.bottom.extended.fixed #dash .dash-item-container .show-apps { padding-top: 10px; } .dash-label.bottom { margin-bottom: 10px; -x-offset: 0; -y-offset: 0; } #dashtodockContainer.bottom.extended.shrink #dash { margin: 0px; padding: 0px; } #dashtodockContainer.bottom.extended.shrink #dash .dash-background { margin: 0; margin-bottom: 0; padding: 0; border-radius: 0; spacing: 2px; } #dashtodockContainer.bottom.extended.shrink #dash .dash-separator { background-color: #464646; margin: 0 1px; width: 1px; height: 0; margin-bottom: 0; } #dashtodockContainer.bottom.extended.shrink #dash #dashtodockDashContainer { padding: 0; padding-bottom: 0; padding-top: 0; } #dashtodockContainer.bottom.extended.shrink #dash #dashtodockDashContainer > :first-child .show-apps { padding-left: 6px; } #dashtodockContainer.bottom.extended.shrink #dash #dashtodockDashContainer #dashtodockDashScrollview:first-child { padding-left: 6px; } #dashtodockContainer.bottom.extended.shrink #dash #dashtodockDashContainer > :last-child .show-apps { padding-right: 6px; } #dashtodockContainer.bottom.extended.shrink #dash #dashtodockDashContainer #dashtodockDashScrollview:last-child { padding-right: 6px; } #dashtodockContainer.bottom.extended.shrink #dash .dash-item-container { /* Disable all margins defined upstream, we handle them here */ margin: 0 2px; } #dashtodockContainer.bottom.extended.shrink #dash .dash-item-container > * { margin: 0; } #dashtodockContainer.bottom.extended.shrink #dash .dash-item-container:ltr:first-child, #dashtodockContainer.bottom.extended.shrink #dash .dash-item-container:rtl:last-child { margin-left: 0; } #dashtodockContainer.bottom.extended.shrink #dash .dash-item-container:ltr:last-child, #dashtodockContainer.bottom.extended.shrink #dash .dash-item-container:rtl:first-child { margin-right: 0; } #dashtodockContainer.bottom.extended.shrink #dash .dash-item-container .app-well-app, #dashtodockContainer.bottom.extended.shrink #dash .dash-item-container .grid-search-result, #dashtodockContainer.bottom.extended.shrink #dash .dash-item-container .show-apps { padding: 1px 1px; padding-bottom: 3px; padding-top: 3px; } #dashtodockContainer.bottom.extended.shrink #dash .dash-item-container .app-well-app:ltr:first-child, #dashtodockContainer.bottom.extended.shrink #dash .dash-item-container .grid-search-result:ltr:first-child, #dashtodockContainer.bottom.extended.shrink #dash .dash-item-container .app-well-app:rtl:last-child, #dashtodockContainer.bottom.extended.shrink #dash .dash-item-container .grid-search-result:rtl:last-child, #dashtodockContainer.bottom.extended.shrink #dash .dash-item-container .show-apps:ltr:first-child, #dashtodockContainer.bottom.extended.shrink #dash .dash-item-container .show-apps:rtl:last-child { padding-left: 0; } #dashtodockContainer.bottom.extended.shrink #dash .dash-item-container .app-well-app:ltr:last-child, #dashtodockContainer.bottom.extended.shrink #dash .dash-item-container .grid-search-result:ltr:last-child, #dashtodockContainer.bottom.extended.shrink #dash .dash-item-container .app-well-app:rtl:first-child, #dashtodockContainer.bottom.extended.shrink #dash .dash-item-container .grid-search-result:rtl:first-child, #dashtodockContainer.bottom.extended.shrink #dash .dash-item-container .show-apps:ltr:last-child, #dashtodockContainer.bottom.extended.shrink #dash .dash-item-container .show-apps:rtl:first-child { padding-right: 0; } #dashtodockContainer.bottom.extended.shrink #dash .dash-item-container .app-well-app.running .overview-icon, #dashtodockContainer.bottom.extended.shrink #dash .dash-item-container .running.grid-search-result .overview-icon { background-image: none; } #dashtodockContainer.bottom.extended.shrink #dash .dash-item-container .app-well-app.focused .overview-icon, #dashtodockContainer.bottom.extended.shrink #dash .dash-item-container .focused.grid-search-result .overview-icon { background-color: rgba(238, 238, 236, 0.2); } #dashtodockContainer.bottom.extended.shrink #dash .dash-item-container .app-well-app .app-well-app-running-dot, #dashtodockContainer.bottom.extended.shrink #dash .dash-item-container .grid-search-result .app-well-app-running-dot { margin-bottom: 2px; } #dashtodockContainer.bottom.extended.shrink #dash .dash-item-container > StButton { transition-duration: 250; background-size: contain; } #dashtodockContainer.bottom.extended.shrink.fixed #dash .dash-background { margin-top: 0; } #dashtodockContainer.bottom.extended.shrink.fixed #dash .dash-item-container .app-well-app, #dashtodockContainer.bottom.extended.shrink.fixed #dash .dash-item-container .grid-search-result, #dashtodockContainer.bottom.extended.shrink.fixed #dash .dash-item-container .show-apps { padding-top: 3px; } .dash-label.bottom.shrink { margin-bottom: 3px; -x-offset: 0; -y-offset: 0; } #dashtodockContainer.top #dash { margin: 0px; padding: 0px; } #dashtodockContainer.top #dash .dash-background { margin: 0; margin-top: 4px; padding: 0; border-radius: 18px; spacing: 6px; } #dashtodockContainer.top #dash .dash-separator { background-color: #464646; margin: 0 4px; width: 1px; height: 0; margin-top: 4px; } #dashtodockContainer.top #dash #dashtodockDashContainer { padding: 10px; padding-top: 0; padding-bottom: 0; } #dashtodockContainer.top #dash .dash-item-container { /* Disable all margins defined upstream, we handle them here */ margin: 0 2px; } #dashtodockContainer.top #dash .dash-item-container > * { margin: 0; } #dashtodockContainer.top #dash .dash-item-container:ltr:first-child, #dashtodockContainer.top #dash .dash-item-container:rtl:last-child { margin-left: 0; } #dashtodockContainer.top #dash .dash-item-container:ltr:last-child, #dashtodockContainer.top #dash .dash-item-container:rtl:first-child { margin-right: 0; } #dashtodockContainer.top #dash .dash-item-container .app-well-app, #dashtodockContainer.top #dash .dash-item-container .grid-search-result, #dashtodockContainer.top #dash .dash-item-container .show-apps { padding: 2px 2px; padding-top: 14px; padding-bottom: 10px; } #dashtodockContainer.top #dash .dash-item-container .app-well-app:ltr:first-child, #dashtodockContainer.top #dash .dash-item-container .grid-search-result:ltr:first-child, #dashtodockContainer.top #dash .dash-item-container .app-well-app:rtl:last-child, #dashtodockContainer.top #dash .dash-item-container .grid-search-result:rtl:last-child, #dashtodockContainer.top #dash .dash-item-container .show-apps:ltr:first-child, #dashtodockContainer.top #dash .dash-item-container .show-apps:rtl:last-child { padding-left: 0; } #dashtodockContainer.top #dash .dash-item-container .app-well-app:ltr:last-child, #dashtodockContainer.top #dash .dash-item-container .grid-search-result:ltr:last-child, #dashtodockContainer.top #dash .dash-item-container .app-well-app:rtl:first-child, #dashtodockContainer.top #dash .dash-item-container .grid-search-result:rtl:first-child, #dashtodockContainer.top #dash .dash-item-container .show-apps:ltr:last-child, #dashtodockContainer.top #dash .dash-item-container .show-apps:rtl:first-child { padding-right: 0; } #dashtodockContainer.top #dash .dash-item-container .app-well-app.running .overview-icon, #dashtodockContainer.top #dash .dash-item-container .running.grid-search-result .overview-icon { background-image: none; } #dashtodockContainer.top #dash .dash-item-container .app-well-app.focused .overview-icon, #dashtodockContainer.top #dash .dash-item-container .focused.grid-search-result .overview-icon { background-color: rgba(238, 238, 236, 0.2); } #dashtodockContainer.top #dash .dash-item-container .app-well-app .app-well-app-running-dot, #dashtodockContainer.top #dash .dash-item-container .grid-search-result .app-well-app-running-dot { margin-bottom: 2px; } #dashtodockContainer.top #dash .dash-item-container > StButton { transition-duration: 250; background-size: contain; } #dashtodockContainer.top.fixed #dash .dash-background { margin-bottom: 4px; } #dashtodockContainer.top.fixed #dash .dash-item-container .app-well-app, #dashtodockContainer.top.fixed #dash .dash-item-container .grid-search-result, #dashtodockContainer.top.fixed #dash .dash-item-container .show-apps { padding-bottom: 14px; } .dash-label.top { margin-top: 10px; -x-offset: 0; -y-offset: 0; } #dashtodockContainer.top.shrink #dash { margin: 0px; padding: 0px; } #dashtodockContainer.top.shrink #dash .dash-background { margin: 0; margin-top: 4px; padding: 0; border-radius: 14px; spacing: 2px; } #dashtodockContainer.top.shrink #dash .dash-separator { background-color: #464646; margin: 0 1px; width: 1px; height: 0; margin-top: 4px; } #dashtodockContainer.top.shrink #dash #dashtodockDashContainer { padding: 3px; padding-top: 0; padding-bottom: 0; } #dashtodockContainer.top.shrink #dash .dash-item-container { /* Disable all margins defined upstream, we handle them here */ margin: 0 2px; } #dashtodockContainer.top.shrink #dash .dash-item-container > * { margin: 0; } #dashtodockContainer.top.shrink #dash .dash-item-container:ltr:first-child, #dashtodockContainer.top.shrink #dash .dash-item-container:rtl:last-child { margin-left: 0; } #dashtodockContainer.top.shrink #dash .dash-item-container:ltr:last-child, #dashtodockContainer.top.shrink #dash .dash-item-container:rtl:first-child { margin-right: 0; } #dashtodockContainer.top.shrink #dash .dash-item-container .app-well-app, #dashtodockContainer.top.shrink #dash .dash-item-container .grid-search-result, #dashtodockContainer.top.shrink #dash .dash-item-container .show-apps { padding: 1px 1px; padding-top: 7px; padding-bottom: 3px; } #dashtodockContainer.top.shrink #dash .dash-item-container .app-well-app:ltr:first-child, #dashtodockContainer.top.shrink #dash .dash-item-container .grid-search-result:ltr:first-child, #dashtodockContainer.top.shrink #dash .dash-item-container .app-well-app:rtl:last-child, #dashtodockContainer.top.shrink #dash .dash-item-container .grid-search-result:rtl:last-child, #dashtodockContainer.top.shrink #dash .dash-item-container .show-apps:ltr:first-child, #dashtodockContainer.top.shrink #dash .dash-item-container .show-apps:rtl:last-child { padding-left: 0; } #dashtodockContainer.top.shrink #dash .dash-item-container .app-well-app:ltr:last-child, #dashtodockContainer.top.shrink #dash .dash-item-container .grid-search-result:ltr:last-child, #dashtodockContainer.top.shrink #dash .dash-item-container .app-well-app:rtl:first-child, #dashtodockContainer.top.shrink #dash .dash-item-container .grid-search-result:rtl:first-child, #dashtodockContainer.top.shrink #dash .dash-item-container .show-apps:ltr:last-child, #dashtodockContainer.top.shrink #dash .dash-item-container .show-apps:rtl:first-child { padding-right: 0; } #dashtodockContainer.top.shrink #dash .dash-item-container .app-well-app.running .overview-icon, #dashtodockContainer.top.shrink #dash .dash-item-container .running.grid-search-result .overview-icon { background-image: none; } #dashtodockContainer.top.shrink #dash .dash-item-container .app-well-app.focused .overview-icon, #dashtodockContainer.top.shrink #dash .dash-item-container .focused.grid-search-result .overview-icon { background-color: rgba(238, 238, 236, 0.2); } #dashtodockContainer.top.shrink #dash .dash-item-container .app-well-app .app-well-app-running-dot, #dashtodockContainer.top.shrink #dash .dash-item-container .grid-search-result .app-well-app-running-dot { margin-bottom: 2px; } #dashtodockContainer.top.shrink #dash .dash-item-container > StButton { transition-duration: 250; background-size: contain; } #dashtodockContainer.top.shrink.fixed #dash .dash-background { margin-bottom: 1px; } #dashtodockContainer.top.shrink.fixed #dash .dash-item-container .app-well-app, #dashtodockContainer.top.shrink.fixed #dash .dash-item-container .grid-search-result, #dashtodockContainer.top.shrink.fixed #dash .dash-item-container .show-apps { padding-bottom: 4px; } .dash-label.top.shrink { margin-top: 3px; -x-offset: 0; -y-offset: 0; } #dashtodockContainer.top.extended #dash { margin: 0px; padding: 0px; } #dashtodockContainer.top.extended #dash .dash-background { margin: 0; margin-top: 0; padding: 0; border-radius: 0; spacing: 6px; } #dashtodockContainer.top.extended #dash .dash-separator { background-color: #464646; margin: 0 4px; width: 1px; height: 0; margin-top: 0; } #dashtodockContainer.top.extended #dash #dashtodockDashContainer { padding: 0; padding-top: 0; padding-bottom: 0; } #dashtodockContainer.top.extended #dash #dashtodockDashContainer > :first-child .show-apps { padding-left: 8px; } #dashtodockContainer.top.extended #dash #dashtodockDashContainer #dashtodockDashScrollview:first-child { padding-left: 8px; } #dashtodockContainer.top.extended #dash #dashtodockDashContainer > :last-child .show-apps { padding-right: 8px; } #dashtodockContainer.top.extended #dash #dashtodockDashContainer #dashtodockDashScrollview:last-child { padding-right: 8px; } #dashtodockContainer.top.extended #dash .dash-item-container { /* Disable all margins defined upstream, we handle them here */ margin: 0 2px; } #dashtodockContainer.top.extended #dash .dash-item-container > * { margin: 0; } #dashtodockContainer.top.extended #dash .dash-item-container:ltr:first-child, #dashtodockContainer.top.extended #dash .dash-item-container:rtl:last-child { margin-left: 0; } #dashtodockContainer.top.extended #dash .dash-item-container:ltr:last-child, #dashtodockContainer.top.extended #dash .dash-item-container:rtl:first-child { margin-right: 0; } #dashtodockContainer.top.extended #dash .dash-item-container .app-well-app, #dashtodockContainer.top.extended #dash .dash-item-container .grid-search-result, #dashtodockContainer.top.extended #dash .dash-item-container .show-apps { padding: 2px 2px; padding-top: 10px; padding-bottom: 10px; } #dashtodockContainer.top.extended #dash .dash-item-container .app-well-app:ltr:first-child, #dashtodockContainer.top.extended #dash .dash-item-container .grid-search-result:ltr:first-child, #dashtodockContainer.top.extended #dash .dash-item-container .app-well-app:rtl:last-child, #dashtodockContainer.top.extended #dash .dash-item-container .grid-search-result:rtl:last-child, #dashtodockContainer.top.extended #dash .dash-item-container .show-apps:ltr:first-child, #dashtodockContainer.top.extended #dash .dash-item-container .show-apps:rtl:last-child { padding-left: 0; } #dashtodockContainer.top.extended #dash .dash-item-container .app-well-app:ltr:last-child, #dashtodockContainer.top.extended #dash .dash-item-container .grid-search-result:ltr:last-child, #dashtodockContainer.top.extended #dash .dash-item-container .app-well-app:rtl:first-child, #dashtodockContainer.top.extended #dash .dash-item-container .grid-search-result:rtl:first-child, #dashtodockContainer.top.extended #dash .dash-item-container .show-apps:ltr:last-child, #dashtodockContainer.top.extended #dash .dash-item-container .show-apps:rtl:first-child { padding-right: 0; } #dashtodockContainer.top.extended #dash .dash-item-container .app-well-app.running .overview-icon, #dashtodockContainer.top.extended #dash .dash-item-container .running.grid-search-result .overview-icon { background-image: none; } #dashtodockContainer.top.extended #dash .dash-item-container .app-well-app.focused .overview-icon, #dashtodockContainer.top.extended #dash .dash-item-container .focused.grid-search-result .overview-icon { background-color: rgba(238, 238, 236, 0.2); } #dashtodockContainer.top.extended #dash .dash-item-container .app-well-app .app-well-app-running-dot, #dashtodockContainer.top.extended #dash .dash-item-container .grid-search-result .app-well-app-running-dot { margin-bottom: 2px; } #dashtodockContainer.top.extended #dash .dash-item-container > StButton { transition-duration: 250; background-size: contain; } #dashtodockContainer.top.extended.fixed #dash .dash-background { margin-bottom: 0; } #dashtodockContainer.top.extended.fixed #dash .dash-item-container .app-well-app, #dashtodockContainer.top.extended.fixed #dash .dash-item-container .grid-search-result, #dashtodockContainer.top.extended.fixed #dash .dash-item-container .show-apps { padding-bottom: 10px; } .dash-label.top { margin-top: 10px; -x-offset: 0; -y-offset: 0; } #dashtodockContainer.top.extended.shrink #dash { margin: 0px; padding: 0px; } #dashtodockContainer.top.extended.shrink #dash .dash-background { margin: 0; margin-top: 0; padding: 0; border-radius: 0; spacing: 2px; } #dashtodockContainer.top.extended.shrink #dash .dash-separator { background-color: #464646; margin: 0 1px; width: 1px; height: 0; margin-top: 0; } #dashtodockContainer.top.extended.shrink #dash #dashtodockDashContainer { padding: 0; padding-top: 0; padding-bottom: 0; } #dashtodockContainer.top.extended.shrink #dash #dashtodockDashContainer > :first-child .show-apps { padding-left: 6px; } #dashtodockContainer.top.extended.shrink #dash #dashtodockDashContainer #dashtodockDashScrollview:first-child { padding-left: 6px; } #dashtodockContainer.top.extended.shrink #dash #dashtodockDashContainer > :last-child .show-apps { padding-right: 6px; } #dashtodockContainer.top.extended.shrink #dash #dashtodockDashContainer #dashtodockDashScrollview:last-child { padding-right: 6px; } #dashtodockContainer.top.extended.shrink #dash .dash-item-container { /* Disable all margins defined upstream, we handle them here */ margin: 0 2px; } #dashtodockContainer.top.extended.shrink #dash .dash-item-container > * { margin: 0; } #dashtodockContainer.top.extended.shrink #dash .dash-item-container:ltr:first-child, #dashtodockContainer.top.extended.shrink #dash .dash-item-container:rtl:last-child { margin-left: 0; } #dashtodockContainer.top.extended.shrink #dash .dash-item-container:ltr:last-child, #dashtodockContainer.top.extended.shrink #dash .dash-item-container:rtl:first-child { margin-right: 0; } #dashtodockContainer.top.extended.shrink #dash .dash-item-container .app-well-app, #dashtodockContainer.top.extended.shrink #dash .dash-item-container .grid-search-result, #dashtodockContainer.top.extended.shrink #dash .dash-item-container .show-apps { padding: 1px 1px; padding-top: 3px; padding-bottom: 3px; } #dashtodockContainer.top.extended.shrink #dash .dash-item-container .app-well-app:ltr:first-child, #dashtodockContainer.top.extended.shrink #dash .dash-item-container .grid-search-result:ltr:first-child, #dashtodockContainer.top.extended.shrink #dash .dash-item-container .app-well-app:rtl:last-child, #dashtodockContainer.top.extended.shrink #dash .dash-item-container .grid-search-result:rtl:last-child, #dashtodockContainer.top.extended.shrink #dash .dash-item-container .show-apps:ltr:first-child, #dashtodockContainer.top.extended.shrink #dash .dash-item-container .show-apps:rtl:last-child { padding-left: 0; } #dashtodockContainer.top.extended.shrink #dash .dash-item-container .app-well-app:ltr:last-child, #dashtodockContainer.top.extended.shrink #dash .dash-item-container .grid-search-result:ltr:last-child, #dashtodockContainer.top.extended.shrink #dash .dash-item-container .app-well-app:rtl:first-child, #dashtodockContainer.top.extended.shrink #dash .dash-item-container .grid-search-result:rtl:first-child, #dashtodockContainer.top.extended.shrink #dash .dash-item-container .show-apps:ltr:last-child, #dashtodockContainer.top.extended.shrink #dash .dash-item-container .show-apps:rtl:first-child { padding-right: 0; } #dashtodockContainer.top.extended.shrink #dash .dash-item-container .app-well-app.running .overview-icon, #dashtodockContainer.top.extended.shrink #dash .dash-item-container .running.grid-search-result .overview-icon { background-image: none; } #dashtodockContainer.top.extended.shrink #dash .dash-item-container .app-well-app.focused .overview-icon, #dashtodockContainer.top.extended.shrink #dash .dash-item-container .focused.grid-search-result .overview-icon { background-color: rgba(238, 238, 236, 0.2); } #dashtodockContainer.top.extended.shrink #dash .dash-item-container .app-well-app .app-well-app-running-dot, #dashtodockContainer.top.extended.shrink #dash .dash-item-container .grid-search-result .app-well-app-running-dot { margin-bottom: 2px; } #dashtodockContainer.top.extended.shrink #dash .dash-item-container > StButton { transition-duration: 250; background-size: contain; } #dashtodockContainer.top.extended.shrink.fixed #dash .dash-background { margin-bottom: 0; } #dashtodockContainer.top.extended.shrink.fixed #dash .dash-item-container .app-well-app, #dashtodockContainer.top.extended.shrink.fixed #dash .dash-item-container .grid-search-result, #dashtodockContainer.top.extended.shrink.fixed #dash .dash-item-container .show-apps { padding-bottom: 3px; } .dash-label.top.shrink { margin-top: 3px; -x-offset: 0; -y-offset: 0; } #dashtodockContainer.left #dash { margin: 0px; padding: 0px; } #dashtodockContainer.left #dash .dash-background { margin: 0; margin-left: 4px; padding: 0; border-radius: 18px; spacing: 6px; } #dashtodockContainer.left #dash .dash-separator { background-color: #464646; width: 0; height: 1px; margin: 4px 0; margin-left: 4px; } #dashtodockContainer.left #dash #dashtodockDashContainer { padding: 10px; padding-left: 0; padding-right: 0; } #dashtodockContainer.left #dash .dash-item-container { /* Disable all margins defined upstream, we handle them here */ margin: 2px 0; } #dashtodockContainer.left #dash .dash-item-container > * { margin: 0; } #dashtodockContainer.left #dash .dash-item-container:first-child { margin-top: 0; } #dashtodockContainer.left #dash .dash-item-container:last-child { margin-bottom: 0; } #dashtodockContainer.left #dash .dash-item-container .app-well-app, #dashtodockContainer.left #dash .dash-item-container .grid-search-result, #dashtodockContainer.left #dash .dash-item-container .show-apps { padding: 2px 2px; padding-left: 14px; padding-right: 10px; } #dashtodockContainer.left #dash .dash-item-container .app-well-app:first-child, #dashtodockContainer.left #dash .dash-item-container .grid-search-result:first-child, #dashtodockContainer.left #dash .dash-item-container .show-apps:first-child { padding-top: 0; } #dashtodockContainer.left #dash .dash-item-container .app-well-app:last-child, #dashtodockContainer.left #dash .dash-item-container .grid-search-result:last-child, #dashtodockContainer.left #dash .dash-item-container .show-apps:last-child { padding-bottom: 0; } #dashtodockContainer.left #dash .dash-item-container .app-well-app.running .overview-icon, #dashtodockContainer.left #dash .dash-item-container .running.grid-search-result .overview-icon { background-image: none; } #dashtodockContainer.left #dash .dash-item-container .app-well-app.focused .overview-icon, #dashtodockContainer.left #dash .dash-item-container .focused.grid-search-result .overview-icon { background-color: rgba(238, 238, 236, 0.2); } #dashtodockContainer.left #dash .dash-item-container .app-well-app .app-well-app-running-dot, #dashtodockContainer.left #dash .dash-item-container .grid-search-result .app-well-app-running-dot { margin-bottom: 2px; } #dashtodockContainer.left #dash .dash-item-container > StButton { transition-duration: 250; background-size: contain; } #dashtodockContainer.left.fixed #dash .dash-background { margin-right: 4px; } #dashtodockContainer.left.fixed #dash .dash-item-container .app-well-app, #dashtodockContainer.left.fixed #dash .dash-item-container .grid-search-result, #dashtodockContainer.left.fixed #dash .dash-item-container .show-apps { padding-right: 14px; } .dash-label.left { margin: 0; -x-offset: 10px; -y-offset: 0; } #dashtodockContainer.left.shrink #dash { margin: 0px; padding: 0px; } #dashtodockContainer.left.shrink #dash .dash-background { margin: 0; margin-left: 4px; padding: 0; border-radius: 14px; spacing: 2px; } #dashtodockContainer.left.shrink #dash .dash-separator { background-color: #464646; width: 0; height: 1px; margin: 1px 0; margin-left: 4px; } #dashtodockContainer.left.shrink #dash #dashtodockDashContainer { padding: 3px; padding-left: 0; padding-right: 0; } #dashtodockContainer.left.shrink #dash .dash-item-container { /* Disable all margins defined upstream, we handle them here */ margin: 2px 0; } #dashtodockContainer.left.shrink #dash .dash-item-container > * { margin: 0; } #dashtodockContainer.left.shrink #dash .dash-item-container:first-child { margin-top: 0; } #dashtodockContainer.left.shrink #dash .dash-item-container:last-child { margin-bottom: 0; } #dashtodockContainer.left.shrink #dash .dash-item-container .app-well-app, #dashtodockContainer.left.shrink #dash .dash-item-container .grid-search-result, #dashtodockContainer.left.shrink #dash .dash-item-container .show-apps { padding: 1px 1px; padding-left: 7px; padding-right: 3px; } #dashtodockContainer.left.shrink #dash .dash-item-container .app-well-app:first-child, #dashtodockContainer.left.shrink #dash .dash-item-container .grid-search-result:first-child, #dashtodockContainer.left.shrink #dash .dash-item-container .show-apps:first-child { padding-top: 0; } #dashtodockContainer.left.shrink #dash .dash-item-container .app-well-app:last-child, #dashtodockContainer.left.shrink #dash .dash-item-container .grid-search-result:last-child, #dashtodockContainer.left.shrink #dash .dash-item-container .show-apps:last-child { padding-bottom: 0; } #dashtodockContainer.left.shrink #dash .dash-item-container .app-well-app.running .overview-icon, #dashtodockContainer.left.shrink #dash .dash-item-container .running.grid-search-result .overview-icon { background-image: none; } #dashtodockContainer.left.shrink #dash .dash-item-container .app-well-app.focused .overview-icon, #dashtodockContainer.left.shrink #dash .dash-item-container .focused.grid-search-result .overview-icon { background-color: rgba(238, 238, 236, 0.2); } #dashtodockContainer.left.shrink #dash .dash-item-container .app-well-app .app-well-app-running-dot, #dashtodockContainer.left.shrink #dash .dash-item-container .grid-search-result .app-well-app-running-dot { margin-bottom: 2px; } #dashtodockContainer.left.shrink #dash .dash-item-container > StButton { transition-duration: 250; background-size: contain; } #dashtodockContainer.left.shrink.fixed #dash .dash-background { margin-right: 1px; } #dashtodockContainer.left.shrink.fixed #dash .dash-item-container .app-well-app, #dashtodockContainer.left.shrink.fixed #dash .dash-item-container .grid-search-result, #dashtodockContainer.left.shrink.fixed #dash .dash-item-container .show-apps { padding-right: 4px; } .dash-label.left.shrink { margin: 0; -x-offset: 3px; -y-offset: 0; } #dashtodockContainer.left.extended #dash { margin: 0px; padding: 0px; } #dashtodockContainer.left.extended #dash .dash-background { margin: 0; margin-left: 0; padding: 0; border-radius: 0; spacing: 6px; } #dashtodockContainer.left.extended #dash .dash-separator { background-color: #464646; width: 0; height: 1px; margin: 4px 0; margin-left: 0; } #dashtodockContainer.left.extended #dash #dashtodockDashContainer { padding: 0; padding-left: 0; padding-right: 0; } #dashtodockContainer.left.extended #dash #dashtodockDashContainer > :first-child .show-apps { padding-top: 8px; } #dashtodockContainer.left.extended #dash #dashtodockDashContainer #dashtodockDashScrollview:first-child { padding-top: 8px; } #dashtodockContainer.left.extended #dash #dashtodockDashContainer > :last-child .show-apps { padding-bottom: 8px; } #dashtodockContainer.left.extended #dash #dashtodockDashContainer #dashtodockDashScrollview:last-child { padding-bottom: 8px; } #dashtodockContainer.left.extended #dash .dash-item-container { /* Disable all margins defined upstream, we handle them here */ margin: 2px 0; } #dashtodockContainer.left.extended #dash .dash-item-container > * { margin: 0; } #dashtodockContainer.left.extended #dash .dash-item-container:first-child { margin-top: 0; } #dashtodockContainer.left.extended #dash .dash-item-container:last-child { margin-bottom: 0; } #dashtodockContainer.left.extended #dash .dash-item-container .app-well-app, #dashtodockContainer.left.extended #dash .dash-item-container .grid-search-result, #dashtodockContainer.left.extended #dash .dash-item-container .show-apps { padding: 2px 2px; padding-left: 10px; padding-right: 10px; } #dashtodockContainer.left.extended #dash .dash-item-container .app-well-app:first-child, #dashtodockContainer.left.extended #dash .dash-item-container .grid-search-result:first-child, #dashtodockContainer.left.extended #dash .dash-item-container .show-apps:first-child { padding-top: 0; } #dashtodockContainer.left.extended #dash .dash-item-container .app-well-app:last-child, #dashtodockContainer.left.extended #dash .dash-item-container .grid-search-result:last-child, #dashtodockContainer.left.extended #dash .dash-item-container .show-apps:last-child { padding-bottom: 0; } #dashtodockContainer.left.extended #dash .dash-item-container .app-well-app.running .overview-icon, #dashtodockContainer.left.extended #dash .dash-item-container .running.grid-search-result .overview-icon { background-image: none; } #dashtodockContainer.left.extended #dash .dash-item-container .app-well-app.focused .overview-icon, #dashtodockContainer.left.extended #dash .dash-item-container .focused.grid-search-result .overview-icon { background-color: rgba(238, 238, 236, 0.2); } #dashtodockContainer.left.extended #dash .dash-item-container .app-well-app .app-well-app-running-dot, #dashtodockContainer.left.extended #dash .dash-item-container .grid-search-result .app-well-app-running-dot { margin-bottom: 2px; } #dashtodockContainer.left.extended #dash .dash-item-container > StButton { transition-duration: 250; background-size: contain; } #dashtodockContainer.left.extended.fixed #dash .dash-background { margin-right: 0; } #dashtodockContainer.left.extended.fixed #dash .dash-item-container .app-well-app, #dashtodockContainer.left.extended.fixed #dash .dash-item-container .grid-search-result, #dashtodockContainer.left.extended.fixed #dash .dash-item-container .show-apps { padding-right: 10px; } .dash-label.left { margin: 0; -x-offset: 10px; -y-offset: 0; } #dashtodockContainer.left.extended.shrink #dash { margin: 0px; padding: 0px; } #dashtodockContainer.left.extended.shrink #dash .dash-background { margin: 0; margin-left: 0; padding: 0; border-radius: 0; spacing: 2px; } #dashtodockContainer.left.extended.shrink #dash .dash-separator { background-color: #464646; width: 0; height: 1px; margin: 1px 0; margin-left: 0; } #dashtodockContainer.left.extended.shrink #dash #dashtodockDashContainer { padding: 0; padding-left: 0; padding-right: 0; } #dashtodockContainer.left.extended.shrink #dash #dashtodockDashContainer > :first-child .show-apps { padding-top: 6px; } #dashtodockContainer.left.extended.shrink #dash #dashtodockDashContainer #dashtodockDashScrollview:first-child { padding-top: 6px; } #dashtodockContainer.left.extended.shrink #dash #dashtodockDashContainer > :last-child .show-apps { padding-bottom: 6px; } #dashtodockContainer.left.extended.shrink #dash #dashtodockDashContainer #dashtodockDashScrollview:last-child { padding-bottom: 6px; } #dashtodockContainer.left.extended.shrink #dash .dash-item-container { /* Disable all margins defined upstream, we handle them here */ margin: 2px 0; } #dashtodockContainer.left.extended.shrink #dash .dash-item-container > * { margin: 0; } #dashtodockContainer.left.extended.shrink #dash .dash-item-container:first-child { margin-top: 0; } #dashtodockContainer.left.extended.shrink #dash .dash-item-container:last-child { margin-bottom: 0; } #dashtodockContainer.left.extended.shrink #dash .dash-item-container .app-well-app, #dashtodockContainer.left.extended.shrink #dash .dash-item-container .grid-search-result, #dashtodockContainer.left.extended.shrink #dash .dash-item-container .show-apps { padding: 1px 1px; padding-left: 3px; padding-right: 3px; } #dashtodockContainer.left.extended.shrink #dash .dash-item-container .app-well-app:first-child, #dashtodockContainer.left.extended.shrink #dash .dash-item-container .grid-search-result:first-child, #dashtodockContainer.left.extended.shrink #dash .dash-item-container .show-apps:first-child { padding-top: 0; } #dashtodockContainer.left.extended.shrink #dash .dash-item-container .app-well-app:last-child, #dashtodockContainer.left.extended.shrink #dash .dash-item-container .grid-search-result:last-child, #dashtodockContainer.left.extended.shrink #dash .dash-item-container .show-apps:last-child { padding-bottom: 0; } #dashtodockContainer.left.extended.shrink #dash .dash-item-container .app-well-app.running .overview-icon, #dashtodockContainer.left.extended.shrink #dash .dash-item-container .running.grid-search-result .overview-icon { background-image: none; } #dashtodockContainer.left.extended.shrink #dash .dash-item-container .app-well-app.focused .overview-icon, #dashtodockContainer.left.extended.shrink #dash .dash-item-container .focused.grid-search-result .overview-icon { background-color: rgba(238, 238, 236, 0.2); } #dashtodockContainer.left.extended.shrink #dash .dash-item-container .app-well-app .app-well-app-running-dot, #dashtodockContainer.left.extended.shrink #dash .dash-item-container .grid-search-result .app-well-app-running-dot { margin-bottom: 2px; } #dashtodockContainer.left.extended.shrink #dash .dash-item-container > StButton { transition-duration: 250; background-size: contain; } #dashtodockContainer.left.extended.shrink.fixed #dash .dash-background { margin-right: 0; } #dashtodockContainer.left.extended.shrink.fixed #dash .dash-item-container .app-well-app, #dashtodockContainer.left.extended.shrink.fixed #dash .dash-item-container .grid-search-result, #dashtodockContainer.left.extended.shrink.fixed #dash .dash-item-container .show-apps { padding-right: 3px; } .dash-label.left.shrink { margin: 0; -x-offset: 3px; -y-offset: 0; } #dashtodockContainer.right #dash { margin: 0px; padding: 0px; } #dashtodockContainer.right #dash .dash-background { margin: 0; margin-right: 4px; padding: 0; border-radius: 18px; spacing: 6px; } #dashtodockContainer.right #dash .dash-separator { background-color: #464646; width: 0; height: 1px; margin: 4px 0; margin-right: 4px; } #dashtodockContainer.right #dash #dashtodockDashContainer { padding: 10px; padding-right: 0; padding-left: 0; } #dashtodockContainer.right #dash .dash-item-container { /* Disable all margins defined upstream, we handle them here */ margin: 2px 0; } #dashtodockContainer.right #dash .dash-item-container > * { margin: 0; } #dashtodockContainer.right #dash .dash-item-container:first-child { margin-top: 0; } #dashtodockContainer.right #dash .dash-item-container:last-child { margin-bottom: 0; } #dashtodockContainer.right #dash .dash-item-container .app-well-app, #dashtodockContainer.right #dash .dash-item-container .grid-search-result, #dashtodockContainer.right #dash .dash-item-container .show-apps { padding: 2px 2px; padding-right: 14px; padding-left: 10px; } #dashtodockContainer.right #dash .dash-item-container .app-well-app:first-child, #dashtodockContainer.right #dash .dash-item-container .grid-search-result:first-child, #dashtodockContainer.right #dash .dash-item-container .show-apps:first-child { padding-top: 0; } #dashtodockContainer.right #dash .dash-item-container .app-well-app:last-child, #dashtodockContainer.right #dash .dash-item-container .grid-search-result:last-child, #dashtodockContainer.right #dash .dash-item-container .show-apps:last-child { padding-bottom: 0; } #dashtodockContainer.right #dash .dash-item-container .app-well-app.running .overview-icon, #dashtodockContainer.right #dash .dash-item-container .running.grid-search-result .overview-icon { background-image: none; } #dashtodockContainer.right #dash .dash-item-container .app-well-app.focused .overview-icon, #dashtodockContainer.right #dash .dash-item-container .focused.grid-search-result .overview-icon { background-color: rgba(238, 238, 236, 0.2); } #dashtodockContainer.right #dash .dash-item-container .app-well-app .app-well-app-running-dot, #dashtodockContainer.right #dash .dash-item-container .grid-search-result .app-well-app-running-dot { margin-bottom: 2px; } #dashtodockContainer.right #dash .dash-item-container > StButton { transition-duration: 250; background-size: contain; } #dashtodockContainer.right.fixed #dash .dash-background { margin-left: 4px; } #dashtodockContainer.right.fixed #dash .dash-item-container .app-well-app, #dashtodockContainer.right.fixed #dash .dash-item-container .grid-search-result, #dashtodockContainer.right.fixed #dash .dash-item-container .show-apps { padding-left: 14px; } .dash-label.right { margin: 0; -x-offset: 10px; -y-offset: 0; } #dashtodockContainer.right.shrink #dash { margin: 0px; padding: 0px; } #dashtodockContainer.right.shrink #dash .dash-background { margin: 0; margin-right: 4px; padding: 0; border-radius: 14px; spacing: 2px; } #dashtodockContainer.right.shrink #dash .dash-separator { background-color: #464646; width: 0; height: 1px; margin: 1px 0; margin-right: 4px; } #dashtodockContainer.right.shrink #dash #dashtodockDashContainer { padding: 3px; padding-right: 0; padding-left: 0; } #dashtodockContainer.right.shrink #dash .dash-item-container { /* Disable all margins defined upstream, we handle them here */ margin: 2px 0; } #dashtodockContainer.right.shrink #dash .dash-item-container > * { margin: 0; } #dashtodockContainer.right.shrink #dash .dash-item-container:first-child { margin-top: 0; } #dashtodockContainer.right.shrink #dash .dash-item-container:last-child { margin-bottom: 0; } #dashtodockContainer.right.shrink #dash .dash-item-container .app-well-app, #dashtodockContainer.right.shrink #dash .dash-item-container .grid-search-result, #dashtodockContainer.right.shrink #dash .dash-item-container .show-apps { padding: 1px 1px; padding-right: 7px; padding-left: 3px; } #dashtodockContainer.right.shrink #dash .dash-item-container .app-well-app:first-child, #dashtodockContainer.right.shrink #dash .dash-item-container .grid-search-result:first-child, #dashtodockContainer.right.shrink #dash .dash-item-container .show-apps:first-child { padding-top: 0; } #dashtodockContainer.right.shrink #dash .dash-item-container .app-well-app:last-child, #dashtodockContainer.right.shrink #dash .dash-item-container .grid-search-result:last-child, #dashtodockContainer.right.shrink #dash .dash-item-container .show-apps:last-child { padding-bottom: 0; } #dashtodockContainer.right.shrink #dash .dash-item-container .app-well-app.running .overview-icon, #dashtodockContainer.right.shrink #dash .dash-item-container .running.grid-search-result .overview-icon { background-image: none; } #dashtodockContainer.right.shrink #dash .dash-item-container .app-well-app.focused .overview-icon, #dashtodockContainer.right.shrink #dash .dash-item-container .focused.grid-search-result .overview-icon { background-color: rgba(238, 238, 236, 0.2); } #dashtodockContainer.right.shrink #dash .dash-item-container .app-well-app .app-well-app-running-dot, #dashtodockContainer.right.shrink #dash .dash-item-container .grid-search-result .app-well-app-running-dot { margin-bottom: 2px; } #dashtodockContainer.right.shrink #dash .dash-item-container > StButton { transition-duration: 250; background-size: contain; } #dashtodockContainer.right.shrink.fixed #dash .dash-background { margin-left: 1px; } #dashtodockContainer.right.shrink.fixed #dash .dash-item-container .app-well-app, #dashtodockContainer.right.shrink.fixed #dash .dash-item-container .grid-search-result, #dashtodockContainer.right.shrink.fixed #dash .dash-item-container .show-apps { padding-left: 4px; } .dash-label.right.shrink { margin: 0; -x-offset: 3px; -y-offset: 0; } #dashtodockContainer.right.extended #dash { margin: 0px; padding: 0px; } #dashtodockContainer.right.extended #dash .dash-background { margin: 0; margin-right: 0; padding: 0; border-radius: 0; spacing: 6px; } #dashtodockContainer.right.extended #dash .dash-separator { background-color: #464646; width: 0; height: 1px; margin: 4px 0; margin-right: 0; } #dashtodockContainer.right.extended #dash #dashtodockDashContainer { padding: 0; padding-right: 0; padding-left: 0; } #dashtodockContainer.right.extended #dash #dashtodockDashContainer > :first-child .show-apps { padding-top: 8px; } #dashtodockContainer.right.extended #dash #dashtodockDashContainer #dashtodockDashScrollview:first-child { padding-top: 8px; } #dashtodockContainer.right.extended #dash #dashtodockDashContainer > :last-child .show-apps { padding-bottom: 8px; } #dashtodockContainer.right.extended #dash #dashtodockDashContainer #dashtodockDashScrollview:last-child { padding-bottom: 8px; } #dashtodockContainer.right.extended #dash .dash-item-container { /* Disable all margins defined upstream, we handle them here */ margin: 2px 0; } #dashtodockContainer.right.extended #dash .dash-item-container > * { margin: 0; } #dashtodockContainer.right.extended #dash .dash-item-container:first-child { margin-top: 0; } #dashtodockContainer.right.extended #dash .dash-item-container:last-child { margin-bottom: 0; } #dashtodockContainer.right.extended #dash .dash-item-container .app-well-app, #dashtodockContainer.right.extended #dash .dash-item-container .grid-search-result, #dashtodockContainer.right.extended #dash .dash-item-container .show-apps { padding: 2px 2px; padding-right: 10px; padding-left: 10px; } #dashtodockContainer.right.extended #dash .dash-item-container .app-well-app:first-child, #dashtodockContainer.right.extended #dash .dash-item-container .grid-search-result:first-child, #dashtodockContainer.right.extended #dash .dash-item-container .show-apps:first-child { padding-top: 0; } #dashtodockContainer.right.extended #dash .dash-item-container .app-well-app:last-child, #dashtodockContainer.right.extended #dash .dash-item-container .grid-search-result:last-child, #dashtodockContainer.right.extended #dash .dash-item-container .show-apps:last-child { padding-bottom: 0; } #dashtodockContainer.right.extended #dash .dash-item-container .app-well-app.running .overview-icon, #dashtodockContainer.right.extended #dash .dash-item-container .running.grid-search-result .overview-icon { background-image: none; } #dashtodockContainer.right.extended #dash .dash-item-container .app-well-app.focused .overview-icon, #dashtodockContainer.right.extended #dash .dash-item-container .focused.grid-search-result .overview-icon { background-color: rgba(238, 238, 236, 0.2); } #dashtodockContainer.right.extended #dash .dash-item-container .app-well-app .app-well-app-running-dot, #dashtodockContainer.right.extended #dash .dash-item-container .grid-search-result .app-well-app-running-dot { margin-bottom: 2px; } #dashtodockContainer.right.extended #dash .dash-item-container > StButton { transition-duration: 250; background-size: contain; } #dashtodockContainer.right.extended.fixed #dash .dash-background { margin-left: 0; } #dashtodockContainer.right.extended.fixed #dash .dash-item-container .app-well-app, #dashtodockContainer.right.extended.fixed #dash .dash-item-container .grid-search-result, #dashtodockContainer.right.extended.fixed #dash .dash-item-container .show-apps { padding-left: 10px; } .dash-label.right { margin: 0; -x-offset: 10px; -y-offset: 0; } #dashtodockContainer.right.extended.shrink #dash { margin: 0px; padding: 0px; } #dashtodockContainer.right.extended.shrink #dash .dash-background { margin: 0; margin-right: 0; padding: 0; border-radius: 0; spacing: 2px; } #dashtodockContainer.right.extended.shrink #dash .dash-separator { background-color: #464646; width: 0; height: 1px; margin: 1px 0; margin-right: 0; } #dashtodockContainer.right.extended.shrink #dash #dashtodockDashContainer { padding: 0; padding-right: 0; padding-left: 0; } #dashtodockContainer.right.extended.shrink #dash #dashtodockDashContainer > :first-child .show-apps { padding-top: 6px; } #dashtodockContainer.right.extended.shrink #dash #dashtodockDashContainer #dashtodockDashScrollview:first-child { padding-top: 6px; } #dashtodockContainer.right.extended.shrink #dash #dashtodockDashContainer > :last-child .show-apps { padding-bottom: 6px; } #dashtodockContainer.right.extended.shrink #dash #dashtodockDashContainer #dashtodockDashScrollview:last-child { padding-bottom: 6px; } #dashtodockContainer.right.extended.shrink #dash .dash-item-container { /* Disable all margins defined upstream, we handle them here */ margin: 2px 0; } #dashtodockContainer.right.extended.shrink #dash .dash-item-container > * { margin: 0; } #dashtodockContainer.right.extended.shrink #dash .dash-item-container:first-child { margin-top: 0; } #dashtodockContainer.right.extended.shrink #dash .dash-item-container:last-child { margin-bottom: 0; } #dashtodockContainer.right.extended.shrink #dash .dash-item-container .app-well-app, #dashtodockContainer.right.extended.shrink #dash .dash-item-container .grid-search-result, #dashtodockContainer.right.extended.shrink #dash .dash-item-container .show-apps { padding: 1px 1px; padding-right: 3px; padding-left: 3px; } #dashtodockContainer.right.extended.shrink #dash .dash-item-container .app-well-app:first-child, #dashtodockContainer.right.extended.shrink #dash .dash-item-container .grid-search-result:first-child, #dashtodockContainer.right.extended.shrink #dash .dash-item-container .show-apps:first-child { padding-top: 0; } #dashtodockContainer.right.extended.shrink #dash .dash-item-container .app-well-app:last-child, #dashtodockContainer.right.extended.shrink #dash .dash-item-container .grid-search-result:last-child, #dashtodockContainer.right.extended.shrink #dash .dash-item-container .show-apps:last-child { padding-bottom: 0; } #dashtodockContainer.right.extended.shrink #dash .dash-item-container .app-well-app.running .overview-icon, #dashtodockContainer.right.extended.shrink #dash .dash-item-container .running.grid-search-result .overview-icon { background-image: none; } #dashtodockContainer.right.extended.shrink #dash .dash-item-container .app-well-app.focused .overview-icon, #dashtodockContainer.right.extended.shrink #dash .dash-item-container .focused.grid-search-result .overview-icon { background-color: rgba(238, 238, 236, 0.2); } #dashtodockContainer.right.extended.shrink #dash .dash-item-container .app-well-app .app-well-app-running-dot, #dashtodockContainer.right.extended.shrink #dash .dash-item-container .grid-search-result .app-well-app-running-dot { margin-bottom: 2px; } #dashtodockContainer.right.extended.shrink #dash .dash-item-container > StButton { transition-duration: 250; background-size: contain; } #dashtodockContainer.right.extended.shrink.fixed #dash .dash-background { margin-left: 0; } #dashtodockContainer.right.extended.shrink.fixed #dash .dash-item-container .app-well-app, #dashtodockContainer.right.extended.shrink.fixed #dash .dash-item-container .grid-search-result, #dashtodockContainer.right.extended.shrink.fixed #dash .dash-item-container .show-apps { padding-left: 3px; } .dash-label.right.shrink { margin: 0; -x-offset: 3px; -y-offset: 0; } #dashtodockContainer.top.shrink #dash .dash-background { margin-top: 4px; margin-bottom: 0; } #dashtodockContainer.straight-corner #dash .dash-background, #dashtodockContainer.shrink.straight-corner #dash .dash-background { border-radius: 0px; } /* Scrollview style */ .bottom #dashtodockDashScrollview, .top #dashtodockDashScrollview { -st-hfade-offset: 24px; } .left #dashtodockDashScrollview, .right #dashtodockDashScrollview { -st-vfade-offset: 24px; } #dashtodockContainer.dashtodock #dash .dash-background { background: #1d1d1d; } #dashtodockContainer.dashtodock .progress-bar { /* Customization of the progress bar style, e.g.: -progress-bar-background: rgba(0.8, 0.8, 0.8, 1); -progress-bar-border: rgba(0.9, 0.9, 0.9, 1); */ } #dashtodockContainer.top #dash .placeholder, #dashtodockContainer.bottom #dash .placeholder { width: 32px; height: 1px; } /* * This is applied to a dummy actor. Only the alpha value for the background and border color * and the transition-duration are used */ #dashtodockContainer.dummy-opaque { background-color: rgba(0, 0, 0, 0.8); border-color: rgba(0, 0, 0, 0.4); transition-duration: 300ms; } /* * This is applied to a dummy actor. Only the alpha value for the background and border color * and the transition-duration are used */ #dashtodockContainer.dummy-transparent { background-color: rgba(0, 0, 0, 0.2); border-color: rgba(0, 0, 0, 0.1); transition-duration: 500ms; } #dashtodockContainer .number-overlay { color: white; background-color: rgba(0, 0, 0, 0.8); text-align: center; } #dashtodockContainer .notification-badge { color: white; background-color: red; padding: 0.2em 0.5em; border-radius: 1em; font-weight: bold; text-align: center; margin: 2px; } #dashtodockPreviewSeparator.popup-separator-menu-item-horizontal { width: 1px; height: auto; border-right-width: 1px; margin: 32px 0px; } .dashtodock-app-well-preview-menu-item { padding: 1em 1em 0.5em 1em; } #dashtodockContainer .metro .overview-icon { border-radius: 0px; } #dashtodockContainer.bottom .metro.running2.focused, #dashtodockContainer.top .metro.running2.focused { background-image: url("./media/highlight_stacked_bg.svg"); background-position: 0px 0px; background-size: contain; } #dashtodockContainer.left .metro.running2.focused, #dashtodockContainer.right .metro.running2.focused { background-image: url("./media/highlight_stacked_bg_h.svg"); background-position: 0px 0px; background-size: contain; } #dashtodockContainer.bottom .metro.running3.focused, #dashtodockContainer.top .metro.running3.focused { background-image: url("./media/highlight_stacked_bg.svg"); background-position: 0px 0px; background-size: contain; } #dashtodockContainer.left .metro.running3.focused, #dashtodockContainer.right .metro.running3.focused { background-image: url("./media/highlight_stacked_bg_h.svg"); background-position: 0px 0px; background-size: contain; } #dashtodockContainer.bottom .metro.running4.focused, #dashtodockContainer.top .metro.running4.focused { background-image: url("./media/highlight_stacked_bg.svg"); background-position: 0px 0px; background-size: contain; } #dashtodockContainer.left .metro.running4.focused, #dashtodockContainer.right .metro.running4.focused { background-image: url("./media/highlight_stacked_bg_h.svg"); background-position: 0px 0px; background-size: contain; } /* Yaru Dock styling */ #dashtodockContainer.bottom #dash, #dashtodockContainer.bottom.dashtodock #dash, #dashtodockContainer.bottom.shrink #dash { margin: 0px; padding: 0px; } #dashtodockContainer.bottom #dash .dash-background, #dashtodockContainer.bottom.dashtodock #dash .dash-background, #dashtodockContainer.bottom.shrink #dash .dash-background { background: rgba(19, 19, 19, 0.75); transition-duration: 250ms; } #dashtodockContainer.bottom #dash .dash-separator, #dashtodockContainer.bottom.dashtodock #dash .dash-separator, #dashtodockContainer.bottom.shrink #dash .dash-separator { background: rgba(238, 238, 236, 0.3); } #dashtodockContainer.bottom.overview #dash .dash-background, #dashtodockContainer.bottom.overview.dashtodock #dash .dash-background, #dashtodockContainer.bottom.overview.shrink #dash .dash-background { background-color: #131313; } #dashtodockContainer.bottom.extended #dash .dash-background, #dashtodockContainer.bottom.extended.dashtodock #dash .dash-background, #dashtodockContainer.bottom.extended.shrink #dash .dash-background { border: none; } #dashtodockContainer.bottom .dash-item-container .show-apps, #dashtodockContainer.bottom .dash-item-container .app-well-app, #dashtodockContainer.bottom .dash-item-container .grid-search-result { border-radius: 18px; } #dashtodockContainer.bottom .dash-item-container .show-apps:active .overview-icon, #dashtodockContainer.bottom .dash-item-container .show-apps:checked .overview-icon, #dashtodockContainer.bottom .dash-item-container .app-well-app:active .overview-icon, #dashtodockContainer.bottom .dash-item-container .grid-search-result:active .overview-icon, #dashtodockContainer.bottom .dash-item-container .app-well-app:checked .overview-icon, #dashtodockContainer.bottom .dash-item-container .grid-search-result:checked .overview-icon { background-color: rgba(255, 255, 255, 0.25); box-shadow: none; } #dashtodockContainer.bottom .notification-badge { background-color: #109b26; border: 1px solid #0c6d1a; box-shadow: -1px 1px 5px 0px rgba(0, 0, 0, 0.5); } #dashtodockContainer.top #dash, #dashtodockContainer.top.dashtodock #dash, #dashtodockContainer.top.shrink #dash { margin: 0px; padding: 0px; } #dashtodockContainer.top #dash .dash-background, #dashtodockContainer.top.dashtodock #dash .dash-background, #dashtodockContainer.top.shrink #dash .dash-background { background: rgba(19, 19, 19, 0.75); transition-duration: 250ms; } #dashtodockContainer.top #dash .dash-separator, #dashtodockContainer.top.dashtodock #dash .dash-separator, #dashtodockContainer.top.shrink #dash .dash-separator { background: rgba(238, 238, 236, 0.3); } #dashtodockContainer.top.overview #dash .dash-background, #dashtodockContainer.top.overview.dashtodock #dash .dash-background, #dashtodockContainer.top.overview.shrink #dash .dash-background { background-color: #131313; } #dashtodockContainer.top.extended #dash .dash-background, #dashtodockContainer.top.extended.dashtodock #dash .dash-background, #dashtodockContainer.top.extended.shrink #dash .dash-background { border: none; } #dashtodockContainer.top .dash-item-container .show-apps, #dashtodockContainer.top .dash-item-container .app-well-app, #dashtodockContainer.top .dash-item-container .grid-search-result { border-radius: 18px; } #dashtodockContainer.top .dash-item-container .show-apps:active .overview-icon, #dashtodockContainer.top .dash-item-container .show-apps:checked .overview-icon, #dashtodockContainer.top .dash-item-container .app-well-app:active .overview-icon, #dashtodockContainer.top .dash-item-container .grid-search-result:active .overview-icon, #dashtodockContainer.top .dash-item-container .app-well-app:checked .overview-icon, #dashtodockContainer.top .dash-item-container .grid-search-result:checked .overview-icon { background-color: rgba(255, 255, 255, 0.25); box-shadow: none; } #dashtodockContainer.top .notification-badge { background-color: #109b26; border: 1px solid #0c6d1a; box-shadow: -1px 1px 5px 0px rgba(0, 0, 0, 0.5); } #dashtodockContainer.left #dash, #dashtodockContainer.left.dashtodock #dash, #dashtodockContainer.left.shrink #dash { margin: 0px; padding: 0px; } #dashtodockContainer.left #dash .dash-background, #dashtodockContainer.left.dashtodock #dash .dash-background, #dashtodockContainer.left.shrink #dash .dash-background { background: rgba(19, 19, 19, 0.75); transition-duration: 250ms; } #dashtodockContainer.left #dash .dash-separator, #dashtodockContainer.left.dashtodock #dash .dash-separator, #dashtodockContainer.left.shrink #dash .dash-separator { background: rgba(238, 238, 236, 0.3); } #dashtodockContainer.left.overview #dash .dash-background, #dashtodockContainer.left.overview.dashtodock #dash .dash-background, #dashtodockContainer.left.overview.shrink #dash .dash-background { background-color: #131313; } #dashtodockContainer.left.extended #dash .dash-background, #dashtodockContainer.left.extended.dashtodock #dash .dash-background, #dashtodockContainer.left.extended.shrink #dash .dash-background { border: none; } #dashtodockContainer.left .dash-item-container .show-apps, #dashtodockContainer.left .dash-item-container .app-well-app, #dashtodockContainer.left .dash-item-container .grid-search-result { border-radius: 18px; } #dashtodockContainer.left .dash-item-container .show-apps:active .overview-icon, #dashtodockContainer.left .dash-item-container .show-apps:checked .overview-icon, #dashtodockContainer.left .dash-item-container .app-well-app:active .overview-icon, #dashtodockContainer.left .dash-item-container .grid-search-result:active .overview-icon, #dashtodockContainer.left .dash-item-container .app-well-app:checked .overview-icon, #dashtodockContainer.left .dash-item-container .grid-search-result:checked .overview-icon { background-color: rgba(255, 255, 255, 0.25); box-shadow: none; } #dashtodockContainer.left .notification-badge { background-color: #109b26; border: 1px solid #0c6d1a; box-shadow: -1px 1px 5px 0px rgba(0, 0, 0, 0.5); } #dashtodockContainer.right #dash, #dashtodockContainer.right.dashtodock #dash, #dashtodockContainer.right.shrink #dash { margin: 0px; padding: 0px; } #dashtodockContainer.right #dash .dash-background, #dashtodockContainer.right.dashtodock #dash .dash-background, #dashtodockContainer.right.shrink #dash .dash-background { background: rgba(19, 19, 19, 0.75); transition-duration: 250ms; } #dashtodockContainer.right #dash .dash-separator, #dashtodockContainer.right.dashtodock #dash .dash-separator, #dashtodockContainer.right.shrink #dash .dash-separator { background: rgba(238, 238, 236, 0.3); } #dashtodockContainer.right.overview #dash .dash-background, #dashtodockContainer.right.overview.dashtodock #dash .dash-background, #dashtodockContainer.right.overview.shrink #dash .dash-background { background-color: #131313; } #dashtodockContainer.right.extended #dash .dash-background, #dashtodockContainer.right.extended.dashtodock #dash .dash-background, #dashtodockContainer.right.extended.shrink #dash .dash-background { border: none; } #dashtodockContainer.right .dash-item-container .show-apps, #dashtodockContainer.right .dash-item-container .app-well-app, #dashtodockContainer.right .dash-item-container .grid-search-result { border-radius: 18px; } #dashtodockContainer.right .dash-item-container .show-apps:active .overview-icon, #dashtodockContainer.right .dash-item-container .show-apps:checked .overview-icon, #dashtodockContainer.right .dash-item-container .app-well-app:active .overview-icon, #dashtodockContainer.right .dash-item-container .grid-search-result:active .overview-icon, #dashtodockContainer.right .dash-item-container .app-well-app:checked .overview-icon, #dashtodockContainer.right .dash-item-container .grid-search-result:checked .overview-icon { background-color: rgba(255, 255, 255, 0.25); box-shadow: none; } #dashtodockContainer.right .notification-badge { background-color: #109b26; border: 1px solid #0c6d1a; box-shadow: -1px 1px 5px 0px rgba(0, 0, 0, 0.5); } (uuay)checkbox-red-dark.svgG <svg width="24" height="24" xmlns="http://www.w3.org/2000/svg"><rect x="1.5" y="1.5" width="21" height="21" fill="#DA3450" stroke="#DA3450" stroke-linejoin="round" style="stroke-width:1" rx="3"/><path d="m20.16 7.527-1.253-1.414-.118.104-8.478 7.426-4.97-4.263-1.503 1.699 6.474 6.811z" fill="#fff" fill-rule="evenodd"/></svg> (uuay)toggle-on-magenta.svg Q <svg viewBox="0 0 48 26" xmlns="http://www.w3.org/2000/svg"><g transform="translate(0 -291.18)"><rect y="291.18" width="48" height="26" rx="13" ry="13" fill="#B34CB3"/><rect x="24" y="294.18" width="22" height="22" rx="11" ry="11" fill-opacity=".2"/><rect x="24" y="293.18" width="22" height="22" rx="11" ry="11" fill="#fff"/></g></svg> (uuay)toggle-on-blue-dark.svgQ <svg viewBox="0 0 48 26" xmlns="http://www.w3.org/2000/svg"><g transform="translate(0 -291.18)"><rect y="291.18" width="48" height="26" rx="13" ry="13" fill="#0073E5"/><rect x="24" y="294.18" width="22" height="22" rx="11" ry="11" fill-opacity=".2"/><rect x="24" y="293.18" width="22" height="22" rx="11" ry="11" fill="#fff"/></g></svg> (uuay)org/ e checkbox-off-sage.svg � <svg width="24" height="24" xmlns="http://www.w3.org/2000/svg"><rect x="1.5" y="1.5" width="21" height="21" rx="3" fill="#bababa" stroke="#c7c7c7" stroke-linejoin="round" style="fill:#F7F7F7;stroke:#d4d4d4"/></svg> (uuay)gnome-shell-red-dark.css � /* This stylesheet is generated, DO NOT EDIT */ /* Copyright 2009, 2015 Red Hat, Inc. * * Portions adapted from Mx's data/style/default.css * Copyright 2009 Intel Corporation * * This program is free software; you can redistribute it and/or modify it * under the terms and conditions of the GNU Lesser General Public License, * version 2.1, as published by the Free Software Foundation. * * This program is distributed in the hope it will be useful, but WITHOUT ANY * WARRANTY; without even the implied warranty of MERCHANTABILITY or FITNESS * FOR A PARTICULAR PURPOSE. See the GNU Lesser General Public License for * more details. * * You should have received a copy of the GNU Lesser General Public License * along with this program; if not, write to the Free Software Foundation, * Inc., 51 Franklin St - Fifth Floor, Boston, MA 02110-1301 USA. */ /* Global Values */ stage { font-size: 11pt; color: #F7F7F7; } /* Common Stylings */ .screenshot-ui-panel, .workspace-switcher, .switcher-list, .resize-popup, .osd-monitor-label, .osd-window { color: #eeeeec; background-color: rgba(29, 29, 29, 0.975); border: 1px solid #464646; border-radius: 999px; padding: 12px; box-shadow: 0 3px 9px 1px rgba(0, 0, 0, 0.5); } .workspace-thumbnails .workspace-thumbnail { color: #eeeeec; background-color: rgba(238, 238, 236, 0.1); } .app-well-app.app-folder .overview-icon, .app-folder.grid-search-result .overview-icon, .app-well-app .overview-icon, .grid-search-result .overview-icon, .dash-item-container .show-apps .overview-icon, .list-search-result, .search-provider-icon, .switcher-list .item-box { border-radius: 12px; padding: 6px; spacing: 6px; border: 2px solid transparent; transition-duration: 100ms; text-align: center; color: #eeeeec; } .modal-dialog { color: #F7F7F7; background-color: #1d1d1d; border-radius: 8.5px; border: 1px solid rgba(247, 247, 247, 0.15); } #LookingGlassDialog > #Toolbar .lg-toolbar-button, .pad-osd-window .button, .button, .app-folder-dialog .folder-name-container .edit-folder-button { border-radius: 4px; border-style: solid; border-width: 1px; font-weight: bold; padding: 3px 24px; color: #F7F7F7; background-color: #2c2c2c; } #LookingGlassDialog > #Toolbar .lg-toolbar-button:focus, .button:focus, .app-folder-dialog .folder-name-container .edit-folder-button:focus { color: #F7F7F7; background-color: #2c2c2c; box-shadow: inset 0 0 0 2px #e57084; } #LookingGlassDialog > #Toolbar .lg-toolbar-button:focus:hover, .button:focus:hover, .app-folder-dialog .folder-name-container .edit-folder-button:focus:hover { background-color: #343434; box-shadow: inset 0 0 0 2px #e57084; } #LookingGlassDialog > #Toolbar .lg-toolbar-button:focus:active, .button:focus:active, .app-folder-dialog .folder-name-container .edit-folder-button:focus:active { background-color: #3b3b3b; box-shadow: inset 0 0 0 2px #e57084; } #LookingGlassDialog > #Toolbar .lg-toolbar-button:hover, .button:hover, .app-folder-dialog .folder-name-container .edit-folder-button:hover { color: #F7F7F7; background-color: #343434; } #LookingGlassDialog > #Toolbar .lg-toolbar-button:insensitive, .button:insensitive, .app-folder-dialog .folder-name-container .edit-folder-button:insensitive { color: rgba(247, 247, 247, 0.5); background-color: rgba(247, 247, 247, 0.05); } #LookingGlassDialog > #Toolbar .lg-toolbar-button:active, .button:active, .app-folder-dialog .folder-name-container .edit-folder-button:active { color: #F7F7F7; background-color: #3b3b3b; } #LookingGlassDialog > #Toolbar .lg-toolbar-button:checked, .button:checked, .app-folder-dialog .folder-name-container .edit-folder-button:checked { color: #F7F7F7; background-color: #434343; } #LookingGlassDialog > #Toolbar .lg-toolbar-button:checked:hover, .button:checked:hover, .app-folder-dialog .folder-name-container .edit-folder-button:checked:hover { background-color: #4b4b4b; } #LookingGlassDialog > #Toolbar .lg-toolbar-button:checked:active, .button:checked:active, .app-folder-dialog .folder-name-container .edit-folder-button:checked:active { background-color: #525252; } .app-folder-dialog .folder-name-container .edit-folder-button { color: #F7F7F7; background-color: #2c2c2c; } .app-folder-dialog .folder-name-container .edit-folder-button:focus { color: #F7F7F7; background-color: #2c2c2c; box-shadow: inset 0 0 0 2px #e57084; } .app-folder-dialog .folder-name-container .edit-folder-button:focus:hover { background-color: #343434; box-shadow: inset 0 0 0 2px #e57084; } .app-folder-dialog .folder-name-container .edit-folder-button:focus:active { background-color: #3b3b3b; box-shadow: inset 0 0 0 2px #e57084; } .app-folder-dialog .folder-name-container .edit-folder-button:hover { color: #F7F7F7; background-color: #343434; } .app-folder-dialog .folder-name-container .edit-folder-button:insensitive { color: rgba(247, 247, 247, 0.5); background-color: rgba(247, 247, 247, 0.05); } .app-folder-dialog .folder-name-container .edit-folder-button:active { color: #F7F7F7; background-color: #3b3b3b; } .app-folder-dialog .folder-name-container .edit-folder-button:checked { color: #F7F7F7; background-color: #434343; } .app-folder-dialog .folder-name-container .edit-folder-button:checked:hover { background-color: #4b4b4b; } .app-folder-dialog .folder-name-container .edit-folder-button:checked:active { background-color: #525252; } .modal-dialog .modal-dialog-linked-button, .hotplug-notification-item, .notification-banner .notification-button { padding: 12px; color: #F7F7F7; background-color: #2c2c2c; } .modal-dialog .modal-dialog-linked-button:ltr, .hotplug-notification-item:ltr, .notification-banner .notification-button:ltr { margin-right: 1px; } .modal-dialog .modal-dialog-linked-button:rtl, .hotplug-notification-item:rtl, .notification-banner .notification-button:rtl { margin-left: 1px; } .modal-dialog .modal-dialog-linked-button:insensitive, .hotplug-notification-item:insensitive, .notification-banner .notification-button:insensitive { color: rgba(247, 247, 247, 0.5); background-color: rgba(247, 247, 247, 0.05); } .modal-dialog .modal-dialog-linked-button:focus, .hotplug-notification-item:focus, .notification-banner .notification-button:focus { color: #F7F7F7; background-color: #2c2c2c; box-shadow: inset 0 0 0 2px #e57084; } .modal-dialog .modal-dialog-linked-button:focus:hover, .hotplug-notification-item:focus:hover, .notification-banner .notification-button:focus:hover { background-color: #343434; box-shadow: inset 0 0 0 2px #e57084; } .modal-dialog .modal-dialog-linked-button:focus:active, .hotplug-notification-item:focus:active, .notification-banner .notification-button:focus:active { background-color: #3b3b3b; box-shadow: inset 0 0 0 2px #e57084; } .modal-dialog .modal-dialog-linked-button:hover, .hotplug-notification-item:hover, .notification-banner .notification-button:hover { color: #F7F7F7; background-color: #343434; } .modal-dialog .modal-dialog-linked-button:active, .hotplug-notification-item:active, .notification-banner .notification-button:active { color: #F7F7F7; background-color: #3b3b3b; } .modal-dialog .modal-dialog-linked-button:first-child:ltr, .hotplug-notification-item:first-child:ltr, .notification-banner .notification-button:first-child:ltr { border-radius: 0 0 0 7.5px; } .modal-dialog .modal-dialog-linked-button:last-child:ltr, .hotplug-notification-item:last-child:ltr, .notification-banner .notification-button:last-child:ltr { border-radius: 0 0 7.5px 0; margin-right: 0 !important; } .modal-dialog .modal-dialog-linked-button:first-child:rtl, .hotplug-notification-item:first-child:rtl, .notification-banner .notification-button:first-child:rtl { border-radius: 0 0 7.5px 0; margin-left: 0 !important; } .modal-dialog .modal-dialog-linked-button:last-child:rtl, .hotplug-notification-item:last-child:rtl, .notification-banner .notification-button:last-child:rtl { border-radius: 0 0 0 7.5px; margin-right: 0 !important; } .modal-dialog .modal-dialog-linked-button:first-child:last-child, .hotplug-notification-item:first-child:last-child, .notification-banner .notification-button:first-child:last-child { border-radius: 0 0 7.5px 7.5px !important; margin-left: 0 !important; margin-right: 0 !important; } .screenshot-ui-show-pointer-button, .screenshot-ui-type-button { background-color: transparent; background-color: none; } .screenshot-ui-show-pointer-button:insensitive, .screenshot-ui-type-button:insensitive { color: rgba(247, 247, 247, 0.5); background-color: rgba(247, 247, 247, 0.05); background-color: transparent; color: rgba(255, 255, 255, 0.5); } .screenshot-ui-show-pointer-button:insensitive, .screenshot-ui-type-button:insensitive { background-color: transparent; background-color: none; } .screenshot-ui-show-pointer-button:insensitive:insensitive, .screenshot-ui-type-button:insensitive:insensitive { color: rgba(247, 247, 247, 0.5); background-color: rgba(247, 247, 247, 0.05); background-color: transparent; color: rgba(255, 255, 255, 0.5); } .screenshot-ui-show-pointer-button:focus, .screenshot-ui-type-button:focus { color: #eeeeec; background-color: rgba(44, 44, 44, 0.97675); box-shadow: inset 0 0 0 2px #e57084; } .screenshot-ui-show-pointer-button:focus:hover, .screenshot-ui-type-button:focus:hover { background-color: rgba(52, 52, 52, 0.97675); box-shadow: inset 0 0 0 2px #e57084; } .screenshot-ui-show-pointer-button:focus:active, .screenshot-ui-type-button:focus:active { background-color: rgba(59, 59, 59, 0.97675); box-shadow: inset 0 0 0 2px #e57084; } .screenshot-ui-show-pointer-button:hover, .screenshot-ui-type-button:hover { color: #eeeeec; background-color: rgba(52, 52, 52, 0.97675); } .screenshot-ui-show-pointer-button:active, .screenshot-ui-type-button:active { color: #eeeeec; background-color: rgba(59, 59, 59, 0.97675); } .screenshot-ui-show-pointer-button:outlined, .screenshot-ui-type-button:outlined, .screenshot-ui-show-pointer-button:checked, .screenshot-ui-type-button:checked { color: #eeeeec; background-color: rgba(67, 67, 67, 0.97675); } .screenshot-ui-show-pointer-button:outlined:hover, .screenshot-ui-type-button:outlined:hover, .screenshot-ui-show-pointer-button:checked:hover, .screenshot-ui-type-button:checked:hover { background-color: rgba(75, 75, 75, 0.97675); } .screenshot-ui-show-pointer-button:outlined:active, .screenshot-ui-type-button:outlined:active, .screenshot-ui-show-pointer-button:checked:active, .screenshot-ui-type-button:checked:active { background-color: rgba(82, 82, 82, 0.97675); } /* General Typography */ .app-folder-dialog .folder-name-container .folder-name-label, .app-folder-dialog .folder-name-container .folder-name-entry, .search-statustext { font-weight: 800; font-size: 20pt; } .lg-debug-flags-header, .message-dialog-content .message-dialog-title, .message-list .message-list-placeholder, .datemenu-today-button .date-label { font-weight: 800; font-size: 15pt; } .nm-dialog-airplane-headline { font-weight: 700; font-size: 15pt; } .message-dialog-content .message-dialog-title.lightweight, .headline { font-weight: 700; font-size: 13pt; } .lg-extension-name, .osd-window, .nm-dialog-header, .dialog-list .dialog-list-title, .message-list-controls, .weather-button .weather-forecast-temp, .weather-button .weather-header, .world-clocks-button .world-clocks-time, .world-clocks-button .world-clocks-header, .events-button .events-title, .calendar .calendar-month-header .calendar-month-label, .datemenu-today-button .day-label, .popup-menu-ornament { font-weight: 700; font-size: 11pt; } .app-menu .popup-inactive-menu-item:first-child > StLabel { font-weight: 700; font-size: 9pt; } .login-dialog-not-listed-label, .lg-completions-text, .caps-lock-warning-label, #dash, .icon-label-button-container, .prompt-dialog-error-label, .prompt-dialog-info-label, .prompt-dialog-null-label, .run-dialog .run-dialog-description, .dialog-list .dialog-list-box .dialog-list-item .dialog-list-item-description, .weather-button .weather-forecast-time, .world-clocks-button .world-clocks-timezone, .events-button .event-time { font-weight: 400; font-size: 9pt; } .calendar .calendar-day-base.calendar-day-heading, .calendar .calendar-day-base { font-weight: 400; font-size: 8pt; } .unlock-dialog-clock-time, #panel, .weather-button .weather-forecast-time, .world-clocks-button .world-clocks-timezone, .world-clocks-button .world-clocks-time, .events-button .event-time, .calendar .calendar-day-base { font-feature-settings: "tnum"; } /* WIDGETS */ .shell-link { color: #ea8a9a; } .shell-link:hover { color: #f2b5c0; } .lowres-icon { icon-shadow: 0 1px 2px rgba(0, 0, 0, 0.3); } .icon-dropshadow { icon-shadow: 0 1px 5px rgba(0, 0, 0, 0.8); } /* Entries */ StEntry { min-height: 22px; border-radius: 6px; padding: 8px; border-width: 1px; color: #F7F7F7; background-color: #1d1d1d; color: rgba(247, 247, 247, 0.7); border: 1px solid #464646; selection-background-color: #DA3450; selected-color: #FFFFFF; } StEntry:hover { background-color: #1d1d1d; border-color: #535353; color: #F7F7F7; } StEntry:focus { background-color: #1d1d1d; border-color: #e57084; box-shadow: 0 0 0 1px #e57084 inset; color: #F7F7F7; } StEntry:insensitive { background-color: #2c2c2c; border-color: #2c2c2c; color: #8a8a8a; } StEntry StIcon.capslock-warning { icon-size: 16px; warning-color: #f99b11; padding: 0 4px; } StEntry StIcon.peek-password { icon-size: 1.09em; padding: 0 4px; } StEntry StLabel.hint-text { margin-left: 2px; color: rgba(247, 247, 247, 0.7); } /* Buttons */ .button { min-height: 22px; } /* Check Boxes */ .check-box StBoxLayout { spacing: .8em; } .check-box StBin { width: 24px; height: 22px; background-image: url("resource:///org/gnome/shell/theme/checkbox-off-red-dark.svg"); } .check-box:focus StBin { background-image: url("resource:///org/gnome/shell/theme/checkbox-off-focused-red-dark.svg"); } .check-box:checked StBin { background-image: url("resource:///org/gnome/shell/theme/checkbox-red-dark.svg"); } .check-box:focus:checked StBin { background-image: url("resource:///org/gnome/shell/theme/checkbox-focused-red-dark.svg"); } /* Switches */ .toggle-switch { color: #F7F7F7; height: 26px; width: 48px; background-size: contain; background-image: url("resource:///org/gnome/shell/theme/toggle-off-red-dark.svg"); } .toggle-switch:checked { background-image: url("resource:///org/gnome/shell/theme/toggle-on-red-dark.svg"); } /* Slider */ .slider { -barlevel-height: 4px; -barlevel-background-color: rgba(247, 247, 247, 0.2); -barlevel-border-width: 2px; -barlevel-border-color: transparent; -barlevel-active-background-color: #DA3450; -barlevel-active-border-color: transparent; -barlevel-overdrive-color: #991121; -barlevel-overdrive-border-color: transparent; -barlevel-overdrive-separator-width: 1px; -slider-handle-border-width: 0; -slider-handle-border-color: transparent; -slider-handle-radius: 8px; color: #fcfcfc; height: 16px; } /* Scrollbars */ StScrollView.vfade { -st-vfade-offset: 68px; } StScrollView.hfade { -st-hfade-offset: 68px; } StScrollBar { padding: 0; } StScrollView StScrollBar { min-width: 8px; min-height: 8px; } StScrollBar StBin#trough { border-radius: 0; background-color: transparent; } StScrollBar StButton#vhandle, StScrollBar StButton#hhandle { border-radius: 8px; background-color: #5e5e5e; border: 3px solid transparent; transition: 500ms all ease; } StScrollBar StButton#vhandle:hover, StScrollBar StButton#hhandle:hover { background-color: #8a8a8a; } StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { background-color: #747474; } /* Popovers/Menus */ .popup-menu-boxpointer, .candidate-popup-boxpointer { -arrow-rise: 6px; } .popup-menu { min-width: 15em; color: #F7F7F7; } .popup-menu.panel-menu { margin-bottom: 1.75em; } .popup-menu-content, .candidate-popup-content { padding: 6px; border-radius: 10px; border: 1px solid rgba(247, 247, 247, 0.15); box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.1); background-color: #1d1d1d; } .popup-menu-item { padding: 9px 12px; border-radius: 6px; spacing: 6px; transition: 0.2s all ease; background-color: transparent; } .popup-menu-item:ltr { padding-left: 6px; } .popup-menu-item:rtl { padding-right: 6px; } .popup-menu-item:focus, .popup-menu-item:hover { background-color: rgba(247, 247, 247, 0.1) !important; } .popup-menu-item:focus:active, .popup-menu-item:hover:active { background-color: rgba(247, 247, 247, 0.2) !important; } .popup-menu-item:checked { background-color: #343434 !important; } .popup-menu-item:checked { margin-bottom: 0; box-shadow: inset 0 -1px 0 0 #272727; border-radius: 6px 6px 0 0; } .popup-menu-item:checked:focus, .popup-menu-item:checked:hover { background-color: #434343 !important; } .popup-menu-item:checked:active { background-color: #4b4b4b !important; } .popup-menu-item:active { background-color: #4b4b4b; color: #efefef; } .popup-menu-item:insensitive { color: rgba(247, 247, 247, 0.5); } .popup-menu-item .toggle-switch:ltr { margin-left: 4px; } .popup-menu-item .toggle-switch:rtl { margin-right: 4px; } .popup-inactive-menu-item { color: #F7F7F7; } .popup-inactive-menu-item:insensitive { color: #8a8a8a; } .popup-menu-arrow, .popup-menu-icon { icon-size: 16px !important; } .popup-sub-menu { background-color: #343434; border-radius: 0 0 6px 6px; } .popup-sub-menu .popup-menu-ornament { min-width: 1.09em !important; } .popup-sub-menu .popup-menu-item { border-radius: 0; margin: 0; } .popup-sub-menu .popup-menu-item:last-child { border-radius: 0 0 6px 6px; } .popup-sub-menu .popup-menu-item:focus, .popup-sub-menu .popup-menu-item:hover { background-color: rgba(255, 255, 255, 0.1) !important; } .popup-sub-menu .popup-menu-item:checked { background-color: #4e4e4e !important; } .popup-sub-menu .popup-menu-item:checked:focus, .popup-sub-menu .popup-menu-item:checked:hover { background-color: #484848 !important; } .popup-sub-menu .popup-menu-item:active { background-color: rgba(255, 255, 255, 0.2) !important; } .popup-sub-menu .popup-menu-section .popup-menu-item:last-child:hover, .popup-sub-menu .popup-menu-section .popup-menu-item:last-child:focus { border-radius: 0; } .popup-sub-menu .popup-menu-section:last-child .popup-menu-item:last-child { border-radius: 0 0 6px 6px; } .popup-menu-ornament { width: 1.2em; text-align: center !important; } .popup-menu-ornament:ltr { text-align: right; } .popup-menu-ornament:rtl { text-align: left; } .popup-separator-menu-item { margin: 6px 0; padding: 0 !important; } .popup-separator-menu-item:ltr { margin-right: 4px; } .popup-separator-menu-item:rtl { margin-left: 4px; } .popup-separator-menu-item .popup-separator-menu-item-separator { height: 1px; background-color: #464646; } .popup-separator-menu-item .popup-menu-ornament { width: 0 !important; } .popup-sub-menu .popup-separator-menu-item { background-color: transparent; } .popup-sub-menu .popup-separator-menu-item:ltr { margin-right: 2.5em; } .popup-sub-menu .popup-separator-menu-item:rtl { margin-left: 2.5em; } .popup-sub-menu .popup-separator-menu-item .popup-separator-menu-item-separator { background-color: #585858; } .background-menu { -boxpointer-gap: 0px; -arrow-rise: 0px; } .aggregate-menu { min-width: 22em; } .aggregate-menu .popup-menu-ornament { width: 0 !important; } .aggregate-menu .popup-menu-icon { -st-icon-style: symbolic; } .aggregate-menu .popup-menu-icon:ltr { margin-right: 8px; } .aggregate-menu .popup-menu-icon:rtl { margin-left: 8px; } .aggregate-menu .popup-sub-menu .popup-menu-item > :first-child:ltr { margin-left: 1em; } .aggregate-menu .popup-sub-menu .popup-menu-item > :first-child:rtl { margin-right: 1em; } .app-menu { max-width: 27.25em; } .app-menu .popup-menu-ornament { width: 0 !important; } .app-menu .popup-inactive-menu-item:first-child > StLabel:ltr { margin-right: 8px; } .app-menu .popup-inactive-menu-item:first-child > StLabel:rtl { margin-left: 8px; } /* Date/Time Menu */ #calendarArea { padding: 4px; } .datemenu-calendar-column { spacing: 6px; } .datemenu-calendar-column:ltr { padding-left: 6px; } .datemenu-calendar-column:rtl { padding-right: 6px; } .datemenu-calendar-column .datemenu-displays-box { spacing: 6px; } /* today button (the date) */ .datemenu-today-button { border-radius: 6px; margin: 4px; box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.1); background-color: transparent; background-color: none; box-shadow: none !important; padding: 9px; } .datemenu-today-button:insensitive { color: rgba(247, 247, 247, 0.5); background-color: rgba(247, 247, 247, 0.05); background-color: transparent; color: rgba(255, 255, 255, 0.5); } .datemenu-today-button:focus { color: #F7F7F7; background-color: #2c2c2c; box-shadow: inset 0 0 0 2px #e57084; } .datemenu-today-button:focus:hover { background-color: #343434; box-shadow: inset 0 0 0 2px #e57084; } .datemenu-today-button:focus:active { background-color: #3b3b3b; box-shadow: inset 0 0 0 2px #e57084; } .datemenu-today-button:hover { color: #F7F7F7; background-color: #343434; } .datemenu-today-button:active { color: #F7F7F7; background-color: #3b3b3b; } .datemenu-today-button:insensitive .day-label, .datemenu-today-button:insensitive .date-label { color: #8a8a8a; } /* Calendar */ .calendar { border-radius: 6px; margin: 4px; box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.1); background-color: transparent; background-color: none; box-shadow: none !important; margin-top: 0; } .calendar:insensitive { color: rgba(247, 247, 247, 0.5); background-color: rgba(247, 247, 247, 0.05); background-color: transparent; color: rgba(255, 255, 255, 0.5); } .calendar:focus { color: #F7F7F7; background-color: #2c2c2c; box-shadow: inset 0 0 0 2px #e57084; } .calendar:focus:hover { background-color: #343434; box-shadow: inset 0 0 0 2px #e57084; } .calendar:focus:active { background-color: #3b3b3b; box-shadow: inset 0 0 0 2px #e57084; } .calendar:hover { color: #F7F7F7; background-color: #343434; } .calendar:active { color: #F7F7F7; background-color: #3b3b3b; } .calendar .calendar-month-header .calendar-change-month-back StIcon, .calendar .calendar-month-header .calendar-change-month-forward StIcon { icon-size: 1.09em; } .calendar .calendar-month-header .calendar-month-label { color: white; padding: 8px 0; } .calendar .calendar-month-header .pager-button { background-color: transparent; height: 32px; width: 32px; margin: 2px; border-radius: 4px; } .calendar .calendar-month-header .pager-button:hover, .calendar .calendar-month-header .pager-button:focus { background-color: rgba(247, 247, 247, 0.1); } .calendar .calendar-month-header .pager-button:active { background-color: rgba(247, 247, 247, 0.2); } .calendar .calendar-day-base { text-align: center; margin: 2px; padding: 0 !important; height: 3em !important; width: 3em !important; border-radius: 99px; } .calendar .calendar-day-base:hover { background-color: rgba(247, 247, 247, 0.1); } .calendar .calendar-day-base:focus { background-color: #432227; box-shadow: inset 0 0 0 2px rgba(218, 52, 80, 0.6); } .calendar .calendar-day-base:active, .calendar .calendar-day-base:selected { color: #efefef; background-color: rgba(247, 247, 247, 0.2); } .calendar .calendar-day-base:active:focus, .calendar .calendar-day-base:selected:focus { background-color: rgba(227, 112, 131, 0.36); } .calendar .calendar-day-base.calendar-day-heading { color: #8a8a8a; padding-top: 6px; height: 16px !important; font-weight: bold; } .calendar .calendar-nonwork-day { color: #8a8a8a; } .calendar .calendar-other-month-day { color: rgba(247, 247, 247, 0.5); } .calendar .calendar-other-month-day.calendar-nonwork-day { color: rgba(138, 138, 138, 0.5); } .calendar .calendar-today { background-color: #DA3450; font-weight: 800; color: #FFFFFF !important; } .calendar .calendar-today:hover, .calendar .calendar-today:focus { background-color: #dc415b; color: inherit; } .calendar .calendar-today:active, .calendar .calendar-today:selected { background-color: #DA3450; color: inherit; } .calendar .calendar-today:active:hover, .calendar .calendar-today:active:focus, .calendar .calendar-today:selected:hover, .calendar .calendar-today:selected:focus { background-color: #dc415b; color: inherit; } .calendar .calendar-day-with-events { background-image: url("resource:///org/gnome/shell/theme/calendar-today.svg"); background-size: contain; } .calendar .calendar-week-number { font-size: 7pt; font-weight: bold; font-feature-settings: "tnum"; margin: 6px; padding: 0 6px; border-radius: 3px; background-color: #181818; color: #8a8a8a; } /* Events */ .events-button { border-radius: 6px; margin: 4px; box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.1); color: #F7F7F7; background-color: #2c2c2c; padding: 12px; } .events-button:focus { color: #F7F7F7; background-color: #2c2c2c; box-shadow: inset 0 0 0 2px #e57084; } .events-button:focus:hover { background-color: #343434; box-shadow: inset 0 0 0 2px #e57084; } .events-button:focus:active { background-color: #3b3b3b; box-shadow: inset 0 0 0 2px #e57084; } .events-button:hover { color: #F7F7F7; background-color: #343434; } .events-button:active { color: #F7F7F7; background-color: #3b3b3b; } .events-button .events-box { spacing: 6px; } .events-button .events-list { spacing: 12px; } .events-button .events-title { color: #8a8a8a; margin-bottom: 4px; } .events-button .event-time { color: #8a8a8a; } /* World clocks */ .world-clocks-button { border-radius: 6px; margin: 4px; box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.1); color: #F7F7F7; background-color: #2c2c2c; padding: 12px; } .world-clocks-button:focus { color: #F7F7F7; background-color: #2c2c2c; box-shadow: inset 0 0 0 2px #e57084; } .world-clocks-button:focus:hover { background-color: #343434; box-shadow: inset 0 0 0 2px #e57084; } .world-clocks-button:focus:active { background-color: #3b3b3b; box-shadow: inset 0 0 0 2px #e57084; } .world-clocks-button:hover { color: #F7F7F7; background-color: #343434; } .world-clocks-button:active { color: #F7F7F7; background-color: #3b3b3b; } .world-clocks-button .world-clocks-grid { spacing-rows: 6px; spacing-columns: 12px; } .world-clocks-button .world-clocks-header { color: #8a8a8a; } .world-clocks-button .world-clocks-city { color: #F7F7F7; } .world-clocks-button .world-clocks-time { color: #F7F7F7; } .world-clocks-button .world-clocks-time:ltr { text-align: right; } .world-clocks-button .world-clocks-time:rtl { text-align: left; } .world-clocks-button .world-clocks-timezone { color: #8a8a8a; } /* Weather */ .weather-button { border-radius: 6px; margin: 4px; box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.1); color: #F7F7F7; background-color: #2c2c2c; padding: 12px; } .weather-button:focus { color: #F7F7F7; background-color: #2c2c2c; box-shadow: inset 0 0 0 2px #e57084; } .weather-button:focus:hover { background-color: #343434; box-shadow: inset 0 0 0 2px #e57084; } .weather-button:focus:active { background-color: #3b3b3b; box-shadow: inset 0 0 0 2px #e57084; } .weather-button:hover { color: #F7F7F7; background-color: #343434; } .weather-button:active { color: #F7F7F7; background-color: #3b3b3b; } .weather-button .weather-box { spacing: 10px; } .weather-button .weather-header-box { spacing: 6px; } .weather-button .weather-header { color: #8a8a8a; } .weather-button .weather-header.location { font-weight: normal; } .weather-button .weather-grid { spacing-rows: 6px; spacing-columns: 12px; } .weather-button .weather-forecast-time { color: #ababab; padding-top: 0.2em; padding-bottom: 0.4em; } .weather-button .weather-forecast-icon { icon-size: 2.18em; } /* Message List */ .message-list { width: 29em; border: solid #464646; } .message-list:ltr { margin-left: 0; margin-right: 4px; padding-right: 6px; border-right-width: 1px; } .message-list:rtl { margin-right: 0; margin-left: 4px; padding-left: 6px; border-left-width: 1px; } .message-list .message-list-placeholder { color: rgba(138, 138, 138, 0.5); } .message-list .message-list-placeholder > StIcon { icon-size: 3.27em; margin-bottom: 12px; -st-icon-style: symbolic; } .message-list-sections { spacing: 6px; margin: 0; padding-bottom: 6px; } .message-list-sections:ltr { margin-right: 12px; } .message-list-sections:rtl { margin-left: 12px; } .message-list-section, .message-list-section-list { spacing: 6px; } .message-list-controls { padding: 6px; spacing: 6px; } .message-list-controls .dnd-button { border-width: 2px; border-color: transparent; border-radius: 32px; border-style: solid; } .message-list-controls .dnd-button:focus { border-color: #e57084; } .message { border-radius: 6px; margin: 4px; box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.1); color: #F7F7F7; background-color: #2c2c2c; } .message:focus { color: #F7F7F7; background-color: #2c2c2c; box-shadow: inset 0 0 0 2px #e57084; } .message:focus:hover { background-color: #343434; box-shadow: inset 0 0 0 2px #e57084; } .message:focus:active { background-color: #3b3b3b; box-shadow: inset 0 0 0 2px #e57084; } .message:hover { color: #F7F7F7; background-color: #343434; } .message:active { color: #F7F7F7; background-color: #3b3b3b; } .message .message-icon-bin { padding: 18px; } .message .message-icon-bin:ltr { padding-right: 6px; } .message .message-icon-bin:rtl { padding-left: 6px; } .message .message-icon-bin > StIcon { icon-size: 2.18em; -st-icon-style: symbolic; } .message .message-icon-bin > .fallback-app-icon { width: 1.09em; height: 1.09em; } .message .message-content { spacing: 4px; padding: 9px; margin-bottom: 8px; } .message .message-title { font-weight: bold; /* HACK: the label should be baseline-aligned with a 1em label, fake this with some bottom padding */ padding-top: 0.57em; } .message .message-secondary-bin { padding: 0 8px; } .message .message-secondary-bin > .event-time { color: rgba(247, 247, 247, 0.5); font-size: 9pt; /* HACK: the label should be baseline-aligned with a 1em label, fake this with some bottom padding */ padding-bottom: 0.13em; } .message .message-secondary-bin > .event-time:ltr { text-align: right; } .message .message-secondary-bin > .event-time:rtl { text-align: left; } .message .message-close-button { color: #F7F7F7; background-color: rgba(247, 247, 247, 0.1); border-radius: 99px; padding: 5px; margin: 1px; } .message .message-close-button:hover { background-color: rgba(247, 247, 247, 0.2); } .message .message-close-button:active { background-color: rgba(247, 247, 247, 0.1); } .message .message-body { color: #dedede; } .url-highlighter { link-color: #ea8a9a; } /* Media Controls */ .message-media-control { padding: 0 18px; margin: 12px 0; border-radius: 6px; color: #F7F7F7; } .message-media-control:hover { background-color: rgba(255, 255, 255, 0.1); color: #F7F7F7; } .message-media-control:active { background-color: rgba(247, 247, 247, 0.2); color: #F7F7F7; } .message-media-control:insensitive { color: #979797; } .message-media-control:last-child:ltr { margin-right: 12px; } .message-media-control:last-child:rtl { margin-left: 12px; } .media-message-cover-icon { icon-size: 3.27em !important; border-radius: 6px; } .media-message-cover-icon.fallback { color: #cccccc; background-color: #1d1d1d; border: 1px solid transparent; border-radius: 6px; icon-size: 2.18em !important; padding: 14px; } .candidate-popup-content { padding: 6px; spacing: 6px; } .candidate-index { padding: 0; padding-right: 6px; color: #8a8a8a; } .candidate-box { padding: 6px 12px 6px 12px; border-radius: 6px; } .candidate-box:selected { background-color: #DA3450; color: #FFFFFF; } .candidate-box:hover { background-color: rgba(247, 247, 247, 0.1); color: #F7F7F7; } .candidate-page-button-box { height: 2em; } .vertical .candidate-page-button-box { padding-top: 12px; } .horizontal .candidate-page-button-box { padding-left: 12px; } .candidate-page-button { padding: 6px; } .candidate-page-button-previous { border-radius: 6px 0px 0px 6px; border-right-width: 0; box-shadow: none; } .candidate-page-button-next { border-radius: 0px 6px 6px 0px; box-shadow: none; } .candidate-page-button-icon { icon-size: 1.09em; } /* Notifications & Message Tray */ .notification-banner { min-height: 64px; width: 34em; box-shadow: 0 2px 4px 2px rgba(0, 0, 0, 0.1); border-radius: 9px; margin: 4px; background-color: #1d1d1d; } .notification-banner .notification-actions { spacing: 0; } .notification-banner:hover { background-color: #222222; } .notification-banner:active { background-color: #272727; } .notification-banner, .notification-banner:hover, .notification-banner:focus, .notification-banner:active { box-shadow: 0 0 4px 2px rgba(0, 0, 0, 0.1); border: 1px solid #464646; } .summary-source-counter { font-size: 10pt; font-weight: bold; height: 1.6em; width: 1.6em; -shell-counter-overlap-x: 3px; -shell-counter-overlap-y: 3px; background-color: #DA3450; color: #FFFFFF; border: 2px solid #F7F7F7; box-shadow: 0 2px 2px rgba(0, 0, 0, 0.5); border-radius: 0.9em; } .chat-body { spacing: 5px; } .chat-response { margin: 5px; } .chat-log-message { color: #dedede; } .chat-new-group { padding-top: 1em; } .chat-received { padding-left: 4px; } .chat-received:rtl { padding-left: 0px; padding-right: 4px; } .chat-sent { padding-left: 18pt; color: white; } .chat-sent:rtl { padding-left: 0; padding-right: 18pt; } .chat-meta-message { padding-left: 4px; font-size: 9pt; font-weight: bold; color: white; } .chat-meta-message:rtl { padding-left: 0; padding-right: 4px; } .hotplug-notification-item-icon { icon-size: 24px; padding: 0 4px; } /* Modal Dialogs */ .modal-dialog .modal-dialog-content-box { margin: 32px 40px; spacing: 32px; max-width: 28em; } /* End Session Dialog */ .end-session-dialog { width: 30em; } .end-session-dialog .end-session-dialog-battery-warning, .end-session-dialog .dialog-list-title { color: #f99b11; } /* Message Dialog */ .message-dialog-content { spacing: 18px; } .message-dialog-content .message-dialog-title { text-align: center; } .message-dialog-content .message-dialog-description { text-align: center; } /* Dialog List */ .dialog-list { spacing: 18px; } .dialog-list .dialog-list-title { text-align: center; } .dialog-list .dialog-list-scrollview { max-height: 200px; } .dialog-list .dialog-list-box { spacing: 1em; } .dialog-list .dialog-list-box .dialog-list-item { spacing: 1em; } .dialog-list .dialog-list-box .dialog-list-item .dialog-list-item-title { font-weight: bold; } .dialog-list .dialog-list-box .dialog-list-item .dialog-list-item-description { color: #eaeaea; } /* Run Dialog */ .run-dialog .modal-dialog-content-box { margin-top: 24px; margin-bottom: 14px; } .run-dialog .run-dialog-entry { width: 20em; } .run-dialog .run-dialog-description { text-align: center; color: #c4c4c4; } /* Password or Authentication Dialog */ .prompt-dialog { width: 28em; } .prompt-dialog .modal-dialog-content-box { margin-bottom: 24px; } .prompt-dialog-password-grid { spacing-rows: 8px; spacing-columns: 4px; } .prompt-dialog-password-grid .prompt-dialog-password-entry { width: auto; } .prompt-dialog-password-grid .prompt-dialog-password-entry:ltr { margin-left: 20px; } .prompt-dialog-password-grid .prompt-dialog-password-entry:rtl { margin-right: 20px; } .prompt-dialog-password-layout { spacing: 8px; } .prompt-dialog-password-entry { width: 20em; } .prompt-dialog-error-label, .prompt-dialog-info-label, .prompt-dialog-null-label { text-align: center; } .prompt-dialog-error-label { color: #f99b11; } /* Polkit Dialog */ .polkit-dialog-user-layout { text-align: center; spacing: 8px; margin-bottom: 6px; } .polkit-dialog-user-layout .polkit-dialog-user-root-label { color: #f99b11; } /* Audio selection dialog */ .audio-device-selection-dialog .modal-dialog-content-box { margin-bottom: 28px; } .audio-device-selection-dialog .audio-selection-box { spacing: 20px; } .audio-selection-device { border-radius: 12px; } .audio-selection-device:hover, .audio-selection-device:focus { background-color: rgba(247, 247, 247, 0.1); } .audio-selection-device:active { background-color: #DA3450; color: #FFFFFF; } .audio-selection-device-box { padding: 20px; spacing: 20px; } .audio-selection-device-icon { icon-size: 4.36em; } /* Welcome dialog */ .welcome-dialog-image { background-image: url("resource:///org/gnome/shell/theme/gnome-shell-start.svg"); background-size: contain; /* Reasonable maximum dimensions */ height: 300px; width: 300px; } /* Select Network dialogs */ .nm-dialog { max-height: 34em; min-height: 31em; min-width: 32em; } .nm-dialog-content { spacing: 20px; padding: 24px; } .nm-dialog-subheader { color: #8a8a8a; } .nm-dialog-header-icon { icon-size: 2.18em; } .nm-dialog-header-hbox { spacing: 10px; } .nm-dialog-scroll-view { padding: 6px; border-radius: 6px; background-color: #222222; } .nm-dialog-item { padding: 12px; } .nm-dialog-item:selected { background-color: #DA3450; border-radius: 3px; color: #FFFFFF; } .nm-dialog-item:hover { background-color: rgba(247, 247, 247, 0.1); } .nm-dialog-icon { icon-size: 1.09em; } .nm-dialog-icons { spacing: 12px; } .no-networks-box { spacing: 6px; } .no-networks-label { color: #8a8a8a; } .nm-dialog-airplane-box { text-align: center; spacing: 12px; } .nm-dialog-airplane-text { color: #8a8a8a; } /* OSD */ .osd-window { text-align: center; font-weight: bold; spacing: 12px; padding: 12px 18px; margin-bottom: 4em; } .osd-window > * { spacing: 8px; } .osd-window StIcon { icon-size: 2.18em; } .osd-window StLabel:ltr { margin-right: 6px; } .osd-window StLabel:rtl { margin-left: 6px; } .osd-window .level { margin-bottom: 4px; height: 6px; min-width: 10.9em; -barlevel-height: 6px; -barlevel-background-color: rgba(238, 238, 236, 0.1); -barlevel-active-background-color: #eeeeec; -barlevel-overdrive-color: #991121; -barlevel-overdrive-separator-width: 3px; } .osd-window .level:first-child { margin-bottom: 0px; } .osd-window .level:ltr { margin-right: 6px; } .osd-window .level:rtl { margin-left: 6px; } .osd-monitor-label { border-radius: 12px; font-size: 3em; font-weight: bold; margin: 12px; text-align: center; min-width: 1.3em; } /* Pad OSD */ .pad-osd-window { padding: 32px; background-color: rgba(29, 29, 29, 0.975); color: #eeeeec; } .pad-osd-window .button:insensitive { color: #F7F7F7; } .pad-osd-window .pad-osd-title-box { spacing: 12px; } .pad-osd-window .pad-osd-title-menu-box { spacing: 6px; } .combo-box-label { width: 15em; } /* App Switcher */ .switcher-popup { padding: 0; spacing: 24px; } .switcher-list { padding: 10px; border-radius: 20px; box-shadow: 0 8px 8px 0 rgba(0, 0, 0, 0.1); } .switcher-list .switcher-list-item-container { spacing: 12px; } .switcher-list .item-box { background-color: transparent; } .switcher-list .item-box:hover { background-color: rgba(238, 238, 236, 0.1); } .switcher-list .item-box:selected, .switcher-list .item-box:focus { background-color: rgba(238, 238, 236, 0.13); } .switcher-list .item-box:selected:hover, .switcher-list .item-box:focus:hover { background-color: rgba(238, 238, 236, 0.16); } .switcher-list .item-box:selected:active, .switcher-list .item-box:focus:active { background-color: rgba(238, 238, 236, 0.13); } .switcher-list .item-box:active { background-color: rgba(238, 238, 236, 0.16); } .switcher-list .item-box:outlined, .switcher-list .item-box:checked { background-color: rgba(238, 238, 236, 0.19); } .switcher-list .item-box:outlined:active, .switcher-list .item-box:checked:active { background-color: rgba(238, 238, 236, 0.22); } .switcher-list .item-box:outlined:hover, .switcher-list .item-box:checked:hover { background-color: rgba(238, 238, 236, 0.25); } .switcher-list .item-box:drop { border: 2px solid rgba(218, 52, 80, 0.8); background-color: rgba(218, 52, 80, 0.2); } .switcher-list .item-box:hover { background: none; } .switcher-list .separator { width: 1px; background: #464646; } .switcher-list .thumbnail-box { padding: 2px; spacing: 6px; } .switcher-list .thumbnail { width: 256px; border-radius: 6px; } .switcher-arrow { border-color: rgba(0, 0, 0, 0); color: rgba(238, 238, 236, 0.8); } .switcher-arrow:highlighted { border-color: #eeeeec; color: #eeeeec; } .input-source-switcher-symbol { font-size: 34pt; width: 96px; height: 96px; } .cycler-highlight { border: 5px solid #DA3450; } /* Workspace Switcher */ .workspace-switcher { margin-bottom: 4em; spacing: 12px; padding: 12px 18px; } .ws-switcher-indicator { background-color: rgba(238, 238, 236, 0.5); padding: 0.1816666667em; margin: 0.9083333333em; border-radius: 2.18em; } .ws-switcher-indicator:active { background-color: #eeeeec; padding: 0.3633333333em; margin: 0.7266666667em; } .icon-label-button-container { spacing: 6px; } .icon-label-button-container StIcon { icon-size: 32px; } .screenshot-ui-panel { border-radius: 33px; padding: 18px; padding-bottom: 12px; margin-bottom: 4em; spacing: 12px; } .screenshot-ui-close-button { padding: 6px; } .screenshot-ui-close-button.left { margin-left: 8px; } .screenshot-ui-close-button.right { margin-right: 8px; } .screenshot-ui-type-button { padding: 12px 18px !important; border-radius: 15px; } .screenshot-ui-capture-button { width: 36px; height: 36px; border-radius: 99px; border: 4px #eeeeec; padding: 4px; } .screenshot-ui-capture-button .screenshot-ui-capture-button-circle { background-color: #eeeeec; transition-duration: 200ms; border-radius: 99px; } .screenshot-ui-capture-button .screenshot-ui-capture-button-circle:hover, .screenshot-ui-capture-button .screenshot-ui-capture-button-circle:focus { background-color: rgba(247, 247, 247, 0.1); } .screenshot-ui-capture-button:hover .screenshot-ui-capture-button-circle, .screenshot-ui-capture-button:focus .screenshot-ui-capture-button-circle { background-color: #cacac4; } .screenshot-ui-capture-button:active .screenshot-ui-capture-button-circle { background-color: #747467; } .screenshot-ui-capture-button:cast .screenshot-ui-capture-button-circle { background-color: #c7162b; } .screenshot-ui-capture-button:cast:hover .screenshot-ui-capture-button-circle, .screenshot-ui-capture-button:cast:focus .screenshot-ui-capture-button-circle { background-color: #de1930; } .screenshot-ui-capture-button:cast:active .screenshot-ui-capture-button-circle { background-color: #a71224; } .screenshot-ui-shot-cast-container { background-color: rgba(247, 247, 247, 0.1); border-radius: 12px; padding: 3px; spacing: 3px; } .screenshot-ui-shot-cast-container:ltr { margin-left: 3px; } .screenshot-ui-shot-cast-container:rtl { margin-right: 3px; } .screenshot-ui-shot-cast-button { padding: 6px 12px; background-color: transparent; border-radius: 9px; } .screenshot-ui-shot-cast-button:hover, .screenshot-ui-shot-cast-button:focus { background-color: rgba(255, 255, 255, 0.1); } .screenshot-ui-shot-cast-button:active { background-color: rgba(255, 255, 255, 0.2); } .screenshot-ui-shot-cast-button:checked { background-color: white; color: black; } .screenshot-ui-shot-cast-button StIcon { icon-size: 1.09em; } .screenshot-ui-show-pointer-button { border-radius: 99px; padding: 12px !important; } .screenshot-ui-show-pointer-button StIcon { icon-size: 1.09em; } .screenshot-ui-area-indicator-shade { background-color: rgba(0, 0, 0, 0.3); } .screenshot-ui-area-selector .screenshot-ui-area-indicator-shade { background-color: rgba(0, 0, 0, 0.5); } .screenshot-ui-area-selector .screenshot-ui-area-indicator-selection { border: 2px white; } .screenshot-ui-area-selector-handle { border-radius: 99px; background-color: white; box-shadow: 0 1px 3px 2px rgba(0, 0, 0, 0.2); width: 24px; height: 24px; } .screenshot-ui-window-selector { background-color: #222222; } .screenshot-ui-window-selector .screenshot-ui-window-selector-window-container { margin: 100px; } .screenshot-ui-window-selector:primary-monitor .screenshot-ui-window-selector-window-container { margin-bottom: 200px; } .screenshot-ui-window-selector-window-border { transition-duration: 200ms; border-radius: 12px; border: 6px transparent; } .screenshot-ui-window-selector-check { transition-duration: 200ms; color: transparent; border-radius: 99px; border-width: 12px; icon-size: 24px; } .screenshot-ui-window-selector-window:hover .screenshot-ui-window-selector-window-border { border-color: #a41e34; } .screenshot-ui-window-selector-window:checked .screenshot-ui-window-selector-window-border { border-color: #DA3450; background-color: rgba(218, 52, 80, 0.2); } .screenshot-ui-window-selector-window:checked .screenshot-ui-window-selector-check { color: #FFFFFF; background-color: #DA3450; } .screenshot-ui-screen-selector { transition-duration: 200ms; background-color: rgba(0, 0, 0, 0.5); } .screenshot-ui-screen-selector:hover { background-color: rgba(0, 0, 0, 0.3); } .screenshot-ui-screen-selector:active { background-color: rgba(0, 0, 0, 0.7); } .screenshot-ui-screen-selector:checked { background-color: transparent; border: 2px white; } .screenshot-ui-tooltip { color: #eeeeec; background-color: rgba(29, 29, 29, 0.975); border-radius: 99px; padding: 6px 12px; text-align: center; -y-offset: 24px; } /* Top Bar */ #panel { background-color: #131313; font-weight: bold; height: 1.86em; transition-duration: 250ms; } #panel.unlock-screen, #panel.login-screen { background-color: transparent; } #panel .panel-button { font-weight: bold; color: #f2f2f2; -natural-hpadding: 12px; -minimum-hpadding: 6px; transition-duration: 150ms; border: 3px solid transparent; border-radius: 99px; } #panel .panel-button.clock-display .clock { transition-duration: 150ms; border: 3px solid transparent; border-radius: 99px; } #panel .panel-button.screen-recording-indicator { box-shadow: inset 0 0 0 100px #c7162b; } #panel .panel-button.screen-recording-indicator StBoxLayout { spacing: 6px; } #panel .panel-button.screen-recording-indicator StIcon { icon-size: 1.09em; } #panel .panel-button:active, #panel .panel-button:overview, #panel .panel-button:focus, #panel .panel-button:checked { box-shadow: inset 0 0 0 100px rgba(242, 242, 242, 0.2); } #panel .panel-button:active.clock-display, #panel .panel-button:overview.clock-display, #panel .panel-button:focus.clock-display, #panel .panel-button:checked.clock-display { box-shadow: none; } #panel .panel-button:active.clock-display .clock, #panel .panel-button:overview.clock-display .clock, #panel .panel-button:focus.clock-display .clock, #panel .panel-button:checked.clock-display .clock { box-shadow: inset 0 0 0 100px rgba(242, 242, 242, 0.2); } #panel .panel-button:active.screen-recording-indicator, #panel .panel-button:overview.screen-recording-indicator, #panel .panel-button:focus.screen-recording-indicator, #panel .panel-button:checked.screen-recording-indicator { box-shadow: inset 0 0 0 100px rgba(199, 22, 43, 0.85); } #panel .panel-button:hover { box-shadow: inset 0 0 0 100px rgba(242, 242, 242, 0.15); } #panel .panel-button:hover.clock-display { box-shadow: none; } #panel .panel-button:hover.clock-display .clock { box-shadow: inset 0 0 0 100px rgba(242, 242, 242, 0.15); } #panel .panel-button:hover.screen-recording-indicator { box-shadow: inset 0 0 0 100px rgba(199, 22, 43, 0.9); } #panel .panel-button:active:hover, #panel .panel-button:overview:hover, #panel .panel-button:focus:hover, #panel .panel-button:checked:hover { box-shadow: inset 0 0 0 100px rgba(242, 242, 242, 0.25); } #panel .panel-button:active:hover.clock-display, #panel .panel-button:overview:hover.clock-display, #panel .panel-button:focus:hover.clock-display, #panel .panel-button:checked:hover.clock-display { box-shadow: none; } #panel .panel-button:active:hover.clock-display .clock, #panel .panel-button:overview:hover.clock-display .clock, #panel .panel-button:focus:hover.clock-display .clock, #panel .panel-button:checked:hover.clock-display .clock { box-shadow: inset 0 0 0 100px rgba(242, 242, 242, 0.25); } #panel .panel-button:active:hover.screen-recording-indicator, #panel .panel-button:overview:hover.screen-recording-indicator, #panel .panel-button:focus:hover.screen-recording-indicator, #panel .panel-button:checked:hover.screen-recording-indicator { box-shadow: inset 0 0 0 100px rgba(199, 22, 43, 0.8); } #panel .panel-button .system-status-icon { icon-size: 1.09em; padding: 5px; margin: 0 4px; } #panel .panel-button .panel-status-indicators-box .system-status-icon, #panel .panel-button .panel-status-menu-box .system-status-icon { margin: 0; } #panel .panel-button .app-menu-icon { -st-icon-style: symbolic; } #panel .panel-button#panelActivities { -natural-hpadding: 18px; } #panel.unlock-screen .panel-button:active, #panel.unlock-screen .panel-button:overview, #panel.unlock-screen .panel-button:focus, #panel.unlock-screen .panel-button:checked, #panel.login-screen .panel-button:active, #panel.login-screen .panel-button:overview, #panel.login-screen .panel-button:focus, #panel.login-screen .panel-button:checked, #panel:overview .panel-button:active, #panel:overview .panel-button:overview, #panel:overview .panel-button:focus, #panel:overview .panel-button:checked { box-shadow: inset 0 0 0 100px rgba(255, 255, 255, 0.15); } #panel.unlock-screen .panel-button:active.clock-display, #panel.unlock-screen .panel-button:overview.clock-display, #panel.unlock-screen .panel-button:focus.clock-display, #panel.unlock-screen .panel-button:checked.clock-display, #panel.login-screen .panel-button:active.clock-display, #panel.login-screen .panel-button:overview.clock-display, #panel.login-screen .panel-button:focus.clock-display, #panel.login-screen .panel-button:checked.clock-display, #panel:overview .panel-button:active.clock-display, #panel:overview .panel-button:overview.clock-display, #panel:overview .panel-button:focus.clock-display, #panel:overview .panel-button:checked.clock-display { box-shadow: none; } #panel.unlock-screen .panel-button:active.clock-display .clock, #panel.unlock-screen .panel-button:overview.clock-display .clock, #panel.unlock-screen .panel-button:focus.clock-display .clock, #panel.unlock-screen .panel-button:checked.clock-display .clock, #panel.login-screen .panel-button:active.clock-display .clock, #panel.login-screen .panel-button:overview.clock-display .clock, #panel.login-screen .panel-button:focus.clock-display .clock, #panel.login-screen .panel-button:checked.clock-display .clock, #panel:overview .panel-button:active.clock-display .clock, #panel:overview .panel-button:overview.clock-display .clock, #panel:overview .panel-button:focus.clock-display .clock, #panel:overview .panel-button:checked.clock-display .clock { box-shadow: inset 0 0 0 100px rgba(255, 255, 255, 0.15); } #panel.unlock-screen .panel-button:active.screen-recording-indicator, #panel.unlock-screen .panel-button:overview.screen-recording-indicator, #panel.unlock-screen .panel-button:focus.screen-recording-indicator, #panel.unlock-screen .panel-button:checked.screen-recording-indicator, #panel.login-screen .panel-button:active.screen-recording-indicator, #panel.login-screen .panel-button:overview.screen-recording-indicator, #panel.login-screen .panel-button:focus.screen-recording-indicator, #panel.login-screen .panel-button:checked.screen-recording-indicator, #panel:overview .panel-button:active.screen-recording-indicator, #panel:overview .panel-button:overview.screen-recording-indicator, #panel:overview .panel-button:focus.screen-recording-indicator, #panel:overview .panel-button:checked.screen-recording-indicator { box-shadow: inset 0 0 0 100px rgba(199, 22, 43, 0.85); } #panel.unlock-screen .panel-button:hover, #panel.login-screen .panel-button:hover, #panel:overview .panel-button:hover { box-shadow: inset 0 0 0 100px rgba(255, 255, 255, 0.1); } #panel.unlock-screen .panel-button:hover.clock-display, #panel.login-screen .panel-button:hover.clock-display, #panel:overview .panel-button:hover.clock-display { box-shadow: none; } #panel.unlock-screen .panel-button:hover.clock-display .clock, #panel.login-screen .panel-button:hover.clock-display .clock, #panel:overview .panel-button:hover.clock-display .clock { box-shadow: inset 0 0 0 100px rgba(255, 255, 255, 0.1); } #panel.unlock-screen .panel-button:hover.screen-recording-indicator, #panel.login-screen .panel-button:hover.screen-recording-indicator, #panel:overview .panel-button:hover.screen-recording-indicator { box-shadow: inset 0 0 0 100px rgba(199, 22, 43, 0.9); } #panel.unlock-screen .panel-button:active:hover, #panel.unlock-screen .panel-button:overview:hover, #panel.unlock-screen .panel-button:focus:hover, #panel.unlock-screen .panel-button:checked:hover, #panel.login-screen .panel-button:active:hover, #panel.login-screen .panel-button:overview:hover, #panel.login-screen .panel-button:focus:hover, #panel.login-screen .panel-button:checked:hover, #panel:overview .panel-button:active:hover, #panel:overview .panel-button:overview:hover, #panel:overview .panel-button:focus:hover, #panel:overview .panel-button:checked:hover { box-shadow: inset 0 0 0 100px rgba(255, 255, 255, 0.2); } #panel.unlock-screen .panel-button:active:hover.clock-display, #panel.unlock-screen .panel-button:overview:hover.clock-display, #panel.unlock-screen .panel-button:focus:hover.clock-display, #panel.unlock-screen .panel-button:checked:hover.clock-display, #panel.login-screen .panel-button:active:hover.clock-display, #panel.login-screen .panel-button:overview:hover.clock-display, #panel.login-screen .panel-button:focus:hover.clock-display, #panel.login-screen .panel-button:checked:hover.clock-display, #panel:overview .panel-button:active:hover.clock-display, #panel:overview .panel-button:overview:hover.clock-display, #panel:overview .panel-button:focus:hover.clock-display, #panel:overview .panel-button:checked:hover.clock-display { box-shadow: none; } #panel.unlock-screen .panel-button:active:hover.clock-display .clock, #panel.unlock-screen .panel-button:overview:hover.clock-display .clock, #panel.unlock-screen .panel-button:focus:hover.clock-display .clock, #panel.unlock-screen .panel-button:checked:hover.clock-display .clock, #panel.login-screen .panel-button:active:hover.clock-display .clock, #panel.login-screen .panel-button:overview:hover.clock-display .clock, #panel.login-screen .panel-button:focus:hover.clock-display .clock, #panel.login-screen .panel-button:checked:hover.clock-display .clock, #panel:overview .panel-button:active:hover.clock-display .clock, #panel:overview .panel-button:overview:hover.clock-display .clock, #panel:overview .panel-button:focus:hover.clock-display .clock, #panel:overview .panel-button:checked:hover.clock-display .clock { box-shadow: inset 0 0 0 100px rgba(255, 255, 255, 0.2); } #panel.unlock-screen .panel-button:active:hover.screen-recording-indicator, #panel.unlock-screen .panel-button:overview:hover.screen-recording-indicator, #panel.unlock-screen .panel-button:focus:hover.screen-recording-indicator, #panel.unlock-screen .panel-button:checked:hover.screen-recording-indicator, #panel.login-screen .panel-button:active:hover.screen-recording-indicator, #panel.login-screen .panel-button:overview:hover.screen-recording-indicator, #panel.login-screen .panel-button:focus:hover.screen-recording-indicator, #panel.login-screen .panel-button:checked:hover.screen-recording-indicator, #panel:overview .panel-button:active:hover.screen-recording-indicator, #panel:overview .panel-button:overview:hover.screen-recording-indicator, #panel:overview .panel-button:focus:hover.screen-recording-indicator, #panel:overview .panel-button:checked:hover.screen-recording-indicator { box-shadow: inset 0 0 0 100px rgba(199, 22, 43, 0.8); } #panel .panel-status-indicators-box, #panel .panel-status-menu-box { spacing: 2px; } #panel .power-status.panel-status-indicators-box { spacing: 0; } #panel .screencast-indicator, #panel .remote-access-indicator { color: #f99b11; } #appMenu { spacing: 6px; } #appMenu .label-shadow { color: transparent; } #appMenu .panel-status-menu-box { padding: 0 6px; spacing: 6px; } .clock-display-box { spacing: 2px; } .clock-display-box .clock { padding-left: 12px; padding-right: 12px; } /* Activities Ripple */ .ripple-box { background-color: rgba(249, 225, 229, 0.3); box-shadow: 0 0 2px 2px #ea8a9a; width: 52px; height: 52px; border-radius: 0 0 52px 0; } .ripple-box:rtl { border-radius: 0 0 0 52px; } /* OVERVIEW */ .controls-manager, .secondary-monitor-workspaces { spacing: 12px; } #overviewGroup { background-color: #222222; } .overview-controls { padding-bottom: 32px; } /* Window Picker */ .window-picker { spacing: 6px; } .window-caption { color: #eeeeec; background-color: rgba(29, 29, 29, 0.975); border-radius: 99px; padding: 6px 12px; border: 1px solid #464646; } .window-close, .screenshot-ui-close-button { background-color: rgba(55, 55, 55, 0.975); color: #eeeeec; border-radius: 99px; padding: 3px; height: 30px; width: 30px; transition-duration: 300ms; border: 1px solid #464646; } .window-close StIcon, .screenshot-ui-close-button StIcon { icon-size: 24px; } .window-close:hover, .screenshot-ui-close-button:hover { background-color: rgba(67, 67, 67, 0.975); } .window-close:active, .screenshot-ui-close-button:active { background-color: rgba(42, 42, 42, 0.975); } .workspace-background { border-radius: 30px; box-shadow: 0 4px 16px 4px rgba(0, 0, 0, 0.275); } .search-entry { border-radius: 18px; margin-top: 24px; margin-bottom: 12px; padding: 7px 9px; width: 320px; background-color: #1d1d1d; color: rgba(247, 247, 247, 0.7); border: 1px solid #464646; } .search-entry:hover { background-color: #1d1d1d; border-color: #535353; color: #F7F7F7; } .search-entry:focus { background-color: #1d1d1d; border-color: #e57084; box-shadow: 0 0 0 1px #e57084 inset; color: #F7F7F7; } .search-entry:insensitive { background-color: #2c2c2c; border-color: #2c2c2c; color: #8a8a8a; } .search-entry .search-entry-icon { color: inherit; icon-size: 1.09em; margin-top: 2px; padding: 0 4px; } /* Search */ #searchResults { margin: 0 4px; } #searchResultsContent { max-width: 1072px; } .search-section { spacing: 18px; } .search-section .search-section-separator { height: 8px; background-color: transparent; } .search-section-content { background-color: #1d1d1d; border-radius: 18px; border: 1px solid #464646; color: #eeeeec; padding: 12px; margin: 0 12px; } .list-search-result, .search-provider-icon { background-color: transparent; border-radius: 9px; } .list-search-result:hover, .search-provider-icon:hover { background-color: rgba(238, 238, 236, 0.1); } .list-search-result:selected, .search-provider-icon:selected, .list-search-result:focus, .search-provider-icon:focus { background-color: rgba(238, 238, 236, 0.13); } .list-search-result:selected:hover, .search-provider-icon:selected:hover, .list-search-result:focus:hover, .search-provider-icon:focus:hover { background-color: rgba(238, 238, 236, 0.16); } .list-search-result:selected:active, .search-provider-icon:selected:active, .list-search-result:focus:active, .search-provider-icon:focus:active { background-color: rgba(238, 238, 236, 0.13); } .list-search-result:active, .search-provider-icon:active { background-color: rgba(238, 238, 236, 0.16); } .list-search-result:outlined, .search-provider-icon:outlined, .list-search-result:checked, .search-provider-icon:checked { background-color: rgba(238, 238, 236, 0.19); } .list-search-result:outlined:active, .search-provider-icon:outlined:active, .list-search-result:checked:active, .search-provider-icon:checked:active { background-color: rgba(238, 238, 236, 0.22); } .list-search-result:outlined:hover, .search-provider-icon:outlined:hover, .list-search-result:checked:hover, .search-provider-icon:checked:hover { background-color: rgba(238, 238, 236, 0.25); } .list-search-result:drop, .search-provider-icon:drop { border: 2px solid rgba(218, 52, 80, 0.8); background-color: rgba(218, 52, 80, 0.2); } .grid-search-results { spacing: 30px; margin: 0 12px; } .search-provider-icon:ltr { margin-right: 4px; } .search-provider-icon:rtl { margin-left: 4px; } .search-provider-icon .list-search-provider-content { spacing: 12px; } .search-provider-icon .list-search-provider-content .list-search-provider-details { width: 120px; color: #eeeeec; } .list-search-results { spacing: 6px; } .list-search-result .list-search-result-content { spacing: 6px; } .list-search-result .list-search-result-title { spacing: 12px; } .list-search-result .list-search-result-description { color: #868685; } /* Dash */ #dash { margin-top: 12px; } #dash .placeholder { background-image: none; background-size: contain; height: 32px; } #dash .empty-dash-drop-target { width: 32px; height: 32px; } #dash .app-well-app-running-dot { margin-bottom: 13px; background-color: #DA3450; } .dash-background { background-color: #1d1d1d; border-radius: 24px; padding: 12px; border: 1px solid #464646; spacing: 6px; margin-bottom: 12px; } .dash-item-container > * { margin: 0 2px; } .dash-item-container:ltr:first-child { margin-left: 0; } .dash-item-container:rtl:first-child { margin-right: 0; } .dash-item-container .app-well-app .overview-icon, .dash-item-container .grid-search-result .overview-icon { padding: 6px; } .dash-item-container .show-apps .overview-icon { background-color: transparent; } .dash-item-container .show-apps:hover .overview-icon { background-color: rgba(238, 238, 236, 0.1); } .dash-item-container .show-apps:selected .overview-icon, .dash-item-container .show-apps:focus .overview-icon { background-color: rgba(238, 238, 236, 0.13); } .dash-item-container .show-apps:selected .overview-icon:hover .overview-icon, .dash-item-container .show-apps:focus .overview-icon:hover .overview-icon { background-color: rgba(238, 238, 236, 0.16); } .dash-item-container .show-apps:selected .overview-icon:active .overview-icon, .dash-item-container .show-apps:focus .overview-icon:active .overview-icon { background-color: rgba(238, 238, 236, 0.13); } .dash-item-container .show-apps:active .overview-icon { background-color: rgba(238, 238, 236, 0.16); } .dash-item-container .show-apps:outlined .overview-icon, .dash-item-container .show-apps:checked .overview-icon { background-color: rgba(238, 238, 236, 0.19); } .dash-item-container .show-apps:outlined .overview-icon:active .overview-icon, .dash-item-container .show-apps:checked .overview-icon:active .overview-icon { background-color: rgba(238, 238, 236, 0.22); } .dash-item-container .show-apps:outlined .overview-icon:hover .overview-icon, .dash-item-container .show-apps:checked .overview-icon:hover .overview-icon { background-color: rgba(238, 238, 236, 0.25); } .dash-item-container .show-apps:drop .overview-icon { border: 2px solid rgba(218, 52, 80, 0.8); background-color: rgba(218, 52, 80, 0.2); } .dash-item-container .show-apps:focus .overview-icon, .dash-item-container .show-apps:active .overview-icon, .dash-item-container .show-apps:checked .overview-icon { background-color: rgba(238, 238, 236, 0.2); } .dash-item-container .show-apps, .dash-item-container .app-well-app, .dash-item-container .grid-search-result { padding-bottom: 12px; } .dash-separator { width: 1px; margin: 0 4px; background-color: #464646; margin-bottom: 12px; } .dash-label { color: #eeeeec; background-color: rgba(29, 29, 29, 0.975); border-radius: 99px; padding: 6px 12px; text-align: center; -y-offset: 8px; border: 1px solid #464646; } /* App Grid */ .icon-grid { row-spacing: 12px; column-spacing: 12px; max-row-spacing: 42px; max-column-spacing: 42px; page-padding-top: 24px; page-padding-bottom: 24px; page-padding-left: 18px; page-padding-right: 18px; } /* App Icons */ .app-well-app .overview-icon, .grid-search-result .overview-icon { background-color: transparent; } .app-well-app:hover .overview-icon, .grid-search-result:hover .overview-icon { background-color: rgba(238, 238, 236, 0.1); } .app-well-app:selected .overview-icon, .grid-search-result:selected .overview-icon, .app-well-app:focus .overview-icon, .grid-search-result:focus .overview-icon { background-color: rgba(238, 238, 236, 0.13); } .app-well-app:selected .overview-icon:hover .overview-icon, .grid-search-result:selected .overview-icon:hover .overview-icon, .app-well-app:focus .overview-icon:hover .overview-icon, .grid-search-result:focus .overview-icon:hover .overview-icon { background-color: rgba(238, 238, 236, 0.16); } .app-well-app:selected .overview-icon:active .overview-icon, .grid-search-result:selected .overview-icon:active .overview-icon, .app-well-app:focus .overview-icon:active .overview-icon, .grid-search-result:focus .overview-icon:active .overview-icon { background-color: rgba(238, 238, 236, 0.13); } .app-well-app:active .overview-icon, .grid-search-result:active .overview-icon { background-color: rgba(238, 238, 236, 0.16); } .app-well-app:outlined .overview-icon, .grid-search-result:outlined .overview-icon, .app-well-app:checked .overview-icon, .grid-search-result:checked .overview-icon { background-color: rgba(238, 238, 236, 0.19); } .app-well-app:outlined .overview-icon:active .overview-icon, .grid-search-result:outlined .overview-icon:active .overview-icon, .app-well-app:checked .overview-icon:active .overview-icon, .grid-search-result:checked .overview-icon:active .overview-icon { background-color: rgba(238, 238, 236, 0.22); } .app-well-app:outlined .overview-icon:hover .overview-icon, .grid-search-result:outlined .overview-icon:hover .overview-icon, .app-well-app:checked .overview-icon:hover .overview-icon, .grid-search-result:checked .overview-icon:hover .overview-icon { background-color: rgba(238, 238, 236, 0.25); } .app-well-app:drop .overview-icon, .grid-search-result:drop .overview-icon { border: 2px solid rgba(218, 52, 80, 0.8); background-color: rgba(218, 52, 80, 0.2); } .app-well-app:focus .overview-icon, .grid-search-result:focus .overview-icon, .app-well-app:active .overview-icon, .grid-search-result:active .overview-icon, .app-well-app:checked .overview-icon, .grid-search-result:checked .overview-icon { background-color: rgba(238, 238, 236, 0.2); } .app-well-app .overview-icon, .grid-search-result .overview-icon { padding: 12px; } .app-well-app .overview-icon.overview-icon-with-label > StBoxLayout, .grid-search-result .overview-icon.overview-icon-with-label > StBoxLayout { spacing: 6px; } .app-well-app.app-folder .overview-icon, .app-folder.grid-search-result .overview-icon { background-color: rgba(238, 238, 236, 0.05); } .app-well-app.app-folder:hover .overview-icon, .app-folder.grid-search-result:hover .overview-icon { background-color: rgba(238, 238, 236, 0.1); } .app-well-app.app-folder:selected .overview-icon, .app-folder.grid-search-result:selected .overview-icon, .app-well-app.app-folder:focus .overview-icon, .app-folder.grid-search-result:focus .overview-icon { background-color: rgba(238, 238, 236, 0.13); } .app-well-app.app-folder:selected .overview-icon:hover .overview-icon, .app-folder.grid-search-result:selected .overview-icon:hover .overview-icon, .app-well-app.app-folder:focus .overview-icon:hover .overview-icon, .app-folder.grid-search-result:focus .overview-icon:hover .overview-icon { background-color: rgba(238, 238, 236, 0.16); } .app-well-app.app-folder:selected .overview-icon:active .overview-icon, .app-folder.grid-search-result:selected .overview-icon:active .overview-icon, .app-well-app.app-folder:focus .overview-icon:active .overview-icon, .app-folder.grid-search-result:focus .overview-icon:active .overview-icon { background-color: rgba(238, 238, 236, 0.13); } .app-well-app.app-folder:active .overview-icon, .app-folder.grid-search-result:active .overview-icon { background-color: rgba(238, 238, 236, 0.16); } .app-well-app.app-folder:outlined .overview-icon, .app-folder.grid-search-result:outlined .overview-icon, .app-well-app.app-folder:checked .overview-icon, .app-folder.grid-search-result:checked .overview-icon { background-color: rgba(238, 238, 236, 0.19); } .app-well-app.app-folder:outlined .overview-icon:active .overview-icon, .app-folder.grid-search-result:outlined .overview-icon:active .overview-icon, .app-well-app.app-folder:checked .overview-icon:active .overview-icon, .app-folder.grid-search-result:checked .overview-icon:active .overview-icon { background-color: rgba(238, 238, 236, 0.22); } .app-well-app.app-folder:outlined .overview-icon:hover .overview-icon, .app-folder.grid-search-result:outlined .overview-icon:hover .overview-icon, .app-well-app.app-folder:checked .overview-icon:hover .overview-icon, .app-folder.grid-search-result:checked .overview-icon:hover .overview-icon { background-color: rgba(238, 238, 236, 0.25); } .app-well-app.app-folder:drop .overview-icon, .app-folder.grid-search-result:drop .overview-icon { border: 2px solid rgba(218, 52, 80, 0.8); background-color: rgba(218, 52, 80, 0.2); } .app-well-app.app-folder:focus .overview-icon, .app-folder.grid-search-result:focus .overview-icon, .app-well-app.app-folder:active .overview-icon, .app-folder.grid-search-result:active .overview-icon, .app-well-app.app-folder:checked .overview-icon, .app-folder.grid-search-result:checked .overview-icon { background-color: rgba(238, 238, 236, 0.2); } .app-folder-dialog { border-radius: 24px; background-color: #1d1d1d; border: 1px solid #464646; } .app-folder-dialog .folder-name-container { padding: 24px 36px 0; spacing: 12px; /* FIXME: this is to keep the label in sync with the entry */ } .app-folder-dialog .folder-name-container .folder-name-label, .app-folder-dialog .folder-name-container .folder-name-entry { color: #eeeeec; } .app-folder-dialog .folder-name-container .folder-name-entry { width: 300px; background-color: rgba(39, 39, 39, 0.975); border-color: rgba(255, 255, 255, 0.16); } .app-folder-dialog .folder-name-container .folder-name-label { padding: 5px 7px; color: #eeeeec; } .app-folder-dialog .folder-name-container .edit-folder-button { padding: 0; width: 36px; height: 36px; border-radius: 99px; } .app-folder-dialog .folder-name-container .edit-folder-button > StIcon { icon-size: 1.09em; } .app-folder-dialog .icon-grid { row-spacing: 12px; column-spacing: 30px; page-padding-top: 0; page-padding-bottom: 0; page-padding-left: 0; page-padding-right: 0; } .app-folder-dialog .page-indicators { margin-bottom: 18px; } .app-folder-dialog-container { padding: 12px; width: 640px; height: 640px; } .app-well-app-running-dot { height: 5px; width: 5px; border-radius: 5px; margin-bottom: 8px; background-color: #DA3450; } .rename-folder-popup .rename-folder-popup-item { spacing: 6px; } .rename-folder-popup .rename-folder-popup-item:ltr, .rename-folder-popup .rename-folder-popup-item:rtl { padding: 0 12px; } .page-indicator { padding: 6px 12px 0; } .page-indicator .page-indicator-icon { width: 10px; height: 10px; border-radius: 10px; background-color: white; } .apps-scroll-view { padding: 0; } .system-action-icon { background-color: rgba(0, 0, 0, 0.8); color: #fff; border-radius: 99px; icon-size: 48px; } .page-navigation-hint { width: 300px; } .page-navigation-hint.dnd { background: rgba(255, 255, 255, 0.1); } .page-navigation-hint.next:ltr, .page-navigation-hint.previous:rtl { background-gradient-start: rgba(255, 255, 255, 0.05); background-gradient-end: transparent; background-gradient-direction: horizontal; border-radius: 18px 0px 0px 18px; } .page-navigation-hint.previous:ltr, .page-navigation-hint.next:rtl { background-gradient-start: transparent; background-gradient-end: rgba(255, 255, 255, 0.05); background-gradient-direction: horizontal; border-radius: 0px 18px 18px 0px; } .page-navigation-arrow { margin: 6px; width: 24px; height: 24px; color: #eeeeec; } /* Workspace pager */ .workspace-thumbnails { visible-width: 32px; spacing: 6px; padding: 6px; border-color: transparent; } .workspace-thumbnails .workspace-thumbnail { border-radius: 3px; background-color: #1d1d1d; border: 1px solid #464646; } .workspace-thumbnails .placeholder { background-image: url("resource:///org/gnome/shell/theme/workspace-placeholder.svg"); background-size: contain; width: 18px; } .workspace-thumbnail-indicator { border: 2px solid #e57084; border-radius: 3px; padding: 0px; } .ripple-pointer-location { width: 50px; height: 50px; border-radius: 25px; background-color: rgba(242, 181, 192, 0.3); box-shadow: 0 0 2px 2px #ea8a9a; } .pie-timer { width: 60px; height: 60px; -pie-border-width: 3px; -pie-border-color: #DA3450; -pie-background-color: rgba(249, 225, 229, 0.3); } .magnifier-zoom-region { border: 2px solid #DA3450; } .magnifier-zoom-region.full-screen { border-width: 0; } .select-area-rubberband { background-color: rgba(135, 135, 135, 0.2); border: 1px solid rgba(204, 204, 204, 0.8); } .user-icon { /* Yaru: See commit 3d4aca768250 */ background-size: contain; color: #F7F7F7; border-radius: 99px; icon-size: 4.36em; } .user-icon:hover { color: white; } .user-icon StIcon { background-color: rgba(247, 247, 247, 0.05); border-radius: 99px; padding: 12px; width: 2.725em; height: 2.725em; } .user-icon.user-avatar { border: 2px #eeeeec; } .user-widget.vertical .user-icon { icon-size: 6.54em; } .user-widget.vertical .user-icon StIcon { padding: 20px; padding-top: 18px; padding-bottom: 22px; width: 5.995em; height: 5.995em; /* Yaru: See commit 3d4aca768250 */ } .lightbox { background-color: black; } .flashspot { background-color: white; } .hidden { color: rgba(0, 0, 0, 0); } .caps-lock-warning-label { text-align: center; padding-bottom: 8px; color: #f99b11; } /* Workspace animation */ .workspace-animation { background-color: #222222; } /* Tiled window previews */ .tile-preview { background-color: rgba(218, 52, 80, 0.5); border: 1px solid #DA3450; } /* On-screen Keyboard */ #keyboard { background-color: rgba(0, 0, 0, 0.9); } #keyboard .page-indicator { padding: 6px; } #keyboard .page-indicator .page-indicator-icon { width: 8px; height: 8px; } .key-container { padding: 4px; spacing: 4px; } .keyboard-key { font-size: 16pt; font-weight: bold; min-height: 1.2em; min-width: 1.2em; border-width: 1px; border-style: solid; border-radius: 10px; box-shadow: 0 1px 0 0 rgba(0, 0, 0, 0.1); color: #F7F7F7; background-color: #222222; } .keyboard-key:focus { color: #F7F7F7; background-color: #352427; box-shadow: inset 0 0 0 2px rgba(218, 52, 80, 0.6); } .keyboard-key:focus:hover { background-color: #402f32; box-shadow: inset 0 0 0 2px rgba(218, 52, 80, 0.7); } .keyboard-key:focus:active { background-color: #453437; box-shadow: inset 0 0 0 2px rgba(218, 52, 80, 0.7); } .keyboard-key:hover { color: #F7F7F7; background-color: #2c2c2c; } .keyboard-key:active { color: #F7F7F7; background-color: #343434; } .keyboard-key:checked { color: #F7F7F7; background-color: #414141; } .keyboard-key:grayed { background-color: #151515; color: #F7F7F7; border-color: rgba(0, 0, 0, 0.7); } .keyboard-key.default-key { color: #F7F7F7; background-color: #222222; border-radius: 10px; } .keyboard-key.default-key:hover { color: #F7F7F7; background-color: #2c2c2c; } .keyboard-key.default-key:active { color: #F7F7F7; background-color: #343434; } .keyboard-key.default-key:checked { color: #F7F7F7; background-color: #414141; } .keyboard-key.enter-key { color: #FFFFFF; background-color: #0d7b1e; border-radius: 10px; color: #eeeeec; } .keyboard-key.enter-key:hover { color: #FFFFFF; background-color: #0f8d22; } .keyboard-key.enter-key:active { color: #FFFFFF; background-color: #109b26; } .keyboard-key.enter-key:checked { color: #FFFFFF; background-color: #13b22b; } .keyboard-key.shift-key-uppercase { background-color: #4e4e4e; color: #F7F7F7; } .keyboard-key.shift-key-uppercase:hover { background-color: #5a5a5a; } .keyboard-key StIcon { icon-size: 24px; } .keyboard-subkeys { -arrow-border-radius: 12px; -arrow-background-color: rgba(9, 9, 9, 0.9); -arrow-border-width: 1px; -arrow-border-color: #464646; -arrow-base: 20px; -arrow-rise: 10px; -boxpointer-gap: 6px; padding: 6px; } .keyboard-subkeys .keyboard-key { color: #F7F7F7; background-color: #222222; border-radius: 10px; } .keyboard-subkeys .keyboard-key:focus { color: #F7F7F7; background-color: #352427; box-shadow: inset 0 0 0 2px rgba(218, 52, 80, 0.6); } .keyboard-subkeys .keyboard-key:focus:hover { background-color: #402f32; box-shadow: inset 0 0 0 2px rgba(218, 52, 80, 0.7); } .keyboard-subkeys .keyboard-key:focus:active { background-color: #453437; box-shadow: inset 0 0 0 2px rgba(218, 52, 80, 0.7); } .keyboard-subkeys .keyboard-key:hover { color: #F7F7F7; background-color: #2c2c2c; } .keyboard-subkeys .keyboard-key:active { color: #F7F7F7; background-color: #343434; } .keyboard-subkeys .keyboard-key:checked { color: #F7F7F7; background-color: #414141; } .emoji-page .keyboard-key { background-color: transparent; border: none; color: initial; } .emoji-panel .keyboard-key:latched { border-color: #de4a63; background-color: #DA3450; } .word-suggestions { font-size: 14pt; spacing: 12px; min-height: 20pt; padding: 12px; color: #F7F7F7; } .word-suggestions StButton { margin: 0 3px; min-width: 32px; border-radius: 4px; padding: 6px 18px; background-color: transparent; background-image: none; } .word-suggestions StButton:focus { color: #F7F7F7; background-color: #352427; box-shadow: inset 0 0 0 2px rgba(218, 52, 80, 0.6); } .word-suggestions StButton:focus:hover { background-color: #402f32; box-shadow: inset 0 0 0 2px rgba(218, 52, 80, 0.7); } .word-suggestions StButton:focus:active { background-color: #453437; box-shadow: inset 0 0 0 2px rgba(218, 52, 80, 0.7); } .word-suggestions StButton:hover { color: #F7F7F7; background-color: #2c2c2c; } .word-suggestions StButton:active { color: #F7F7F7; background-color: #343434; } .word-suggestions StButton:checked { color: #F7F7F7; background-color: #414141; } /* Looking Glass */ #LookingGlassDialog { background-color: rgba(29, 29, 29, 0.975); border-radius: 0 0 12px 12px; border-top-width: 0; border: 1px solid rgba(255, 255, 255, 0.16); color: #eeeeec; padding: 6px; spacing: 6px; box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.1); } #LookingGlassDialog > #Toolbar { border: none; padding: 6px; border-radius: 0; background-color: transparent; spacing: 6px; } #LookingGlassDialog > #Toolbar .lg-toolbar-button { padding: 6px 12px; } #LookingGlassDialog > #Toolbar .lg-toolbar-button > StIcon { icon-size: 1.09em; } #LookingGlassDialog .labels { spacing: 6px; } #LookingGlassDialog .notebook-tab { -natural-hpadding: 12px; -minimum-hpadding: 12px; font-weight: bold; padding: 6px 12px; color: #cacac4; transition-duration: 100ms; box-shadow: none; border: none; border-radius: 4px; background-color: transparent; } #LookingGlassDialog .notebook-tab:hover { color: #eeeeec; background-color: rgba(238, 238, 236, 0.05); } #LookingGlassDialog .notebook-tab:selected { color: #eeeeec; background-color: rgba(238, 238, 236, 0.1); } #LookingGlassDialog StBoxLayout#EvalBox { padding: 4px; spacing: 6px; padding: 6px; } #LookingGlassDialog StBoxLayout#ResultsArea { spacing: 6px; padding: 6px; } .lg-dialog { color: #eeeeec; } .lg-dialog StEntry { background-color: rgba(42, 42, 42, 0.575); color: #eeeeec; border-color: rgba(238, 238, 236, 0.2); min-height: 22px; selection-background-color: #DA3450; selected-color: #FFFFFF; } .lg-dialog StEntry, .lg-dialog StEntry:focus { box-shadow: none; } .lg-dialog .shell-link { color: #ea8a9a; } .lg-dialog .shell-link:hover { color: #f2b5c0; } .lg-dialog .shell-link:active { color: #e25f75; } .lg-dialog .actor-link { color: #8a8a8a; } .lg-dialog .actor-link:hover { color: #bdbdbd; } .lg-dialog .actor-link:active { color: #575757; } .lg-completions-text { font-style: italic; color: #eeeeec; } .lg-obj-inspector-title { spacing: 6px; color: #eeeeec; } .lg-obj-inspector-button { border: 1px solid rgba(0, 0, 0, 0.7); padding: 4px; border-radius: 6px; color: #eeeeec; } .lg-obj-inspector-button:hover { border: 1px solid #ffffff; } #lookingGlassExtensions { padding: 6px; } .lg-extensions-list { padding: 6px; spacing: 6px; } .lg-extension { padding: 12px; border-radius: 6px; margin: 4px; box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.1); color: #F7F7F7; background-color: #2c2c2c; } .lg-extension:focus { color: #F7F7F7; background-color: #2c2c2c; box-shadow: inset 0 0 0 2px #e57084; } .lg-extension:focus:hover { background-color: #343434; box-shadow: inset 0 0 0 2px #e57084; } .lg-extension:focus:active { background-color: #3b3b3b; box-shadow: inset 0 0 0 2px #e57084; } .lg-extension:hover { color: #F7F7F7; background-color: #343434; } .lg-extension:active { color: #F7F7F7; background-color: #3b3b3b; } .lg-extension-meta { spacing: 6px; } #LookingGlassPropertyInspector { background: rgba(29, 29, 29, 0.975); border: 1px solid rgba(0, 0, 0, 0.7); border-radius: 6px; padding: 6px; } .lg-debug-flag-button { color: #F7F7F7; } .lg-debug-flag-button StLabel { padding: 6px, 12px; } .lg-debug-flag-button:hover { color: white; } .lg-debug-flag-button:active { color: #c4c4c4; } .lg-debug-flags-header { padding-top: 12px; padding: 6px; } /* Login Dialog */ .login-dialog-banner-view { padding-top: 24px; max-width: 23em; } .login-dialog, .unlock-dialog { border: none; background-color: transparent; } .login-dialog .modal-dialog-button-box, .unlock-dialog .modal-dialog-button-box { spacing: 3px; } .login-dialog .modal-dialog-button, .unlock-dialog .modal-dialog-button { padding: 4px 18px; box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2); background-color: #222222; border-color: #464646; color: #F7F7F7; } .login-dialog .modal-dialog-button:hover, .unlock-dialog .modal-dialog-button:hover { background-color: #2f2f2f; } .login-dialog .modal-dialog-button:focus, .unlock-dialog .modal-dialog-button:focus { border-color: #e57084; box-shadow: inset 0 0 0 1px #e57084; } .login-dialog .modal-dialog-button:active, .unlock-dialog .modal-dialog-button:active { box-shadow: none; background-color: #151515; color: rgba(238, 238, 236, 0.7); } .login-dialog .modal-dialog-button:default, .unlock-dialog .modal-dialog-button:default { background-color: #DA3450; color: #FFFFFF; } .login-dialog .modal-dialog-button:default:focus, .unlock-dialog .modal-dialog-button:default:focus { box-shadow: inset 0 0 0 2px rgba(218, 52, 80, 0.6); } .login-dialog .modal-dialog-button:default:hover, .login-dialog .modal-dialog-button:default:focus, .unlock-dialog .modal-dialog-button:default:hover, .unlock-dialog .modal-dialog-button:default:focus { background-color: #de4a63; color: white; } .login-dialog .modal-dialog-button:default:active, .unlock-dialog .modal-dialog-button:default:active { background-color: #c6243f; color: #ededed; } .login-dialog .modal-dialog-button:default:insensitive, .unlock-dialog .modal-dialog-button:default:insensitive { color: rgba(247, 247, 247, 0.5); background-color: rgba(247, 247, 247, 0.05); background-color: rgba(218, 52, 80, 0.5); color: rgba(255, 255, 255, 0.5); } .login-dialog .cancel-button, .login-dialog .switch-user-button, .login-dialog .login-dialog-session-list-button, .unlock-dialog .cancel-button, .unlock-dialog .switch-user-button, .unlock-dialog .login-dialog-session-list-button { padding: 0; border-radius: 99px; width: 2.18em; height: 2.18em; } .login-dialog .cancel-button StIcon, .login-dialog .switch-user-button StIcon, .login-dialog .login-dialog-session-list-button StIcon, .unlock-dialog .cancel-button StIcon, .unlock-dialog .switch-user-button StIcon, .unlock-dialog .login-dialog-session-list-button StIcon { icon-size: 1.09em; } .login-dialog .caps-lock-warning-label, .login-dialog .login-dialog-message, .unlock-dialog .caps-lock-warning-label, .unlock-dialog .login-dialog-message { color: #eeeeec; } .login-dialog-logo-bin { padding: 24px 0px; } .login-dialog-banner { color: #d6d6d1; } .login-dialog-button-box { width: 23em; spacing: 5px; } .login-dialog-message { text-align: center; } .login-dialog-user-selection-box { padding: 100px 0px; } .login-dialog-not-listed-label { padding-left: 2px; } .login-dialog-not-listed-button:focus .login-dialog-not-listed-label, .login-dialog-not-listed-button:hover .login-dialog-not-listed-label { color: #eeeeec; } .login-dialog-not-listed-label { font-weight: bold; color: #a6a69b; padding-top: 1em; } .login-dialog-auth-list-view { -st-vfade-offset: 1em; } .login-dialog-auth-list { spacing: 6px; margin-left: 2em; } .login-dialog-auth-list-title { margin-left: 2em; } .login-dialog-auth-list-item { border-radius: 10px; padding: 6px; color: #a6a69b; } .login-dialog-auth-list-item:focus, .login-dialog-auth-list-item:selected { background-color: #DA3450; color: #FFFFFF; } .login-dialog-auth-list-label { font-size: 13pt; font-weight: bold; padding-left: 15px; } .login-dialog-auth-list-label:ltr { padding-left: 14px; text-align: left; } .login-dialog-auth-list-label:rtl { padding-right: 14px; text-align: right; } .login-dialog-user-list-view { -st-vfade-offset: 1em; } .login-dialog-user-list { spacing: 12px; width: 23em; } .login-dialog-user-list:expanded .login-dialog-user-list-item:selected { background-color: rgba(255, 255, 255, 0.1); color: #FFFFFF; } .login-dialog-user-list:expanded .login-dialog-user-list-item:logged-in { border-right: 2px solid rgba(255, 255, 255, 0.1); } .login-dialog-user-list-item { border-radius: 10px; padding: 6px; color: #a6a69b; } .login-dialog-user-list-item:ltr .user-widget { padding-right: 1em; } .login-dialog-user-list-item:rtl .user-widget { padding-left: 1em; } .login-dialog-user-list-item .login-dialog-timed-login-indicator { height: 2px; margin-top: 6px; background-color: #eeeeec; } .login-dialog-user-list-item:focus .login-dialog-timed-login-indicator { background-color: #FFFFFF; } .user-widget-label { color: #eeeeec; } .user-widget.horizontal .user-widget-label { font-size: 13pt; font-weight: bold; padding-left: 15px; } .user-widget.horizontal .user-widget-label:ltr { padding-left: 14px; text-align: left; } .user-widget.horizontal .user-widget-label:rtl { padding-right: 14px; text-align: right; } .user-widget.vertical .user-widget-label { font-size: 16pt; text-align: center; font-weight: normal; padding-top: 16px; } .login-dialog-timed-login-indicator { height: 2px; background-color: #919191; } .login-dialog-prompt-layout { padding-top: 24px; padding-bottom: 12px; spacing: 12px; width: 23em; } .login-dialog-prompt-entry { height: 1.5em; } .login-dialog-prompt-label { color: #bebeb6; font-size: 12pt; padding-top: 1em; } .login-dialog StEntry { background-color: #1b1b1b; color: #F7F7F7; } .unlock-dialog StEntry { border: none !important; } .unlock-dialog StEntry, .unlock-dialog StEntry:focus { color: #F7F7F7; background-color: rgba(247, 247, 247, 0.1); box-shadow: none; } .unlock-dialog StEntry:insensitive { color: rgba(247, 247, 247, 0.5); background-color: rgba(247, 247, 247, 0.05); } .unlock-dialog StEntry StLabel.hint-text { color: rgba(247, 247, 247, 0.7); } .unlock-dialog .user-icon { background-color: rgba(247, 247, 247, 0.1); color: #F7F7F7; } .unlock-dialog .cancel-button, .unlock-dialog .switch-user-button, .unlock-dialog .login-dialog-session-list-button { border-color: transparent; background-color: rgba(247, 247, 247, 0.1); box-shadow: none; } .unlock-dialog .cancel-button, .unlock-dialog .cancel-button:hover, .unlock-dialog .cancel-button:focus, .unlock-dialog .cancel-button:active, .unlock-dialog .switch-user-button, .unlock-dialog .switch-user-button:hover, .unlock-dialog .switch-user-button:focus, .unlock-dialog .switch-user-button:active, .unlock-dialog .login-dialog-session-list-button, .unlock-dialog .login-dialog-session-list-button:hover, .unlock-dialog .login-dialog-session-list-button:focus, .unlock-dialog .login-dialog-session-list-button:active { color: #F7F7F7; } .unlock-dialog .cancel-button:hover, .unlock-dialog .cancel-button:focus, .unlock-dialog .switch-user-button:hover, .unlock-dialog .switch-user-button:focus, .unlock-dialog .login-dialog-session-list-button:hover, .unlock-dialog .login-dialog-session-list-button:focus { background-color: rgba(247, 247, 247, 0.15); } .unlock-dialog .cancel-button:active, .unlock-dialog .switch-user-button:active, .unlock-dialog .login-dialog-session-list-button:active { background-color: rgba(247, 247, 247, 0.2); } /* Screen Shield */ .unlock-dialog-clock { color: white; font-weight: 300; text-align: center; spacing: 24px; padding-bottom: 2.5em; } .unlock-dialog-clock-time { font-size: 64pt; padding-top: 42px; } .unlock-dialog-clock-date { font-size: 16pt; font-weight: normal; } .unlock-dialog-clock-hint { font-weight: normal; padding-top: 48px; } .unlock-dialog-notifications-container { margin: 12px; spacing: 6px; width: 23em; background-color: transparent; } .unlock-dialog-notifications-container .summary-notification-stack-scrollview { padding-top: 0; padding-bottom: 0; } .unlock-dialog-notifications-container .notification, .unlock-dialog-notifications-container .unlock-dialog-notification-source { padding: 12px 16px; border: none; background-color: rgba(238, 238, 236, 0.1); color: #eeeeec; border-radius: 12px; } .unlock-dialog-notifications-container .notification.critical, .unlock-dialog-notifications-container .unlock-dialog-notification-source.critical { background-color: rgba(238, 238, 236, 0.2); } .unlock-dialog-notification-label { padding: 0 0 0 12px; } .unlock-dialog-notification-count-text { font-weight: bold; padding: 0 12px; color: #eeeeec; background-color: rgba(238, 238, 236, 0.1); border-radius: 99px; } .screen-shield-background { background: black; box-shadow: 0 2px 4px rgba(0, 0, 0, 0.6); } #lockDialogGroup { background-color: #222222; } #unlockDialogNotifications StButton#vhandle, #unlockDialogNotifications StButton#hhandle { background-color: rgba(29, 29, 29, 0.3); } #unlockDialogNotifications StButton#vhandle:hover, #unlockDialogNotifications StButton#vhandle:focus, #unlockDialogNotifications StButton#hhandle:hover, #unlockDialogNotifications StButton#hhandle:focus { background-color: rgba(29, 29, 29, 0.5); } #unlockDialogNotifications StButton#vhandle:active, #unlockDialogNotifications StButton#hhandle:active { background-color: rgba(218, 52, 80, 0.5); } * { font-weight: normal !important; text-shadow: none !important; } .file-item { border-radius: 6px; } /* Default Ubuntu Dock styling, append !important to any changed rules This must be in sync with - https://github.com/micheleg/dash-to-dock/blob/ubuntu-dock/_stylesheet.scss */ #dashtodockContainer.bottom #dash { margin: 0px; padding: 0px; } #dashtodockContainer.bottom #dash .dash-background { margin: 0; margin-bottom: 4px; padding: 0; border-radius: 18px; spacing: 6px; } #dashtodockContainer.bottom #dash .dash-separator { background-color: #464646; margin: 0 4px; width: 1px; height: 0; margin-bottom: 4px; } #dashtodockContainer.bottom #dash #dashtodockDashContainer { padding: 10px; padding-bottom: 0; padding-top: 0; } #dashtodockContainer.bottom #dash .dash-item-container { /* Disable all margins defined upstream, we handle them here */ margin: 0 2px; } #dashtodockContainer.bottom #dash .dash-item-container > * { margin: 0; } #dashtodockContainer.bottom #dash .dash-item-container:ltr:first-child, #dashtodockContainer.bottom #dash .dash-item-container:rtl:last-child { margin-left: 0; } #dashtodockContainer.bottom #dash .dash-item-container:ltr:last-child, #dashtodockContainer.bottom #dash .dash-item-container:rtl:first-child { margin-right: 0; } #dashtodockContainer.bottom #dash .dash-item-container .app-well-app, #dashtodockContainer.bottom #dash .dash-item-container .grid-search-result, #dashtodockContainer.bottom #dash .dash-item-container .show-apps { padding: 2px 2px; padding-bottom: 14px; padding-top: 10px; } #dashtodockContainer.bottom #dash .dash-item-container .app-well-app:ltr:first-child, #dashtodockContainer.bottom #dash .dash-item-container .grid-search-result:ltr:first-child, #dashtodockContainer.bottom #dash .dash-item-container .app-well-app:rtl:last-child, #dashtodockContainer.bottom #dash .dash-item-container .grid-search-result:rtl:last-child, #dashtodockContainer.bottom #dash .dash-item-container .show-apps:ltr:first-child, #dashtodockContainer.bottom #dash .dash-item-container .show-apps:rtl:last-child { padding-left: 0; } #dashtodockContainer.bottom #dash .dash-item-container .app-well-app:ltr:last-child, #dashtodockContainer.bottom #dash .dash-item-container .grid-search-result:ltr:last-child, #dashtodockContainer.bottom #dash .dash-item-container .app-well-app:rtl:first-child, #dashtodockContainer.bottom #dash .dash-item-container .grid-search-result:rtl:first-child, #dashtodockContainer.bottom #dash .dash-item-container .show-apps:ltr:last-child, #dashtodockContainer.bottom #dash .dash-item-container .show-apps:rtl:first-child { padding-right: 0; } #dashtodockContainer.bottom #dash .dash-item-container .app-well-app.running .overview-icon, #dashtodockContainer.bottom #dash .dash-item-container .running.grid-search-result .overview-icon { background-image: none; } #dashtodockContainer.bottom #dash .dash-item-container .app-well-app.focused .overview-icon, #dashtodockContainer.bottom #dash .dash-item-container .focused.grid-search-result .overview-icon { background-color: rgba(238, 238, 236, 0.2); } #dashtodockContainer.bottom #dash .dash-item-container .app-well-app .app-well-app-running-dot, #dashtodockContainer.bottom #dash .dash-item-container .grid-search-result .app-well-app-running-dot { margin-bottom: 2px; } #dashtodockContainer.bottom #dash .dash-item-container > StButton { transition-duration: 250; background-size: contain; } #dashtodockContainer.bottom.fixed #dash .dash-background { margin-top: 4px; } #dashtodockContainer.bottom.fixed #dash .dash-item-container .app-well-app, #dashtodockContainer.bottom.fixed #dash .dash-item-container .grid-search-result, #dashtodockContainer.bottom.fixed #dash .dash-item-container .show-apps { padding-top: 14px; } .dash-label.bottom { margin-bottom: 10px; -x-offset: 0; -y-offset: 0; } #dashtodockContainer.bottom.shrink #dash { margin: 0px; padding: 0px; } #dashtodockContainer.bottom.shrink #dash .dash-background { margin: 0; margin-bottom: 4px; padding: 0; border-radius: 14px; spacing: 2px; } #dashtodockContainer.bottom.shrink #dash .dash-separator { background-color: #464646; margin: 0 1px; width: 1px; height: 0; margin-bottom: 4px; } #dashtodockContainer.bottom.shrink #dash #dashtodockDashContainer { padding: 3px; padding-bottom: 0; padding-top: 0; } #dashtodockContainer.bottom.shrink #dash .dash-item-container { /* Disable all margins defined upstream, we handle them here */ margin: 0 2px; } #dashtodockContainer.bottom.shrink #dash .dash-item-container > * { margin: 0; } #dashtodockContainer.bottom.shrink #dash .dash-item-container:ltr:first-child, #dashtodockContainer.bottom.shrink #dash .dash-item-container:rtl:last-child { margin-left: 0; } #dashtodockContainer.bottom.shrink #dash .dash-item-container:ltr:last-child, #dashtodockContainer.bottom.shrink #dash .dash-item-container:rtl:first-child { margin-right: 0; } #dashtodockContainer.bottom.shrink #dash .dash-item-container .app-well-app, #dashtodockContainer.bottom.shrink #dash .dash-item-container .grid-search-result, #dashtodockContainer.bottom.shrink #dash .dash-item-container .show-apps { padding: 1px 1px; padding-bottom: 7px; padding-top: 3px; } #dashtodockContainer.bottom.shrink #dash .dash-item-container .app-well-app:ltr:first-child, #dashtodockContainer.bottom.shrink #dash .dash-item-container .grid-search-result:ltr:first-child, #dashtodockContainer.bottom.shrink #dash .dash-item-container .app-well-app:rtl:last-child, #dashtodockContainer.bottom.shrink #dash .dash-item-container .grid-search-result:rtl:last-child, #dashtodockContainer.bottom.shrink #dash .dash-item-container .show-apps:ltr:first-child, #dashtodockContainer.bottom.shrink #dash .dash-item-container .show-apps:rtl:last-child { padding-left: 0; } #dashtodockContainer.bottom.shrink #dash .dash-item-container .app-well-app:ltr:last-child, #dashtodockContainer.bottom.shrink #dash .dash-item-container .grid-search-result:ltr:last-child, #dashtodockContainer.bottom.shrink #dash .dash-item-container .app-well-app:rtl:first-child, #dashtodockContainer.bottom.shrink #dash .dash-item-container .grid-search-result:rtl:first-child, #dashtodockContainer.bottom.shrink #dash .dash-item-container .show-apps:ltr:last-child, #dashtodockContainer.bottom.shrink #dash .dash-item-container .show-apps:rtl:first-child { padding-right: 0; } #dashtodockContainer.bottom.shrink #dash .dash-item-container .app-well-app.running .overview-icon, #dashtodockContainer.bottom.shrink #dash .dash-item-container .running.grid-search-result .overview-icon { background-image: none; } #dashtodockContainer.bottom.shrink #dash .dash-item-container .app-well-app.focused .overview-icon, #dashtodockContainer.bottom.shrink #dash .dash-item-container .focused.grid-search-result .overview-icon { background-color: rgba(238, 238, 236, 0.2); } #dashtodockContainer.bottom.shrink #dash .dash-item-container .app-well-app .app-well-app-running-dot, #dashtodockContainer.bottom.shrink #dash .dash-item-container .grid-search-result .app-well-app-running-dot { margin-bottom: 2px; } #dashtodockContainer.bottom.shrink #dash .dash-item-container > StButton { transition-duration: 250; background-size: contain; } #dashtodockContainer.bottom.shrink.fixed #dash .dash-background { margin-top: 1px; } #dashtodockContainer.bottom.shrink.fixed #dash .dash-item-container .app-well-app, #dashtodockContainer.bottom.shrink.fixed #dash .dash-item-container .grid-search-result, #dashtodockContainer.bottom.shrink.fixed #dash .dash-item-container .show-apps { padding-top: 4px; } .dash-label.bottom.shrink { margin-bottom: 3px; -x-offset: 0; -y-offset: 0; } #dashtodockContainer.bottom.extended #dash { margin: 0px; padding: 0px; } #dashtodockContainer.bottom.extended #dash .dash-background { margin: 0; margin-bottom: 0; padding: 0; border-radius: 0; spacing: 6px; } #dashtodockContainer.bottom.extended #dash .dash-separator { background-color: #464646; margin: 0 4px; width: 1px; height: 0; margin-bottom: 0; } #dashtodockContainer.bottom.extended #dash #dashtodockDashContainer { padding: 0; padding-bottom: 0; padding-top: 0; } #dashtodockContainer.bottom.extended #dash #dashtodockDashContainer > :first-child .show-apps { padding-left: 8px; } #dashtodockContainer.bottom.extended #dash #dashtodockDashContainer #dashtodockDashScrollview:first-child { padding-left: 8px; } #dashtodockContainer.bottom.extended #dash #dashtodockDashContainer > :last-child .show-apps { padding-right: 8px; } #dashtodockContainer.bottom.extended #dash #dashtodockDashContainer #dashtodockDashScrollview:last-child { padding-right: 8px; } #dashtodockContainer.bottom.extended #dash .dash-item-container { /* Disable all margins defined upstream, we handle them here */ margin: 0 2px; } #dashtodockContainer.bottom.extended #dash .dash-item-container > * { margin: 0; } #dashtodockContainer.bottom.extended #dash .dash-item-container:ltr:first-child, #dashtodockContainer.bottom.extended #dash .dash-item-container:rtl:last-child { margin-left: 0; } #dashtodockContainer.bottom.extended #dash .dash-item-container:ltr:last-child, #dashtodockContainer.bottom.extended #dash .dash-item-container:rtl:first-child { margin-right: 0; } #dashtodockContainer.bottom.extended #dash .dash-item-container .app-well-app, #dashtodockContainer.bottom.extended #dash .dash-item-container .grid-search-result, #dashtodockContainer.bottom.extended #dash .dash-item-container .show-apps { padding: 2px 2px; padding-bottom: 10px; padding-top: 10px; } #dashtodockContainer.bottom.extended #dash .dash-item-container .app-well-app:ltr:first-child, #dashtodockContainer.bottom.extended #dash .dash-item-container .grid-search-result:ltr:first-child, #dashtodockContainer.bottom.extended #dash .dash-item-container .app-well-app:rtl:last-child, #dashtodockContainer.bottom.extended #dash .dash-item-container .grid-search-result:rtl:last-child, #dashtodockContainer.bottom.extended #dash .dash-item-container .show-apps:ltr:first-child, #dashtodockContainer.bottom.extended #dash .dash-item-container .show-apps:rtl:last-child { padding-left: 0; } #dashtodockContainer.bottom.extended #dash .dash-item-container .app-well-app:ltr:last-child, #dashtodockContainer.bottom.extended #dash .dash-item-container .grid-search-result:ltr:last-child, #dashtodockContainer.bottom.extended #dash .dash-item-container .app-well-app:rtl:first-child, #dashtodockContainer.bottom.extended #dash .dash-item-container .grid-search-result:rtl:first-child, #dashtodockContainer.bottom.extended #dash .dash-item-container .show-apps:ltr:last-child, #dashtodockContainer.bottom.extended #dash .dash-item-container .show-apps:rtl:first-child { padding-right: 0; } #dashtodockContainer.bottom.extended #dash .dash-item-container .app-well-app.running .overview-icon, #dashtodockContainer.bottom.extended #dash .dash-item-container .running.grid-search-result .overview-icon { background-image: none; } #dashtodockContainer.bottom.extended #dash .dash-item-container .app-well-app.focused .overview-icon, #dashtodockContainer.bottom.extended #dash .dash-item-container .focused.grid-search-result .overview-icon { background-color: rgba(238, 238, 236, 0.2); } #dashtodockContainer.bottom.extended #dash .dash-item-container .app-well-app .app-well-app-running-dot, #dashtodockContainer.bottom.extended #dash .dash-item-container .grid-search-result .app-well-app-running-dot { margin-bottom: 2px; } #dashtodockContainer.bottom.extended #dash .dash-item-container > StButton { transition-duration: 250; background-size: contain; } #dashtodockContainer.bottom.extended.fixed #dash .dash-background { margin-top: 0; } #dashtodockContainer.bottom.extended.fixed #dash .dash-item-container .app-well-app, #dashtodockContainer.bottom.extended.fixed #dash .dash-item-container .grid-search-result, #dashtodockContainer.bottom.extended.fixed #dash .dash-item-container .show-apps { padding-top: 10px; } .dash-label.bottom { margin-bottom: 10px; -x-offset: 0; -y-offset: 0; } #dashtodockContainer.bottom.extended.shrink #dash { margin: 0px; padding: 0px; } #dashtodockContainer.bottom.extended.shrink #dash .dash-background { margin: 0; margin-bottom: 0; padding: 0; border-radius: 0; spacing: 2px; } #dashtodockContainer.bottom.extended.shrink #dash .dash-separator { background-color: #464646; margin: 0 1px; width: 1px; height: 0; margin-bottom: 0; } #dashtodockContainer.bottom.extended.shrink #dash #dashtodockDashContainer { padding: 0; padding-bottom: 0; padding-top: 0; } #dashtodockContainer.bottom.extended.shrink #dash #dashtodockDashContainer > :first-child .show-apps { padding-left: 6px; } #dashtodockContainer.bottom.extended.shrink #dash #dashtodockDashContainer #dashtodockDashScrollview:first-child { padding-left: 6px; } #dashtodockContainer.bottom.extended.shrink #dash #dashtodockDashContainer > :last-child .show-apps { padding-right: 6px; } #dashtodockContainer.bottom.extended.shrink #dash #dashtodockDashContainer #dashtodockDashScrollview:last-child { padding-right: 6px; } #dashtodockContainer.bottom.extended.shrink #dash .dash-item-container { /* Disable all margins defined upstream, we handle them here */ margin: 0 2px; } #dashtodockContainer.bottom.extended.shrink #dash .dash-item-container > * { margin: 0; } #dashtodockContainer.bottom.extended.shrink #dash .dash-item-container:ltr:first-child, #dashtodockContainer.bottom.extended.shrink #dash .dash-item-container:rtl:last-child { margin-left: 0; } #dashtodockContainer.bottom.extended.shrink #dash .dash-item-container:ltr:last-child, #dashtodockContainer.bottom.extended.shrink #dash .dash-item-container:rtl:first-child { margin-right: 0; } #dashtodockContainer.bottom.extended.shrink #dash .dash-item-container .app-well-app, #dashtodockContainer.bottom.extended.shrink #dash .dash-item-container .grid-search-result, #dashtodockContainer.bottom.extended.shrink #dash .dash-item-container .show-apps { padding: 1px 1px; padding-bottom: 3px; padding-top: 3px; } #dashtodockContainer.bottom.extended.shrink #dash .dash-item-container .app-well-app:ltr:first-child, #dashtodockContainer.bottom.extended.shrink #dash .dash-item-container .grid-search-result:ltr:first-child, #dashtodockContainer.bottom.extended.shrink #dash .dash-item-container .app-well-app:rtl:last-child, #dashtodockContainer.bottom.extended.shrink #dash .dash-item-container .grid-search-result:rtl:last-child, #dashtodockContainer.bottom.extended.shrink #dash .dash-item-container .show-apps:ltr:first-child, #dashtodockContainer.bottom.extended.shrink #dash .dash-item-container .show-apps:rtl:last-child { padding-left: 0; } #dashtodockContainer.bottom.extended.shrink #dash .dash-item-container .app-well-app:ltr:last-child, #dashtodockContainer.bottom.extended.shrink #dash .dash-item-container .grid-search-result:ltr:last-child, #dashtodockContainer.bottom.extended.shrink #dash .dash-item-container .app-well-app:rtl:first-child, #dashtodockContainer.bottom.extended.shrink #dash .dash-item-container .grid-search-result:rtl:first-child, #dashtodockContainer.bottom.extended.shrink #dash .dash-item-container .show-apps:ltr:last-child, #dashtodockContainer.bottom.extended.shrink #dash .dash-item-container .show-apps:rtl:first-child { padding-right: 0; } #dashtodockContainer.bottom.extended.shrink #dash .dash-item-container .app-well-app.running .overview-icon, #dashtodockContainer.bottom.extended.shrink #dash .dash-item-container .running.grid-search-result .overview-icon { background-image: none; } #dashtodockContainer.bottom.extended.shrink #dash .dash-item-container .app-well-app.focused .overview-icon, #dashtodockContainer.bottom.extended.shrink #dash .dash-item-container .focused.grid-search-result .overview-icon { background-color: rgba(238, 238, 236, 0.2); } #dashtodockContainer.bottom.extended.shrink #dash .dash-item-container .app-well-app .app-well-app-running-dot, #dashtodockContainer.bottom.extended.shrink #dash .dash-item-container .grid-search-result .app-well-app-running-dot { margin-bottom: 2px; } #dashtodockContainer.bottom.extended.shrink #dash .dash-item-container > StButton { transition-duration: 250; background-size: contain; } #dashtodockContainer.bottom.extended.shrink.fixed #dash .dash-background { margin-top: 0; } #dashtodockContainer.bottom.extended.shrink.fixed #dash .dash-item-container .app-well-app, #dashtodockContainer.bottom.extended.shrink.fixed #dash .dash-item-container .grid-search-result, #dashtodockContainer.bottom.extended.shrink.fixed #dash .dash-item-container .show-apps { padding-top: 3px; } .dash-label.bottom.shrink { margin-bottom: 3px; -x-offset: 0; -y-offset: 0; } #dashtodockContainer.top #dash { margin: 0px; padding: 0px; } #dashtodockContainer.top #dash .dash-background { margin: 0; margin-top: 4px; padding: 0; border-radius: 18px; spacing: 6px; } #dashtodockContainer.top #dash .dash-separator { background-color: #464646; margin: 0 4px; width: 1px; height: 0; margin-top: 4px; } #dashtodockContainer.top #dash #dashtodockDashContainer { padding: 10px; padding-top: 0; padding-bottom: 0; } #dashtodockContainer.top #dash .dash-item-container { /* Disable all margins defined upstream, we handle them here */ margin: 0 2px; } #dashtodockContainer.top #dash .dash-item-container > * { margin: 0; } #dashtodockContainer.top #dash .dash-item-container:ltr:first-child, #dashtodockContainer.top #dash .dash-item-container:rtl:last-child { margin-left: 0; } #dashtodockContainer.top #dash .dash-item-container:ltr:last-child, #dashtodockContainer.top #dash .dash-item-container:rtl:first-child { margin-right: 0; } #dashtodockContainer.top #dash .dash-item-container .app-well-app, #dashtodockContainer.top #dash .dash-item-container .grid-search-result, #dashtodockContainer.top #dash .dash-item-container .show-apps { padding: 2px 2px; padding-top: 14px; padding-bottom: 10px; } #dashtodockContainer.top #dash .dash-item-container .app-well-app:ltr:first-child, #dashtodockContainer.top #dash .dash-item-container .grid-search-result:ltr:first-child, #dashtodockContainer.top #dash .dash-item-container .app-well-app:rtl:last-child, #dashtodockContainer.top #dash .dash-item-container .grid-search-result:rtl:last-child, #dashtodockContainer.top #dash .dash-item-container .show-apps:ltr:first-child, #dashtodockContainer.top #dash .dash-item-container .show-apps:rtl:last-child { padding-left: 0; } #dashtodockContainer.top #dash .dash-item-container .app-well-app:ltr:last-child, #dashtodockContainer.top #dash .dash-item-container .grid-search-result:ltr:last-child, #dashtodockContainer.top #dash .dash-item-container .app-well-app:rtl:first-child, #dashtodockContainer.top #dash .dash-item-container .grid-search-result:rtl:first-child, #dashtodockContainer.top #dash .dash-item-container .show-apps:ltr:last-child, #dashtodockContainer.top #dash .dash-item-container .show-apps:rtl:first-child { padding-right: 0; } #dashtodockContainer.top #dash .dash-item-container .app-well-app.running .overview-icon, #dashtodockContainer.top #dash .dash-item-container .running.grid-search-result .overview-icon { background-image: none; } #dashtodockContainer.top #dash .dash-item-container .app-well-app.focused .overview-icon, #dashtodockContainer.top #dash .dash-item-container .focused.grid-search-result .overview-icon { background-color: rgba(238, 238, 236, 0.2); } #dashtodockContainer.top #dash .dash-item-container .app-well-app .app-well-app-running-dot, #dashtodockContainer.top #dash .dash-item-container .grid-search-result .app-well-app-running-dot { margin-bottom: 2px; } #dashtodockContainer.top #dash .dash-item-container > StButton { transition-duration: 250; background-size: contain; } #dashtodockContainer.top.fixed #dash .dash-background { margin-bottom: 4px; } #dashtodockContainer.top.fixed #dash .dash-item-container .app-well-app, #dashtodockContainer.top.fixed #dash .dash-item-container .grid-search-result, #dashtodockContainer.top.fixed #dash .dash-item-container .show-apps { padding-bottom: 14px; } .dash-label.top { margin-top: 10px; -x-offset: 0; -y-offset: 0; } #dashtodockContainer.top.shrink #dash { margin: 0px; padding: 0px; } #dashtodockContainer.top.shrink #dash .dash-background { margin: 0; margin-top: 4px; padding: 0; border-radius: 14px; spacing: 2px; } #dashtodockContainer.top.shrink #dash .dash-separator { background-color: #464646; margin: 0 1px; width: 1px; height: 0; margin-top: 4px; } #dashtodockContainer.top.shrink #dash #dashtodockDashContainer { padding: 3px; padding-top: 0; padding-bottom: 0; } #dashtodockContainer.top.shrink #dash .dash-item-container { /* Disable all margins defined upstream, we handle them here */ margin: 0 2px; } #dashtodockContainer.top.shrink #dash .dash-item-container > * { margin: 0; } #dashtodockContainer.top.shrink #dash .dash-item-container:ltr:first-child, #dashtodockContainer.top.shrink #dash .dash-item-container:rtl:last-child { margin-left: 0; } #dashtodockContainer.top.shrink #dash .dash-item-container:ltr:last-child, #dashtodockContainer.top.shrink #dash .dash-item-container:rtl:first-child { margin-right: 0; } #dashtodockContainer.top.shrink #dash .dash-item-container .app-well-app, #dashtodockContainer.top.shrink #dash .dash-item-container .grid-search-result, #dashtodockContainer.top.shrink #dash .dash-item-container .show-apps { padding: 1px 1px; padding-top: 7px; padding-bottom: 3px; } #dashtodockContainer.top.shrink #dash .dash-item-container .app-well-app:ltr:first-child, #dashtodockContainer.top.shrink #dash .dash-item-container .grid-search-result:ltr:first-child, #dashtodockContainer.top.shrink #dash .dash-item-container .app-well-app:rtl:last-child, #dashtodockContainer.top.shrink #dash .dash-item-container .grid-search-result:rtl:last-child, #dashtodockContainer.top.shrink #dash .dash-item-container .show-apps:ltr:first-child, #dashtodockContainer.top.shrink #dash .dash-item-container .show-apps:rtl:last-child { padding-left: 0; } #dashtodockContainer.top.shrink #dash .dash-item-container .app-well-app:ltr:last-child, #dashtodockContainer.top.shrink #dash .dash-item-container .grid-search-result:ltr:last-child, #dashtodockContainer.top.shrink #dash .dash-item-container .app-well-app:rtl:first-child, #dashtodockContainer.top.shrink #dash .dash-item-container .grid-search-result:rtl:first-child, #dashtodockContainer.top.shrink #dash .dash-item-container .show-apps:ltr:last-child, #dashtodockContainer.top.shrink #dash .dash-item-container .show-apps:rtl:first-child { padding-right: 0; } #dashtodockContainer.top.shrink #dash .dash-item-container .app-well-app.running .overview-icon, #dashtodockContainer.top.shrink #dash .dash-item-container .running.grid-search-result .overview-icon { background-image: none; } #dashtodockContainer.top.shrink #dash .dash-item-container .app-well-app.focused .overview-icon, #dashtodockContainer.top.shrink #dash .dash-item-container .focused.grid-search-result .overview-icon { background-color: rgba(238, 238, 236, 0.2); } #dashtodockContainer.top.shrink #dash .dash-item-container .app-well-app .app-well-app-running-dot, #dashtodockContainer.top.shrink #dash .dash-item-container .grid-search-result .app-well-app-running-dot { margin-bottom: 2px; } #dashtodockContainer.top.shrink #dash .dash-item-container > StButton { transition-duration: 250; background-size: contain; } #dashtodockContainer.top.shrink.fixed #dash .dash-background { margin-bottom: 1px; } #dashtodockContainer.top.shrink.fixed #dash .dash-item-container .app-well-app, #dashtodockContainer.top.shrink.fixed #dash .dash-item-container .grid-search-result, #dashtodockContainer.top.shrink.fixed #dash .dash-item-container .show-apps { padding-bottom: 4px; } .dash-label.top.shrink { margin-top: 3px; -x-offset: 0; -y-offset: 0; } #dashtodockContainer.top.extended #dash { margin: 0px; padding: 0px; } #dashtodockContainer.top.extended #dash .dash-background { margin: 0; margin-top: 0; padding: 0; border-radius: 0; spacing: 6px; } #dashtodockContainer.top.extended #dash .dash-separator { background-color: #464646; margin: 0 4px; width: 1px; height: 0; margin-top: 0; } #dashtodockContainer.top.extended #dash #dashtodockDashContainer { padding: 0; padding-top: 0; padding-bottom: 0; } #dashtodockContainer.top.extended #dash #dashtodockDashContainer > :first-child .show-apps { padding-left: 8px; } #dashtodockContainer.top.extended #dash #dashtodockDashContainer #dashtodockDashScrollview:first-child { padding-left: 8px; } #dashtodockContainer.top.extended #dash #dashtodockDashContainer > :last-child .show-apps { padding-right: 8px; } #dashtodockContainer.top.extended #dash #dashtodockDashContainer #dashtodockDashScrollview:last-child { padding-right: 8px; } #dashtodockContainer.top.extended #dash .dash-item-container { /* Disable all margins defined upstream, we handle them here */ margin: 0 2px; } #dashtodockContainer.top.extended #dash .dash-item-container > * { margin: 0; } #dashtodockContainer.top.extended #dash .dash-item-container:ltr:first-child, #dashtodockContainer.top.extended #dash .dash-item-container:rtl:last-child { margin-left: 0; } #dashtodockContainer.top.extended #dash .dash-item-container:ltr:last-child, #dashtodockContainer.top.extended #dash .dash-item-container:rtl:first-child { margin-right: 0; } #dashtodockContainer.top.extended #dash .dash-item-container .app-well-app, #dashtodockContainer.top.extended #dash .dash-item-container .grid-search-result, #dashtodockContainer.top.extended #dash .dash-item-container .show-apps { padding: 2px 2px; padding-top: 10px; padding-bottom: 10px; } #dashtodockContainer.top.extended #dash .dash-item-container .app-well-app:ltr:first-child, #dashtodockContainer.top.extended #dash .dash-item-container .grid-search-result:ltr:first-child, #dashtodockContainer.top.extended #dash .dash-item-container .app-well-app:rtl:last-child, #dashtodockContainer.top.extended #dash .dash-item-container .grid-search-result:rtl:last-child, #dashtodockContainer.top.extended #dash .dash-item-container .show-apps:ltr:first-child, #dashtodockContainer.top.extended #dash .dash-item-container .show-apps:rtl:last-child { padding-left: 0; } #dashtodockContainer.top.extended #dash .dash-item-container .app-well-app:ltr:last-child, #dashtodockContainer.top.extended #dash .dash-item-container .grid-search-result:ltr:last-child, #dashtodockContainer.top.extended #dash .dash-item-container .app-well-app:rtl:first-child, #dashtodockContainer.top.extended #dash .dash-item-container .grid-search-result:rtl:first-child, #dashtodockContainer.top.extended #dash .dash-item-container .show-apps:ltr:last-child, #dashtodockContainer.top.extended #dash .dash-item-container .show-apps:rtl:first-child { padding-right: 0; } #dashtodockContainer.top.extended #dash .dash-item-container .app-well-app.running .overview-icon, #dashtodockContainer.top.extended #dash .dash-item-container .running.grid-search-result .overview-icon { background-image: none; } #dashtodockContainer.top.extended #dash .dash-item-container .app-well-app.focused .overview-icon, #dashtodockContainer.top.extended #dash .dash-item-container .focused.grid-search-result .overview-icon { background-color: rgba(238, 238, 236, 0.2); } #dashtodockContainer.top.extended #dash .dash-item-container .app-well-app .app-well-app-running-dot, #dashtodockContainer.top.extended #dash .dash-item-container .grid-search-result .app-well-app-running-dot { margin-bottom: 2px; } #dashtodockContainer.top.extended #dash .dash-item-container > StButton { transition-duration: 250; background-size: contain; } #dashtodockContainer.top.extended.fixed #dash .dash-background { margin-bottom: 0; } #dashtodockContainer.top.extended.fixed #dash .dash-item-container .app-well-app, #dashtodockContainer.top.extended.fixed #dash .dash-item-container .grid-search-result, #dashtodockContainer.top.extended.fixed #dash .dash-item-container .show-apps { padding-bottom: 10px; } .dash-label.top { margin-top: 10px; -x-offset: 0; -y-offset: 0; } #dashtodockContainer.top.extended.shrink #dash { margin: 0px; padding: 0px; } #dashtodockContainer.top.extended.shrink #dash .dash-background { margin: 0; margin-top: 0; padding: 0; border-radius: 0; spacing: 2px; } #dashtodockContainer.top.extended.shrink #dash .dash-separator { background-color: #464646; margin: 0 1px; width: 1px; height: 0; margin-top: 0; } #dashtodockContainer.top.extended.shrink #dash #dashtodockDashContainer { padding: 0; padding-top: 0; padding-bottom: 0; } #dashtodockContainer.top.extended.shrink #dash #dashtodockDashContainer > :first-child .show-apps { padding-left: 6px; } #dashtodockContainer.top.extended.shrink #dash #dashtodockDashContainer #dashtodockDashScrollview:first-child { padding-left: 6px; } #dashtodockContainer.top.extended.shrink #dash #dashtodockDashContainer > :last-child .show-apps { padding-right: 6px; } #dashtodockContainer.top.extended.shrink #dash #dashtodockDashContainer #dashtodockDashScrollview:last-child { padding-right: 6px; } #dashtodockContainer.top.extended.shrink #dash .dash-item-container { /* Disable all margins defined upstream, we handle them here */ margin: 0 2px; } #dashtodockContainer.top.extended.shrink #dash .dash-item-container > * { margin: 0; } #dashtodockContainer.top.extended.shrink #dash .dash-item-container:ltr:first-child, #dashtodockContainer.top.extended.shrink #dash .dash-item-container:rtl:last-child { margin-left: 0; } #dashtodockContainer.top.extended.shrink #dash .dash-item-container:ltr:last-child, #dashtodockContainer.top.extended.shrink #dash .dash-item-container:rtl:first-child { margin-right: 0; } #dashtodockContainer.top.extended.shrink #dash .dash-item-container .app-well-app, #dashtodockContainer.top.extended.shrink #dash .dash-item-container .grid-search-result, #dashtodockContainer.top.extended.shrink #dash .dash-item-container .show-apps { padding: 1px 1px; padding-top: 3px; padding-bottom: 3px; } #dashtodockContainer.top.extended.shrink #dash .dash-item-container .app-well-app:ltr:first-child, #dashtodockContainer.top.extended.shrink #dash .dash-item-container .grid-search-result:ltr:first-child, #dashtodockContainer.top.extended.shrink #dash .dash-item-container .app-well-app:rtl:last-child, #dashtodockContainer.top.extended.shrink #dash .dash-item-container .grid-search-result:rtl:last-child, #dashtodockContainer.top.extended.shrink #dash .dash-item-container .show-apps:ltr:first-child, #dashtodockContainer.top.extended.shrink #dash .dash-item-container .show-apps:rtl:last-child { padding-left: 0; } #dashtodockContainer.top.extended.shrink #dash .dash-item-container .app-well-app:ltr:last-child, #dashtodockContainer.top.extended.shrink #dash .dash-item-container .grid-search-result:ltr:last-child, #dashtodockContainer.top.extended.shrink #dash .dash-item-container .app-well-app:rtl:first-child, #dashtodockContainer.top.extended.shrink #dash .dash-item-container .grid-search-result:rtl:first-child, #dashtodockContainer.top.extended.shrink #dash .dash-item-container .show-apps:ltr:last-child, #dashtodockContainer.top.extended.shrink #dash .dash-item-container .show-apps:rtl:first-child { padding-right: 0; } #dashtodockContainer.top.extended.shrink #dash .dash-item-container .app-well-app.running .overview-icon, #dashtodockContainer.top.extended.shrink #dash .dash-item-container .running.grid-search-result .overview-icon { background-image: none; } #dashtodockContainer.top.extended.shrink #dash .dash-item-container .app-well-app.focused .overview-icon, #dashtodockContainer.top.extended.shrink #dash .dash-item-container .focused.grid-search-result .overview-icon { background-color: rgba(238, 238, 236, 0.2); } #dashtodockContainer.top.extended.shrink #dash .dash-item-container .app-well-app .app-well-app-running-dot, #dashtodockContainer.top.extended.shrink #dash .dash-item-container .grid-search-result .app-well-app-running-dot { margin-bottom: 2px; } #dashtodockContainer.top.extended.shrink #dash .dash-item-container > StButton { transition-duration: 250; background-size: contain; } #dashtodockContainer.top.extended.shrink.fixed #dash .dash-background { margin-bottom: 0; } #dashtodockContainer.top.extended.shrink.fixed #dash .dash-item-container .app-well-app, #dashtodockContainer.top.extended.shrink.fixed #dash .dash-item-container .grid-search-result, #dashtodockContainer.top.extended.shrink.fixed #dash .dash-item-container .show-apps { padding-bottom: 3px; } .dash-label.top.shrink { margin-top: 3px; -x-offset: 0; -y-offset: 0; } #dashtodockContainer.left #dash { margin: 0px; padding: 0px; } #dashtodockContainer.left #dash .dash-background { margin: 0; margin-left: 4px; padding: 0; border-radius: 18px; spacing: 6px; } #dashtodockContainer.left #dash .dash-separator { background-color: #464646; width: 0; height: 1px; margin: 4px 0; margin-left: 4px; } #dashtodockContainer.left #dash #dashtodockDashContainer { padding: 10px; padding-left: 0; padding-right: 0; } #dashtodockContainer.left #dash .dash-item-container { /* Disable all margins defined upstream, we handle them here */ margin: 2px 0; } #dashtodockContainer.left #dash .dash-item-container > * { margin: 0; } #dashtodockContainer.left #dash .dash-item-container:first-child { margin-top: 0; } #dashtodockContainer.left #dash .dash-item-container:last-child { margin-bottom: 0; } #dashtodockContainer.left #dash .dash-item-container .app-well-app, #dashtodockContainer.left #dash .dash-item-container .grid-search-result, #dashtodockContainer.left #dash .dash-item-container .show-apps { padding: 2px 2px; padding-left: 14px; padding-right: 10px; } #dashtodockContainer.left #dash .dash-item-container .app-well-app:first-child, #dashtodockContainer.left #dash .dash-item-container .grid-search-result:first-child, #dashtodockContainer.left #dash .dash-item-container .show-apps:first-child { padding-top: 0; } #dashtodockContainer.left #dash .dash-item-container .app-well-app:last-child, #dashtodockContainer.left #dash .dash-item-container .grid-search-result:last-child, #dashtodockContainer.left #dash .dash-item-container .show-apps:last-child { padding-bottom: 0; } #dashtodockContainer.left #dash .dash-item-container .app-well-app.running .overview-icon, #dashtodockContainer.left #dash .dash-item-container .running.grid-search-result .overview-icon { background-image: none; } #dashtodockContainer.left #dash .dash-item-container .app-well-app.focused .overview-icon, #dashtodockContainer.left #dash .dash-item-container .focused.grid-search-result .overview-icon { background-color: rgba(238, 238, 236, 0.2); } #dashtodockContainer.left #dash .dash-item-container .app-well-app .app-well-app-running-dot, #dashtodockContainer.left #dash .dash-item-container .grid-search-result .app-well-app-running-dot { margin-bottom: 2px; } #dashtodockContainer.left #dash .dash-item-container > StButton { transition-duration: 250; background-size: contain; } #dashtodockContainer.left.fixed #dash .dash-background { margin-right: 4px; } #dashtodockContainer.left.fixed #dash .dash-item-container .app-well-app, #dashtodockContainer.left.fixed #dash .dash-item-container .grid-search-result, #dashtodockContainer.left.fixed #dash .dash-item-container .show-apps { padding-right: 14px; } .dash-label.left { margin: 0; -x-offset: 10px; -y-offset: 0; } #dashtodockContainer.left.shrink #dash { margin: 0px; padding: 0px; } #dashtodockContainer.left.shrink #dash .dash-background { margin: 0; margin-left: 4px; padding: 0; border-radius: 14px; spacing: 2px; } #dashtodockContainer.left.shrink #dash .dash-separator { background-color: #464646; width: 0; height: 1px; margin: 1px 0; margin-left: 4px; } #dashtodockContainer.left.shrink #dash #dashtodockDashContainer { padding: 3px; padding-left: 0; padding-right: 0; } #dashtodockContainer.left.shrink #dash .dash-item-container { /* Disable all margins defined upstream, we handle them here */ margin: 2px 0; } #dashtodockContainer.left.shrink #dash .dash-item-container > * { margin: 0; } #dashtodockContainer.left.shrink #dash .dash-item-container:first-child { margin-top: 0; } #dashtodockContainer.left.shrink #dash .dash-item-container:last-child { margin-bottom: 0; } #dashtodockContainer.left.shrink #dash .dash-item-container .app-well-app, #dashtodockContainer.left.shrink #dash .dash-item-container .grid-search-result, #dashtodockContainer.left.shrink #dash .dash-item-container .show-apps { padding: 1px 1px; padding-left: 7px; padding-right: 3px; } #dashtodockContainer.left.shrink #dash .dash-item-container .app-well-app:first-child, #dashtodockContainer.left.shrink #dash .dash-item-container .grid-search-result:first-child, #dashtodockContainer.left.shrink #dash .dash-item-container .show-apps:first-child { padding-top: 0; } #dashtodockContainer.left.shrink #dash .dash-item-container .app-well-app:last-child, #dashtodockContainer.left.shrink #dash .dash-item-container .grid-search-result:last-child, #dashtodockContainer.left.shrink #dash .dash-item-container .show-apps:last-child { padding-bottom: 0; } #dashtodockContainer.left.shrink #dash .dash-item-container .app-well-app.running .overview-icon, #dashtodockContainer.left.shrink #dash .dash-item-container .running.grid-search-result .overview-icon { background-image: none; } #dashtodockContainer.left.shrink #dash .dash-item-container .app-well-app.focused .overview-icon, #dashtodockContainer.left.shrink #dash .dash-item-container .focused.grid-search-result .overview-icon { background-color: rgba(238, 238, 236, 0.2); } #dashtodockContainer.left.shrink #dash .dash-item-container .app-well-app .app-well-app-running-dot, #dashtodockContainer.left.shrink #dash .dash-item-container .grid-search-result .app-well-app-running-dot { margin-bottom: 2px; } #dashtodockContainer.left.shrink #dash .dash-item-container > StButton { transition-duration: 250; background-size: contain; } #dashtodockContainer.left.shrink.fixed #dash .dash-background { margin-right: 1px; } #dashtodockContainer.left.shrink.fixed #dash .dash-item-container .app-well-app, #dashtodockContainer.left.shrink.fixed #dash .dash-item-container .grid-search-result, #dashtodockContainer.left.shrink.fixed #dash .dash-item-container .show-apps { padding-right: 4px; } .dash-label.left.shrink { margin: 0; -x-offset: 3px; -y-offset: 0; } #dashtodockContainer.left.extended #dash { margin: 0px; padding: 0px; } #dashtodockContainer.left.extended #dash .dash-background { margin: 0; margin-left: 0; padding: 0; border-radius: 0; spacing: 6px; } #dashtodockContainer.left.extended #dash .dash-separator { background-color: #464646; width: 0; height: 1px; margin: 4px 0; margin-left: 0; } #dashtodockContainer.left.extended #dash #dashtodockDashContainer { padding: 0; padding-left: 0; padding-right: 0; } #dashtodockContainer.left.extended #dash #dashtodockDashContainer > :first-child .show-apps { padding-top: 8px; } #dashtodockContainer.left.extended #dash #dashtodockDashContainer #dashtodockDashScrollview:first-child { padding-top: 8px; } #dashtodockContainer.left.extended #dash #dashtodockDashContainer > :last-child .show-apps { padding-bottom: 8px; } #dashtodockContainer.left.extended #dash #dashtodockDashContainer #dashtodockDashScrollview:last-child { padding-bottom: 8px; } #dashtodockContainer.left.extended #dash .dash-item-container { /* Disable all margins defined upstream, we handle them here */ margin: 2px 0; } #dashtodockContainer.left.extended #dash .dash-item-container > * { margin: 0; } #dashtodockContainer.left.extended #dash .dash-item-container:first-child { margin-top: 0; } #dashtodockContainer.left.extended #dash .dash-item-container:last-child { margin-bottom: 0; } #dashtodockContainer.left.extended #dash .dash-item-container .app-well-app, #dashtodockContainer.left.extended #dash .dash-item-container .grid-search-result, #dashtodockContainer.left.extended #dash .dash-item-container .show-apps { padding: 2px 2px; padding-left: 10px; padding-right: 10px; } #dashtodockContainer.left.extended #dash .dash-item-container .app-well-app:first-child, #dashtodockContainer.left.extended #dash .dash-item-container .grid-search-result:first-child, #dashtodockContainer.left.extended #dash .dash-item-container .show-apps:first-child { padding-top: 0; } #dashtodockContainer.left.extended #dash .dash-item-container .app-well-app:last-child, #dashtodockContainer.left.extended #dash .dash-item-container .grid-search-result:last-child, #dashtodockContainer.left.extended #dash .dash-item-container .show-apps:last-child { padding-bottom: 0; } #dashtodockContainer.left.extended #dash .dash-item-container .app-well-app.running .overview-icon, #dashtodockContainer.left.extended #dash .dash-item-container .running.grid-search-result .overview-icon { background-image: none; } #dashtodockContainer.left.extended #dash .dash-item-container .app-well-app.focused .overview-icon, #dashtodockContainer.left.extended #dash .dash-item-container .focused.grid-search-result .overview-icon { background-color: rgba(238, 238, 236, 0.2); } #dashtodockContainer.left.extended #dash .dash-item-container .app-well-app .app-well-app-running-dot, #dashtodockContainer.left.extended #dash .dash-item-container .grid-search-result .app-well-app-running-dot { margin-bottom: 2px; } #dashtodockContainer.left.extended #dash .dash-item-container > StButton { transition-duration: 250; background-size: contain; } #dashtodockContainer.left.extended.fixed #dash .dash-background { margin-right: 0; } #dashtodockContainer.left.extended.fixed #dash .dash-item-container .app-well-app, #dashtodockContainer.left.extended.fixed #dash .dash-item-container .grid-search-result, #dashtodockContainer.left.extended.fixed #dash .dash-item-container .show-apps { padding-right: 10px; } .dash-label.left { margin: 0; -x-offset: 10px; -y-offset: 0; } #dashtodockContainer.left.extended.shrink #dash { margin: 0px; padding: 0px; } #dashtodockContainer.left.extended.shrink #dash .dash-background { margin: 0; margin-left: 0; padding: 0; border-radius: 0; spacing: 2px; } #dashtodockContainer.left.extended.shrink #dash .dash-separator { background-color: #464646; width: 0; height: 1px; margin: 1px 0; margin-left: 0; } #dashtodockContainer.left.extended.shrink #dash #dashtodockDashContainer { padding: 0; padding-left: 0; padding-right: 0; } #dashtodockContainer.left.extended.shrink #dash #dashtodockDashContainer > :first-child .show-apps { padding-top: 6px; } #dashtodockContainer.left.extended.shrink #dash #dashtodockDashContainer #dashtodockDashScrollview:first-child { padding-top: 6px; } #dashtodockContainer.left.extended.shrink #dash #dashtodockDashContainer > :last-child .show-apps { padding-bottom: 6px; } #dashtodockContainer.left.extended.shrink #dash #dashtodockDashContainer #dashtodockDashScrollview:last-child { padding-bottom: 6px; } #dashtodockContainer.left.extended.shrink #dash .dash-item-container { /* Disable all margins defined upstream, we handle them here */ margin: 2px 0; } #dashtodockContainer.left.extended.shrink #dash .dash-item-container > * { margin: 0; } #dashtodockContainer.left.extended.shrink #dash .dash-item-container:first-child { margin-top: 0; } #dashtodockContainer.left.extended.shrink #dash .dash-item-container:last-child { margin-bottom: 0; } #dashtodockContainer.left.extended.shrink #dash .dash-item-container .app-well-app, #dashtodockContainer.left.extended.shrink #dash .dash-item-container .grid-search-result, #dashtodockContainer.left.extended.shrink #dash .dash-item-container .show-apps { padding: 1px 1px; padding-left: 3px; padding-right: 3px; } #dashtodockContainer.left.extended.shrink #dash .dash-item-container .app-well-app:first-child, #dashtodockContainer.left.extended.shrink #dash .dash-item-container .grid-search-result:first-child, #dashtodockContainer.left.extended.shrink #dash .dash-item-container .show-apps:first-child { padding-top: 0; } #dashtodockContainer.left.extended.shrink #dash .dash-item-container .app-well-app:last-child, #dashtodockContainer.left.extended.shrink #dash .dash-item-container .grid-search-result:last-child, #dashtodockContainer.left.extended.shrink #dash .dash-item-container .show-apps:last-child { padding-bottom: 0; } #dashtodockContainer.left.extended.shrink #dash .dash-item-container .app-well-app.running .overview-icon, #dashtodockContainer.left.extended.shrink #dash .dash-item-container .running.grid-search-result .overview-icon { background-image: none; } #dashtodockContainer.left.extended.shrink #dash .dash-item-container .app-well-app.focused .overview-icon, #dashtodockContainer.left.extended.shrink #dash .dash-item-container .focused.grid-search-result .overview-icon { background-color: rgba(238, 238, 236, 0.2); } #dashtodockContainer.left.extended.shrink #dash .dash-item-container .app-well-app .app-well-app-running-dot, #dashtodockContainer.left.extended.shrink #dash .dash-item-container .grid-search-result .app-well-app-running-dot { margin-bottom: 2px; } #dashtodockContainer.left.extended.shrink #dash .dash-item-container > StButton { transition-duration: 250; background-size: contain; } #dashtodockContainer.left.extended.shrink.fixed #dash .dash-background { margin-right: 0; } #dashtodockContainer.left.extended.shrink.fixed #dash .dash-item-container .app-well-app, #dashtodockContainer.left.extended.shrink.fixed #dash .dash-item-container .grid-search-result, #dashtodockContainer.left.extended.shrink.fixed #dash .dash-item-container .show-apps { padding-right: 3px; } .dash-label.left.shrink { margin: 0; -x-offset: 3px; -y-offset: 0; } #dashtodockContainer.right #dash { margin: 0px; padding: 0px; } #dashtodockContainer.right #dash .dash-background { margin: 0; margin-right: 4px; padding: 0; border-radius: 18px; spacing: 6px; } #dashtodockContainer.right #dash .dash-separator { background-color: #464646; width: 0; height: 1px; margin: 4px 0; margin-right: 4px; } #dashtodockContainer.right #dash #dashtodockDashContainer { padding: 10px; padding-right: 0; padding-left: 0; } #dashtodockContainer.right #dash .dash-item-container { /* Disable all margins defined upstream, we handle them here */ margin: 2px 0; } #dashtodockContainer.right #dash .dash-item-container > * { margin: 0; } #dashtodockContainer.right #dash .dash-item-container:first-child { margin-top: 0; } #dashtodockContainer.right #dash .dash-item-container:last-child { margin-bottom: 0; } #dashtodockContainer.right #dash .dash-item-container .app-well-app, #dashtodockContainer.right #dash .dash-item-container .grid-search-result, #dashtodockContainer.right #dash .dash-item-container .show-apps { padding: 2px 2px; padding-right: 14px; padding-left: 10px; } #dashtodockContainer.right #dash .dash-item-container .app-well-app:first-child, #dashtodockContainer.right #dash .dash-item-container .grid-search-result:first-child, #dashtodockContainer.right #dash .dash-item-container .show-apps:first-child { padding-top: 0; } #dashtodockContainer.right #dash .dash-item-container .app-well-app:last-child, #dashtodockContainer.right #dash .dash-item-container .grid-search-result:last-child, #dashtodockContainer.right #dash .dash-item-container .show-apps:last-child { padding-bottom: 0; } #dashtodockContainer.right #dash .dash-item-container .app-well-app.running .overview-icon, #dashtodockContainer.right #dash .dash-item-container .running.grid-search-result .overview-icon { background-image: none; } #dashtodockContainer.right #dash .dash-item-container .app-well-app.focused .overview-icon, #dashtodockContainer.right #dash .dash-item-container .focused.grid-search-result .overview-icon { background-color: rgba(238, 238, 236, 0.2); } #dashtodockContainer.right #dash .dash-item-container .app-well-app .app-well-app-running-dot, #dashtodockContainer.right #dash .dash-item-container .grid-search-result .app-well-app-running-dot { margin-bottom: 2px; } #dashtodockContainer.right #dash .dash-item-container > StButton { transition-duration: 250; background-size: contain; } #dashtodockContainer.right.fixed #dash .dash-background { margin-left: 4px; } #dashtodockContainer.right.fixed #dash .dash-item-container .app-well-app, #dashtodockContainer.right.fixed #dash .dash-item-container .grid-search-result, #dashtodockContainer.right.fixed #dash .dash-item-container .show-apps { padding-left: 14px; } .dash-label.right { margin: 0; -x-offset: 10px; -y-offset: 0; } #dashtodockContainer.right.shrink #dash { margin: 0px; padding: 0px; } #dashtodockContainer.right.shrink #dash .dash-background { margin: 0; margin-right: 4px; padding: 0; border-radius: 14px; spacing: 2px; } #dashtodockContainer.right.shrink #dash .dash-separator { background-color: #464646; width: 0; height: 1px; margin: 1px 0; margin-right: 4px; } #dashtodockContainer.right.shrink #dash #dashtodockDashContainer { padding: 3px; padding-right: 0; padding-left: 0; } #dashtodockContainer.right.shrink #dash .dash-item-container { /* Disable all margins defined upstream, we handle them here */ margin: 2px 0; } #dashtodockContainer.right.shrink #dash .dash-item-container > * { margin: 0; } #dashtodockContainer.right.shrink #dash .dash-item-container:first-child { margin-top: 0; } #dashtodockContainer.right.shrink #dash .dash-item-container:last-child { margin-bottom: 0; } #dashtodockContainer.right.shrink #dash .dash-item-container .app-well-app, #dashtodockContainer.right.shrink #dash .dash-item-container .grid-search-result, #dashtodockContainer.right.shrink #dash .dash-item-container .show-apps { padding: 1px 1px; padding-right: 7px; padding-left: 3px; } #dashtodockContainer.right.shrink #dash .dash-item-container .app-well-app:first-child, #dashtodockContainer.right.shrink #dash .dash-item-container .grid-search-result:first-child, #dashtodockContainer.right.shrink #dash .dash-item-container .show-apps:first-child { padding-top: 0; } #dashtodockContainer.right.shrink #dash .dash-item-container .app-well-app:last-child, #dashtodockContainer.right.shrink #dash .dash-item-container .grid-search-result:last-child, #dashtodockContainer.right.shrink #dash .dash-item-container .show-apps:last-child { padding-bottom: 0; } #dashtodockContainer.right.shrink #dash .dash-item-container .app-well-app.running .overview-icon, #dashtodockContainer.right.shrink #dash .dash-item-container .running.grid-search-result .overview-icon { background-image: none; } #dashtodockContainer.right.shrink #dash .dash-item-container .app-well-app.focused .overview-icon, #dashtodockContainer.right.shrink #dash .dash-item-container .focused.grid-search-result .overview-icon { background-color: rgba(238, 238, 236, 0.2); } #dashtodockContainer.right.shrink #dash .dash-item-container .app-well-app .app-well-app-running-dot, #dashtodockContainer.right.shrink #dash .dash-item-container .grid-search-result .app-well-app-running-dot { margin-bottom: 2px; } #dashtodockContainer.right.shrink #dash .dash-item-container > StButton { transition-duration: 250; background-size: contain; } #dashtodockContainer.right.shrink.fixed #dash .dash-background { margin-left: 1px; } #dashtodockContainer.right.shrink.fixed #dash .dash-item-container .app-well-app, #dashtodockContainer.right.shrink.fixed #dash .dash-item-container .grid-search-result, #dashtodockContainer.right.shrink.fixed #dash .dash-item-container .show-apps { padding-left: 4px; } .dash-label.right.shrink { margin: 0; -x-offset: 3px; -y-offset: 0; } #dashtodockContainer.right.extended #dash { margin: 0px; padding: 0px; } #dashtodockContainer.right.extended #dash .dash-background { margin: 0; margin-right: 0; padding: 0; border-radius: 0; spacing: 6px; } #dashtodockContainer.right.extended #dash .dash-separator { background-color: #464646; width: 0; height: 1px; margin: 4px 0; margin-right: 0; } #dashtodockContainer.right.extended #dash #dashtodockDashContainer { padding: 0; padding-right: 0; padding-left: 0; } #dashtodockContainer.right.extended #dash #dashtodockDashContainer > :first-child .show-apps { padding-top: 8px; } #dashtodockContainer.right.extended #dash #dashtodockDashContainer #dashtodockDashScrollview:first-child { padding-top: 8px; } #dashtodockContainer.right.extended #dash #dashtodockDashContainer > :last-child .show-apps { padding-bottom: 8px; } #dashtodockContainer.right.extended #dash #dashtodockDashContainer #dashtodockDashScrollview:last-child { padding-bottom: 8px; } #dashtodockContainer.right.extended #dash .dash-item-container { /* Disable all margins defined upstream, we handle them here */ margin: 2px 0; } #dashtodockContainer.right.extended #dash .dash-item-container > * { margin: 0; } #dashtodockContainer.right.extended #dash .dash-item-container:first-child { margin-top: 0; } #dashtodockContainer.right.extended #dash .dash-item-container:last-child { margin-bottom: 0; } #dashtodockContainer.right.extended #dash .dash-item-container .app-well-app, #dashtodockContainer.right.extended #dash .dash-item-container .grid-search-result, #dashtodockContainer.right.extended #dash .dash-item-container .show-apps { padding: 2px 2px; padding-right: 10px; padding-left: 10px; } #dashtodockContainer.right.extended #dash .dash-item-container .app-well-app:first-child, #dashtodockContainer.right.extended #dash .dash-item-container .grid-search-result:first-child, #dashtodockContainer.right.extended #dash .dash-item-container .show-apps:first-child { padding-top: 0; } #dashtodockContainer.right.extended #dash .dash-item-container .app-well-app:last-child, #dashtodockContainer.right.extended #dash .dash-item-container .grid-search-result:last-child, #dashtodockContainer.right.extended #dash .dash-item-container .show-apps:last-child { padding-bottom: 0; } #dashtodockContainer.right.extended #dash .dash-item-container .app-well-app.running .overview-icon, #dashtodockContainer.right.extended #dash .dash-item-container .running.grid-search-result .overview-icon { background-image: none; } #dashtodockContainer.right.extended #dash .dash-item-container .app-well-app.focused .overview-icon, #dashtodockContainer.right.extended #dash .dash-item-container .focused.grid-search-result .overview-icon { background-color: rgba(238, 238, 236, 0.2); } #dashtodockContainer.right.extended #dash .dash-item-container .app-well-app .app-well-app-running-dot, #dashtodockContainer.right.extended #dash .dash-item-container .grid-search-result .app-well-app-running-dot { margin-bottom: 2px; } #dashtodockContainer.right.extended #dash .dash-item-container > StButton { transition-duration: 250; background-size: contain; } #dashtodockContainer.right.extended.fixed #dash .dash-background { margin-left: 0; } #dashtodockContainer.right.extended.fixed #dash .dash-item-container .app-well-app, #dashtodockContainer.right.extended.fixed #dash .dash-item-container .grid-search-result, #dashtodockContainer.right.extended.fixed #dash .dash-item-container .show-apps { padding-left: 10px; } .dash-label.right { margin: 0; -x-offset: 10px; -y-offset: 0; } #dashtodockContainer.right.extended.shrink #dash { margin: 0px; padding: 0px; } #dashtodockContainer.right.extended.shrink #dash .dash-background { margin: 0; margin-right: 0; padding: 0; border-radius: 0; spacing: 2px; } #dashtodockContainer.right.extended.shrink #dash .dash-separator { background-color: #464646; width: 0; height: 1px; margin: 1px 0; margin-right: 0; } #dashtodockContainer.right.extended.shrink #dash #dashtodockDashContainer { padding: 0; padding-right: 0; padding-left: 0; } #dashtodockContainer.right.extended.shrink #dash #dashtodockDashContainer > :first-child .show-apps { padding-top: 6px; } #dashtodockContainer.right.extended.shrink #dash #dashtodockDashContainer #dashtodockDashScrollview:first-child { padding-top: 6px; } #dashtodockContainer.right.extended.shrink #dash #dashtodockDashContainer > :last-child .show-apps { padding-bottom: 6px; } #dashtodockContainer.right.extended.shrink #dash #dashtodockDashContainer #dashtodockDashScrollview:last-child { padding-bottom: 6px; } #dashtodockContainer.right.extended.shrink #dash .dash-item-container { /* Disable all margins defined upstream, we handle them here */ margin: 2px 0; } #dashtodockContainer.right.extended.shrink #dash .dash-item-container > * { margin: 0; } #dashtodockContainer.right.extended.shrink #dash .dash-item-container:first-child { margin-top: 0; } #dashtodockContainer.right.extended.shrink #dash .dash-item-container:last-child { margin-bottom: 0; } #dashtodockContainer.right.extended.shrink #dash .dash-item-container .app-well-app, #dashtodockContainer.right.extended.shrink #dash .dash-item-container .grid-search-result, #dashtodockContainer.right.extended.shrink #dash .dash-item-container .show-apps { padding: 1px 1px; padding-right: 3px; padding-left: 3px; } #dashtodockContainer.right.extended.shrink #dash .dash-item-container .app-well-app:first-child, #dashtodockContainer.right.extended.shrink #dash .dash-item-container .grid-search-result:first-child, #dashtodockContainer.right.extended.shrink #dash .dash-item-container .show-apps:first-child { padding-top: 0; } #dashtodockContainer.right.extended.shrink #dash .dash-item-container .app-well-app:last-child, #dashtodockContainer.right.extended.shrink #dash .dash-item-container .grid-search-result:last-child, #dashtodockContainer.right.extended.shrink #dash .dash-item-container .show-apps:last-child { padding-bottom: 0; } #dashtodockContainer.right.extended.shrink #dash .dash-item-container .app-well-app.running .overview-icon, #dashtodockContainer.right.extended.shrink #dash .dash-item-container .running.grid-search-result .overview-icon { background-image: none; } #dashtodockContainer.right.extended.shrink #dash .dash-item-container .app-well-app.focused .overview-icon, #dashtodockContainer.right.extended.shrink #dash .dash-item-container .focused.grid-search-result .overview-icon { background-color: rgba(238, 238, 236, 0.2); } #dashtodockContainer.right.extended.shrink #dash .dash-item-container .app-well-app .app-well-app-running-dot, #dashtodockContainer.right.extended.shrink #dash .dash-item-container .grid-search-result .app-well-app-running-dot { margin-bottom: 2px; } #dashtodockContainer.right.extended.shrink #dash .dash-item-container > StButton { transition-duration: 250; background-size: contain; } #dashtodockContainer.right.extended.shrink.fixed #dash .dash-background { margin-left: 0; } #dashtodockContainer.right.extended.shrink.fixed #dash .dash-item-container .app-well-app, #dashtodockContainer.right.extended.shrink.fixed #dash .dash-item-container .grid-search-result, #dashtodockContainer.right.extended.shrink.fixed #dash .dash-item-container .show-apps { padding-left: 3px; } .dash-label.right.shrink { margin: 0; -x-offset: 3px; -y-offset: 0; } #dashtodockContainer.top.shrink #dash .dash-background { margin-top: 4px; margin-bottom: 0; } #dashtodockContainer.straight-corner #dash .dash-background, #dashtodockContainer.shrink.straight-corner #dash .dash-background { border-radius: 0px; } /* Scrollview style */ .bottom #dashtodockDashScrollview, .top #dashtodockDashScrollview { -st-hfade-offset: 24px; } .left #dashtodockDashScrollview, .right #dashtodockDashScrollview { -st-vfade-offset: 24px; } #dashtodockContainer.dashtodock #dash .dash-background { background: #1d1d1d; } #dashtodockContainer.dashtodock .progress-bar { /* Customization of the progress bar style, e.g.: -progress-bar-background: rgba(0.8, 0.8, 0.8, 1); -progress-bar-border: rgba(0.9, 0.9, 0.9, 1); */ } #dashtodockContainer.top #dash .placeholder, #dashtodockContainer.bottom #dash .placeholder { width: 32px; height: 1px; } /* * This is applied to a dummy actor. Only the alpha value for the background and border color * and the transition-duration are used */ #dashtodockContainer.dummy-opaque { background-color: rgba(0, 0, 0, 0.8); border-color: rgba(0, 0, 0, 0.4); transition-duration: 300ms; } /* * This is applied to a dummy actor. Only the alpha value for the background and border color * and the transition-duration are used */ #dashtodockContainer.dummy-transparent { background-color: rgba(0, 0, 0, 0.2); border-color: rgba(0, 0, 0, 0.1); transition-duration: 500ms; } #dashtodockContainer .number-overlay { color: white; background-color: rgba(0, 0, 0, 0.8); text-align: center; } #dashtodockContainer .notification-badge { color: white; background-color: red; padding: 0.2em 0.5em; border-radius: 1em; font-weight: bold; text-align: center; margin: 2px; } #dashtodockPreviewSeparator.popup-separator-menu-item-horizontal { width: 1px; height: auto; border-right-width: 1px; margin: 32px 0px; } .dashtodock-app-well-preview-menu-item { padding: 1em 1em 0.5em 1em; } #dashtodockContainer .metro .overview-icon { border-radius: 0px; } #dashtodockContainer.bottom .metro.running2.focused, #dashtodockContainer.top .metro.running2.focused { background-image: url("./media/highlight_stacked_bg.svg"); background-position: 0px 0px; background-size: contain; } #dashtodockContainer.left .metro.running2.focused, #dashtodockContainer.right .metro.running2.focused { background-image: url("./media/highlight_stacked_bg_h.svg"); background-position: 0px 0px; background-size: contain; } #dashtodockContainer.bottom .metro.running3.focused, #dashtodockContainer.top .metro.running3.focused { background-image: url("./media/highlight_stacked_bg.svg"); background-position: 0px 0px; background-size: contain; } #dashtodockContainer.left .metro.running3.focused, #dashtodockContainer.right .metro.running3.focused { background-image: url("./media/highlight_stacked_bg_h.svg"); background-position: 0px 0px; background-size: contain; } #dashtodockContainer.bottom .metro.running4.focused, #dashtodockContainer.top .metro.running4.focused { background-image: url("./media/highlight_stacked_bg.svg"); background-position: 0px 0px; background-size: contain; } #dashtodockContainer.left .metro.running4.focused, #dashtodockContainer.right .metro.running4.focused { background-image: url("./media/highlight_stacked_bg_h.svg"); background-position: 0px 0px; background-size: contain; } /* Yaru Dock styling */ #dashtodockContainer.bottom #dash, #dashtodockContainer.bottom.dashtodock #dash, #dashtodockContainer.bottom.shrink #dash { margin: 0px; padding: 0px; } #dashtodockContainer.bottom #dash .dash-background, #dashtodockContainer.bottom.dashtodock #dash .dash-background, #dashtodockContainer.bottom.shrink #dash .dash-background { background: rgba(19, 19, 19, 0.75); transition-duration: 250ms; } #dashtodockContainer.bottom #dash .dash-separator, #dashtodockContainer.bottom.dashtodock #dash .dash-separator, #dashtodockContainer.bottom.shrink #dash .dash-separator { background: rgba(238, 238, 236, 0.3); } #dashtodockContainer.bottom.overview #dash .dash-background, #dashtodockContainer.bottom.overview.dashtodock #dash .dash-background, #dashtodockContainer.bottom.overview.shrink #dash .dash-background { background-color: #131313; } #dashtodockContainer.bottom.extended #dash .dash-background, #dashtodockContainer.bottom.extended.dashtodock #dash .dash-background, #dashtodockContainer.bottom.extended.shrink #dash .dash-background { border: none; } #dashtodockContainer.bottom .dash-item-container .show-apps, #dashtodockContainer.bottom .dash-item-container .app-well-app, #dashtodockContainer.bottom .dash-item-container .grid-search-result { border-radius: 18px; } #dashtodockContainer.bottom .dash-item-container .show-apps:active .overview-icon, #dashtodockContainer.bottom .dash-item-container .show-apps:checked .overview-icon, #dashtodockContainer.bottom .dash-item-container .app-well-app:active .overview-icon, #dashtodockContainer.bottom .dash-item-container .grid-search-result:active .overview-icon, #dashtodockContainer.bottom .dash-item-container .app-well-app:checked .overview-icon, #dashtodockContainer.bottom .dash-item-container .grid-search-result:checked .overview-icon { background-color: rgba(255, 255, 255, 0.25); box-shadow: none; } #dashtodockContainer.bottom .notification-badge { background-color: #109b26; border: 1px solid #0c6d1a; box-shadow: -1px 1px 5px 0px rgba(0, 0, 0, 0.5); } #dashtodockContainer.top #dash, #dashtodockContainer.top.dashtodock #dash, #dashtodockContainer.top.shrink #dash { margin: 0px; padding: 0px; } #dashtodockContainer.top #dash .dash-background, #dashtodockContainer.top.dashtodock #dash .dash-background, #dashtodockContainer.top.shrink #dash .dash-background { background: rgba(19, 19, 19, 0.75); transition-duration: 250ms; } #dashtodockContainer.top #dash .dash-separator, #dashtodockContainer.top.dashtodock #dash .dash-separator, #dashtodockContainer.top.shrink #dash .dash-separator { background: rgba(238, 238, 236, 0.3); } #dashtodockContainer.top.overview #dash .dash-background, #dashtodockContainer.top.overview.dashtodock #dash .dash-background, #dashtodockContainer.top.overview.shrink #dash .dash-background { background-color: #131313; } #dashtodockContainer.top.extended #dash .dash-background, #dashtodockContainer.top.extended.dashtodock #dash .dash-background, #dashtodockContainer.top.extended.shrink #dash .dash-background { border: none; } #dashtodockContainer.top .dash-item-container .show-apps, #dashtodockContainer.top .dash-item-container .app-well-app, #dashtodockContainer.top .dash-item-container .grid-search-result { border-radius: 18px; } #dashtodockContainer.top .dash-item-container .show-apps:active .overview-icon, #dashtodockContainer.top .dash-item-container .show-apps:checked .overview-icon, #dashtodockContainer.top .dash-item-container .app-well-app:active .overview-icon, #dashtodockContainer.top .dash-item-container .grid-search-result:active .overview-icon, #dashtodockContainer.top .dash-item-container .app-well-app:checked .overview-icon, #dashtodockContainer.top .dash-item-container .grid-search-result:checked .overview-icon { background-color: rgba(255, 255, 255, 0.25); box-shadow: none; } #dashtodockContainer.top .notification-badge { background-color: #109b26; border: 1px solid #0c6d1a; box-shadow: -1px 1px 5px 0px rgba(0, 0, 0, 0.5); } #dashtodockContainer.left #dash, #dashtodockContainer.left.dashtodock #dash, #dashtodockContainer.left.shrink #dash { margin: 0px; padding: 0px; } #dashtodockContainer.left #dash .dash-background, #dashtodockContainer.left.dashtodock #dash .dash-background, #dashtodockContainer.left.shrink #dash .dash-background { background: rgba(19, 19, 19, 0.75); transition-duration: 250ms; } #dashtodockContainer.left #dash .dash-separator, #dashtodockContainer.left.dashtodock #dash .dash-separator, #dashtodockContainer.left.shrink #dash .dash-separator { background: rgba(238, 238, 236, 0.3); } #dashtodockContainer.left.overview #dash .dash-background, #dashtodockContainer.left.overview.dashtodock #dash .dash-background, #dashtodockContainer.left.overview.shrink #dash .dash-background { background-color: #131313; } #dashtodockContainer.left.extended #dash .dash-background, #dashtodockContainer.left.extended.dashtodock #dash .dash-background, #dashtodockContainer.left.extended.shrink #dash .dash-background { border: none; } #dashtodockContainer.left .dash-item-container .show-apps, #dashtodockContainer.left .dash-item-container .app-well-app, #dashtodockContainer.left .dash-item-container .grid-search-result { border-radius: 18px; } #dashtodockContainer.left .dash-item-container .show-apps:active .overview-icon, #dashtodockContainer.left .dash-item-container .show-apps:checked .overview-icon, #dashtodockContainer.left .dash-item-container .app-well-app:active .overview-icon, #dashtodockContainer.left .dash-item-container .grid-search-result:active .overview-icon, #dashtodockContainer.left .dash-item-container .app-well-app:checked .overview-icon, #dashtodockContainer.left .dash-item-container .grid-search-result:checked .overview-icon { background-color: rgba(255, 255, 255, 0.25); box-shadow: none; } #dashtodockContainer.left .notification-badge { background-color: #109b26; border: 1px solid #0c6d1a; box-shadow: -1px 1px 5px 0px rgba(0, 0, 0, 0.5); } #dashtodockContainer.right #dash, #dashtodockContainer.right.dashtodock #dash, #dashtodockContainer.right.shrink #dash { margin: 0px; padding: 0px; } #dashtodockContainer.right #dash .dash-background, #dashtodockContainer.right.dashtodock #dash .dash-background, #dashtodockContainer.right.shrink #dash .dash-background { background: rgba(19, 19, 19, 0.75); transition-duration: 250ms; } #dashtodockContainer.right #dash .dash-separator, #dashtodockContainer.right.dashtodock #dash .dash-separator, #dashtodockContainer.right.shrink #dash .dash-separator { background: rgba(238, 238, 236, 0.3); } #dashtodockContainer.right.overview #dash .dash-background, #dashtodockContainer.right.overview.dashtodock #dash .dash-background, #dashtodockContainer.right.overview.shrink #dash .dash-background { background-color: #131313; } #dashtodockContainer.right.extended #dash .dash-background, #dashtodockContainer.right.extended.dashtodock #dash .dash-background, #dashtodockContainer.right.extended.shrink #dash .dash-background { border: none; } #dashtodockContainer.right .dash-item-container .show-apps, #dashtodockContainer.right .dash-item-container .app-well-app, #dashtodockContainer.right .dash-item-container .grid-search-result { border-radius: 18px; } #dashtodockContainer.right .dash-item-container .show-apps:active .overview-icon, #dashtodockContainer.right .dash-item-container .show-apps:checked .overview-icon, #dashtodockContainer.right .dash-item-container .app-well-app:active .overview-icon, #dashtodockContainer.right .dash-item-container .grid-search-result:active .overview-icon, #dashtodockContainer.right .dash-item-container .app-well-app:checked .overview-icon, #dashtodockContainer.right .dash-item-container .grid-search-result:checked .overview-icon { background-color: rgba(255, 255, 255, 0.25); box-shadow: none; } #dashtodockContainer.right .notification-badge { background-color: #109b26; border: 1px solid #0c6d1a; box-shadow: -1px 1px 5px 0px rgba(0, 0, 0, 0.5); } (uuay)gnome-shell-purple.css K� /* This stylesheet is generated, DO NOT EDIT */ /* Copyright 2009, 2015 Red Hat, Inc. * * Portions adapted from Mx's data/style/default.css * Copyright 2009 Intel Corporation * * This program is free software; you can redistribute it and/or modify it * under the terms and conditions of the GNU Lesser General Public License, * version 2.1, as published by the Free Software Foundation. * * This program is distributed in the hope it will be useful, but WITHOUT ANY * WARRANTY; without even the implied warranty of MERCHANTABILITY or FITNESS * FOR A PARTICULAR PURPOSE. See the GNU Lesser General Public License for * more details. * * You should have received a copy of the GNU Lesser General Public License * along with this program; if not, write to the Free Software Foundation, * Inc., 51 Franklin St - Fifth Floor, Boston, MA 02110-1301 USA. */ /* Global Values */ stage { font-size: 11pt; color: #3D3D3D; } /* Common Stylings */ .screenshot-ui-panel, .workspace-switcher, .switcher-list, .resize-popup, .osd-monitor-label, .osd-window { color: #eeeeec; background-color: rgba(29, 29, 29, 0.975); border: 1px solid #464646; border-radius: 999px; padding: 12px; box-shadow: 0 3px 9px 1px rgba(0, 0, 0, 0.5); } .workspace-thumbnails .workspace-thumbnail { color: #eeeeec; background-color: rgba(238, 238, 236, 0.1); } .app-well-app.app-folder .overview-icon, .app-folder.grid-search-result .overview-icon, .app-well-app .overview-icon, .grid-search-result .overview-icon, .dash-item-container .show-apps .overview-icon, .list-search-result, .search-provider-icon, .switcher-list .item-box { border-radius: 12px; padding: 6px; spacing: 6px; border: 2px solid transparent; transition-duration: 100ms; text-align: center; color: #eeeeec; } .modal-dialog { color: #3D3D3D; background-color: #FAFAFA; border-radius: 8.5px; border: 1px solid rgba(255, 255, 255, 0.8); } #LookingGlassDialog > #Toolbar .lg-toolbar-button, .pad-osd-window .button, .button, .app-folder-dialog .folder-name-container .edit-folder-button { border-radius: 4px; border-style: solid; border-width: 1px; font-weight: bold; padding: 3px 24px; color: #3D3D3D; background-color: #ededed; } #LookingGlassDialog > #Toolbar .lg-toolbar-button:focus, .button:focus, .app-folder-dialog .folder-name-container .edit-folder-button:focus { color: #3D3D3D; background-color: #ededed; box-shadow: inset 0 0 0 2px #a99de6; } #LookingGlassDialog > #Toolbar .lg-toolbar-button:focus:hover, .button:focus:hover, .app-folder-dialog .folder-name-container .edit-folder-button:focus:hover { background-color: #e5e5e5; box-shadow: inset 0 0 0 2px #a99de6; } #LookingGlassDialog > #Toolbar .lg-toolbar-button:focus:active, .button:focus:active, .app-folder-dialog .folder-name-container .edit-folder-button:focus:active { background-color: #dedede; box-shadow: inset 0 0 0 2px #a99de6; } #LookingGlassDialog > #Toolbar .lg-toolbar-button:hover, .button:hover, .app-folder-dialog .folder-name-container .edit-folder-button:hover { color: #3D3D3D; background-color: #e5e5e5; } #LookingGlassDialog > #Toolbar .lg-toolbar-button:insensitive, .button:insensitive, .app-folder-dialog .folder-name-container .edit-folder-button:insensitive { color: rgba(61, 61, 61, 0.5); background-color: rgba(61, 61, 61, 0.05); } #LookingGlassDialog > #Toolbar .lg-toolbar-button:active, .button:active, .app-folder-dialog .folder-name-container .edit-folder-button:active { color: #3D3D3D; background-color: #dedede; } #LookingGlassDialog > #Toolbar .lg-toolbar-button:checked, .button:checked, .app-folder-dialog .folder-name-container .edit-folder-button:checked { color: #3D3D3D; background-color: #d6d6d6; } #LookingGlassDialog > #Toolbar .lg-toolbar-button:checked:hover, .button:checked:hover, .app-folder-dialog .folder-name-container .edit-folder-button:checked:hover { background-color: #cecece; } #LookingGlassDialog > #Toolbar .lg-toolbar-button:checked:active, .button:checked:active, .app-folder-dialog .folder-name-container .edit-folder-button:checked:active { background-color: #c7c7c7; } .app-folder-dialog .folder-name-container .edit-folder-button { color: #F7F7F7; background-color: #2c2c2c; } .app-folder-dialog .folder-name-container .edit-folder-button:focus { color: #F7F7F7; background-color: #2c2c2c; box-shadow: inset 0 0 0 2px #a99de6; } .app-folder-dialog .folder-name-container .edit-folder-button:focus:hover { background-color: #242424; box-shadow: inset 0 0 0 2px #a99de6; } .app-folder-dialog .folder-name-container .edit-folder-button:focus:active { background-color: #1d1d1d; box-shadow: inset 0 0 0 2px #a99de6; } .app-folder-dialog .folder-name-container .edit-folder-button:hover { color: #F7F7F7; background-color: #242424; } .app-folder-dialog .folder-name-container .edit-folder-button:insensitive { color: rgba(247, 247, 247, 0.5); background-color: rgba(247, 247, 247, 0.05); } .app-folder-dialog .folder-name-container .edit-folder-button:active { color: #F7F7F7; background-color: #1d1d1d; } .app-folder-dialog .folder-name-container .edit-folder-button:checked { color: #F7F7F7; background-color: #151515; } .app-folder-dialog .folder-name-container .edit-folder-button:checked:hover { background-color: #0d0d0d; } .app-folder-dialog .folder-name-container .edit-folder-button:checked:active { background-color: #060606; } .modal-dialog .modal-dialog-linked-button, .hotplug-notification-item, .notification-banner .notification-button { padding: 12px; color: #3D3D3D; background-color: #ededed; } .modal-dialog .modal-dialog-linked-button:ltr, .hotplug-notification-item:ltr, .notification-banner .notification-button:ltr { margin-right: 1px; } .modal-dialog .modal-dialog-linked-button:rtl, .hotplug-notification-item:rtl, .notification-banner .notification-button:rtl { margin-left: 1px; } .modal-dialog .modal-dialog-linked-button:insensitive, .hotplug-notification-item:insensitive, .notification-banner .notification-button:insensitive { color: rgba(61, 61, 61, 0.5); background-color: rgba(61, 61, 61, 0.05); } .modal-dialog .modal-dialog-linked-button:focus, .hotplug-notification-item:focus, .notification-banner .notification-button:focus { color: #3D3D3D; background-color: #ededed; box-shadow: inset 0 0 0 2px #a99de6; } .modal-dialog .modal-dialog-linked-button:focus:hover, .hotplug-notification-item:focus:hover, .notification-banner .notification-button:focus:hover { background-color: #e5e5e5; box-shadow: inset 0 0 0 2px #a99de6; } .modal-dialog .modal-dialog-linked-button:focus:active, .hotplug-notification-item:focus:active, .notification-banner .notification-button:focus:active { background-color: #dedede; box-shadow: inset 0 0 0 2px #a99de6; } .modal-dialog .modal-dialog-linked-button:hover, .hotplug-notification-item:hover, .notification-banner .notification-button:hover { color: #3D3D3D; background-color: #e5e5e5; } .modal-dialog .modal-dialog-linked-button:active, .hotplug-notification-item:active, .notification-banner .notification-button:active { color: #3D3D3D; background-color: #dedede; } .modal-dialog .modal-dialog-linked-button:first-child:ltr, .hotplug-notification-item:first-child:ltr, .notification-banner .notification-button:first-child:ltr { border-radius: 0 0 0 7.5px; } .modal-dialog .modal-dialog-linked-button:last-child:ltr, .hotplug-notification-item:last-child:ltr, .notification-banner .notification-button:last-child:ltr { border-radius: 0 0 7.5px 0; margin-right: 0 !important; } .modal-dialog .modal-dialog-linked-button:first-child:rtl, .hotplug-notification-item:first-child:rtl, .notification-banner .notification-button:first-child:rtl { border-radius: 0 0 7.5px 0; margin-left: 0 !important; } .modal-dialog .modal-dialog-linked-button:last-child:rtl, .hotplug-notification-item:last-child:rtl, .notification-banner .notification-button:last-child:rtl { border-radius: 0 0 0 7.5px; margin-right: 0 !important; } .modal-dialog .modal-dialog-linked-button:first-child:last-child, .hotplug-notification-item:first-child:last-child, .notification-banner .notification-button:first-child:last-child { border-radius: 0 0 7.5px 7.5px !important; margin-left: 0 !important; margin-right: 0 !important; } .screenshot-ui-show-pointer-button, .screenshot-ui-type-button { background-color: transparent; background-color: none; } .screenshot-ui-show-pointer-button:insensitive, .screenshot-ui-type-button:insensitive { color: rgba(61, 61, 61, 0.5); background-color: rgba(61, 61, 61, 0.05); background-color: transparent; color: rgba(255, 255, 255, 0.5); } .screenshot-ui-show-pointer-button:insensitive, .screenshot-ui-type-button:insensitive { background-color: transparent; background-color: none; } .screenshot-ui-show-pointer-button:insensitive:insensitive, .screenshot-ui-type-button:insensitive:insensitive { color: rgba(61, 61, 61, 0.5); background-color: rgba(61, 61, 61, 0.05); background-color: transparent; color: rgba(255, 255, 255, 0.5); } .screenshot-ui-show-pointer-button:focus, .screenshot-ui-type-button:focus { color: #eeeeec; background-color: rgba(44, 44, 44, 0.97675); box-shadow: inset 0 0 0 2px #a99de6; } .screenshot-ui-show-pointer-button:focus:hover, .screenshot-ui-type-button:focus:hover { background-color: rgba(36, 36, 36, 0.97675); box-shadow: inset 0 0 0 2px #a99de6; } .screenshot-ui-show-pointer-button:focus:active, .screenshot-ui-type-button:focus:active { background-color: rgba(29, 29, 29, 0.97675); box-shadow: inset 0 0 0 2px #a99de6; } .screenshot-ui-show-pointer-button:hover, .screenshot-ui-type-button:hover { color: #eeeeec; background-color: rgba(36, 36, 36, 0.97675); } .screenshot-ui-show-pointer-button:active, .screenshot-ui-type-button:active { color: #eeeeec; background-color: rgba(29, 29, 29, 0.97675); } .screenshot-ui-show-pointer-button:outlined, .screenshot-ui-type-button:outlined, .screenshot-ui-show-pointer-button:checked, .screenshot-ui-type-button:checked { color: #eeeeec; background-color: rgba(21, 21, 21, 0.97675); } .screenshot-ui-show-pointer-button:outlined:hover, .screenshot-ui-type-button:outlined:hover, .screenshot-ui-show-pointer-button:checked:hover, .screenshot-ui-type-button:checked:hover { background-color: rgba(13, 13, 13, 0.97675); } .screenshot-ui-show-pointer-button:outlined:active, .screenshot-ui-type-button:outlined:active, .screenshot-ui-show-pointer-button:checked:active, .screenshot-ui-type-button:checked:active { background-color: rgba(6, 6, 6, 0.97675); } /* General Typography */ .app-folder-dialog .folder-name-container .folder-name-label, .app-folder-dialog .folder-name-container .folder-name-entry, .search-statustext { font-weight: 800; font-size: 20pt; } .lg-debug-flags-header, .message-dialog-content .message-dialog-title, .message-list .message-list-placeholder, .datemenu-today-button .date-label { font-weight: 800; font-size: 15pt; } .nm-dialog-airplane-headline { font-weight: 700; font-size: 15pt; } .message-dialog-content .message-dialog-title.lightweight, .headline { font-weight: 700; font-size: 13pt; } .lg-extension-name, .osd-window, .nm-dialog-header, .dialog-list .dialog-list-title, .message-list-controls, .weather-button .weather-forecast-temp, .weather-button .weather-header, .world-clocks-button .world-clocks-time, .world-clocks-button .world-clocks-header, .events-button .events-title, .calendar .calendar-month-header .calendar-month-label, .datemenu-today-button .day-label, .popup-menu-ornament { font-weight: 700; font-size: 11pt; } .app-menu .popup-inactive-menu-item:first-child > StLabel { font-weight: 700; font-size: 9pt; } .login-dialog-not-listed-label, .lg-completions-text, .caps-lock-warning-label, #dash, .icon-label-button-container, .prompt-dialog-error-label, .prompt-dialog-info-label, .prompt-dialog-null-label, .run-dialog .run-dialog-description, .dialog-list .dialog-list-box .dialog-list-item .dialog-list-item-description, .weather-button .weather-forecast-time, .world-clocks-button .world-clocks-timezone, .events-button .event-time { font-weight: 400; font-size: 9pt; } .calendar .calendar-day-base.calendar-day-heading, .calendar .calendar-day-base { font-weight: 400; font-size: 8pt; } .unlock-dialog-clock-time, #panel, .weather-button .weather-forecast-time, .world-clocks-button .world-clocks-timezone, .world-clocks-button .world-clocks-time, .events-button .event-time, .calendar .calendar-day-base { font-feature-settings: "tnum"; } /* WIDGETS */ .shell-link { color: #533bce; } .shell-link:hover { color: #7764d8; } .lowres-icon { icon-shadow: 0 1px 2px rgba(0, 0, 0, 0.3); } .icon-dropshadow { icon-shadow: 0 1px 5px rgba(0, 0, 0, 0.8); } /* Entries */ StEntry { min-height: 22px; border-radius: 6px; padding: 8px; border-width: 1px; color: #3D3D3D; background-color: white; color: rgba(61, 61, 61, 0.7); border: 1px solid #c7c7c7; selection-background-color: #7764D8; selected-color: #FFFFFF; } StEntry:hover { background-color: white; border-color: #d4d4d4; color: #3D3D3D; } StEntry:focus { background-color: white; border-color: #a99de6; box-shadow: 0 0 0 1px #a99de6 inset; color: #3D3D3D; } StEntry:insensitive { background-color: white; border-color: white; color: #9c9c9c; } StEntry StIcon.capslock-warning { icon-size: 16px; warning-color: #f99b11; padding: 0 4px; } StEntry StIcon.peek-password { icon-size: 1.09em; padding: 0 4px; } StEntry StLabel.hint-text { margin-left: 2px; color: rgba(61, 61, 61, 0.7); } /* Buttons */ .button { min-height: 22px; } /* Check Boxes */ .check-box StBoxLayout { spacing: .8em; } .check-box StBin { width: 24px; height: 22px; background-image: url("resource:///org/gnome/shell/theme/checkbox-off-purple.svg"); } .check-box:focus StBin { background-image: url("resource:///org/gnome/shell/theme/checkbox-off-focused-purple.svg"); } .check-box:checked StBin { background-image: url("resource:///org/gnome/shell/theme/checkbox-purple.svg"); } .check-box:focus:checked StBin { background-image: url("resource:///org/gnome/shell/theme/checkbox-focused-purple.svg"); } /* Switches */ .toggle-switch { color: #3D3D3D; height: 26px; width: 48px; background-size: contain; background-image: url("resource:///org/gnome/shell/theme/toggle-off-purple.svg"); } .toggle-switch:checked { background-image: url("resource:///org/gnome/shell/theme/toggle-on-purple.svg"); } /* Slider */ .slider { -barlevel-height: 4px; -barlevel-background-color: rgba(61, 61, 61, 0.4); -barlevel-border-width: 2px; -barlevel-border-color: transparent; -barlevel-active-background-color: #7764D8; -barlevel-active-border-color: transparent; -barlevel-overdrive-color: #c7162b; -barlevel-overdrive-border-color: transparent; -barlevel-overdrive-separator-width: 1px; -slider-handle-border-width: 1px; -slider-handle-border-color: #b5b5b5; -slider-handle-radius: 8px; color: #fcfcfc; height: 18px; } /* Scrollbars */ StScrollView.vfade { -st-vfade-offset: 68px; } StScrollView.hfade { -st-hfade-offset: 68px; } StScrollBar { padding: 0; } StScrollView StScrollBar { min-width: 8px; min-height: 8px; } StScrollBar StBin#trough { border-radius: 0; background-color: transparent; } StScrollBar StButton#vhandle, StScrollBar StButton#hhandle { border-radius: 8px; background-color: #c1c1c1; border: 3px solid transparent; transition: 500ms all ease; } StScrollBar StButton#vhandle:hover, StScrollBar StButton#hhandle:hover { background-color: #9c9c9c; } StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { background-color: #aeaeae; } /* Popovers/Menus */ .popup-menu-boxpointer, .candidate-popup-boxpointer { -arrow-rise: 6px; } .popup-menu { min-width: 15em; color: #3D3D3D; } .popup-menu.panel-menu { margin-bottom: 1.75em; } .popup-menu-content, .candidate-popup-content { padding: 6px; border-radius: 10px; border: 1px solid rgba(255, 255, 255, 0.8); box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.1); background-color: #FAFAFA; } .popup-menu-item { padding: 9px 12px; border-radius: 6px; spacing: 6px; transition: 0.2s all ease; background-color: transparent; } .popup-menu-item:ltr { padding-left: 6px; } .popup-menu-item:rtl { padding-right: 6px; } .popup-menu-item:focus, .popup-menu-item:hover { background-color: rgba(61, 61, 61, 0.1) !important; } .popup-menu-item:focus:active, .popup-menu-item:hover:active { background-color: rgba(61, 61, 61, 0.2) !important; } .popup-menu-item:checked { background-color: #e8e8e8 !important; } .popup-menu-item:checked { margin-bottom: 0; box-shadow: inset 0 -1px 0 0 #dbdbdb; border-radius: 6px 6px 0 0; } .popup-menu-item:checked:focus, .popup-menu-item:checked:hover { background-color: #d9d9d9 !important; } .popup-menu-item:checked:active { background-color: #d1d1d1 !important; } .popup-menu-item:active { background-color: #d1d1d1; color: #303030; } .popup-menu-item:insensitive { color: rgba(61, 61, 61, 0.5); } .popup-menu-item .toggle-switch:ltr { margin-left: 4px; } .popup-menu-item .toggle-switch:rtl { margin-right: 4px; } .popup-inactive-menu-item { color: #3D3D3D; } .popup-inactive-menu-item:insensitive { color: #9c9c9c; } .popup-menu-arrow, .popup-menu-icon { icon-size: 16px !important; } .popup-sub-menu { background-color: #e8e8e8; border-radius: 0 0 6px 6px; } .popup-sub-menu .popup-menu-ornament { min-width: 1.09em !important; } .popup-sub-menu .popup-menu-item { border-radius: 0; margin: 0; } .popup-sub-menu .popup-menu-item:last-child { border-radius: 0 0 6px 6px; } .popup-sub-menu .popup-menu-item:focus, .popup-sub-menu .popup-menu-item:hover { background-color: rgba(87, 87, 87, 0.1) !important; } .popup-sub-menu .popup-menu-item:checked { background-color: white !important; } .popup-sub-menu .popup-menu-item:checked:focus, .popup-sub-menu .popup-menu-item:checked:hover { background-color: #fdfdfd !important; } .popup-sub-menu .popup-menu-item:active { background-color: rgba(87, 87, 87, 0.2) !important; } .popup-sub-menu .popup-menu-section .popup-menu-item:last-child:hover, .popup-sub-menu .popup-menu-section .popup-menu-item:last-child:focus { border-radius: 0; } .popup-sub-menu .popup-menu-section:last-child .popup-menu-item:last-child { border-radius: 0 0 6px 6px; } .popup-menu-ornament { width: 1.2em; text-align: center !important; } .popup-menu-ornament:ltr { text-align: right; } .popup-menu-ornament:rtl { text-align: left; } .popup-separator-menu-item { margin: 6px 0; padding: 0 !important; } .popup-separator-menu-item:ltr { margin-right: 4px; } .popup-separator-menu-item:rtl { margin-left: 4px; } .popup-separator-menu-item .popup-separator-menu-item-separator { height: 1px; background-color: #c7c7c7; } .popup-separator-menu-item .popup-menu-ornament { width: 0 !important; } .popup-sub-menu .popup-separator-menu-item { background-color: transparent; } .popup-sub-menu .popup-separator-menu-item:ltr { margin-right: 2.5em; } .popup-sub-menu .popup-separator-menu-item:rtl { margin-left: 2.5em; } .popup-sub-menu .popup-separator-menu-item .popup-separator-menu-item-separator { background-color: #d9d9d9; } .background-menu { -boxpointer-gap: 0px; -arrow-rise: 0px; } .aggregate-menu { min-width: 22em; } .aggregate-menu .popup-menu-ornament { width: 0 !important; } .aggregate-menu .popup-menu-icon { -st-icon-style: symbolic; } .aggregate-menu .popup-menu-icon:ltr { margin-right: 8px; } .aggregate-menu .popup-menu-icon:rtl { margin-left: 8px; } .aggregate-menu .popup-sub-menu .popup-menu-item > :first-child:ltr { margin-left: 1em; } .aggregate-menu .popup-sub-menu .popup-menu-item > :first-child:rtl { margin-right: 1em; } .app-menu { max-width: 27.25em; } .app-menu .popup-menu-ornament { width: 0 !important; } .app-menu .popup-inactive-menu-item:first-child > StLabel:ltr { margin-right: 8px; } .app-menu .popup-inactive-menu-item:first-child > StLabel:rtl { margin-left: 8px; } /* Date/Time Menu */ #calendarArea { padding: 4px; } .datemenu-calendar-column { spacing: 6px; } .datemenu-calendar-column:ltr { padding-left: 6px; } .datemenu-calendar-column:rtl { padding-right: 6px; } .datemenu-calendar-column .datemenu-displays-box { spacing: 6px; } /* today button (the date) */ .datemenu-today-button { border-radius: 6px; margin: 4px; box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.1); background-color: transparent; background-color: none; box-shadow: none !important; padding: 9px; } .datemenu-today-button:insensitive { color: rgba(61, 61, 61, 0.5); background-color: rgba(61, 61, 61, 0.05); background-color: transparent; color: rgba(255, 255, 255, 0.5); } .datemenu-today-button:focus { color: #3D3D3D; background-color: #ededed; box-shadow: inset 0 0 0 2px #a99de6; } .datemenu-today-button:focus:hover { background-color: #e5e5e5; box-shadow: inset 0 0 0 2px #a99de6; } .datemenu-today-button:focus:active { background-color: #dedede; box-shadow: inset 0 0 0 2px #a99de6; } .datemenu-today-button:hover { color: #3D3D3D; background-color: #e5e5e5; } .datemenu-today-button:active { color: #3D3D3D; background-color: #dedede; } .datemenu-today-button:insensitive .day-label, .datemenu-today-button:insensitive .date-label { color: #9c9c9c; } /* Calendar */ .calendar { border-radius: 6px; margin: 4px; box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.1); background-color: transparent; background-color: none; box-shadow: none !important; margin-top: 0; } .calendar:insensitive { color: rgba(61, 61, 61, 0.5); background-color: rgba(61, 61, 61, 0.05); background-color: transparent; color: rgba(255, 255, 255, 0.5); } .calendar:focus { color: #3D3D3D; background-color: #ededed; box-shadow: inset 0 0 0 2px #a99de6; } .calendar:focus:hover { background-color: #e5e5e5; box-shadow: inset 0 0 0 2px #a99de6; } .calendar:focus:active { background-color: #dedede; box-shadow: inset 0 0 0 2px #a99de6; } .calendar:hover { color: #3D3D3D; background-color: #e5e5e5; } .calendar:active { color: #3D3D3D; background-color: #dedede; } .calendar .calendar-month-header .calendar-change-month-back StIcon, .calendar .calendar-month-header .calendar-change-month-forward StIcon { icon-size: 1.09em; } .calendar .calendar-month-header .calendar-month-label { color: #4a4a4a; padding: 8px 0; } .calendar .calendar-month-header .pager-button { background-color: transparent; height: 32px; width: 32px; margin: 2px; border-radius: 4px; } .calendar .calendar-month-header .pager-button:hover, .calendar .calendar-month-header .pager-button:focus { background-color: rgba(61, 61, 61, 0.1); } .calendar .calendar-month-header .pager-button:active { background-color: rgba(61, 61, 61, 0.2); } .calendar .calendar-day-base { text-align: center; margin: 2px; padding: 0 !important; height: 3em !important; width: 3em !important; border-radius: 99px; } .calendar .calendar-day-base:hover { background-color: rgba(61, 61, 61, 0.1); } .calendar .calendar-day-base:focus { background-color: #e0dcf3; box-shadow: inset 0 0 0 2px rgba(119, 100, 216, 0.6); } .calendar .calendar-day-base:active, .calendar .calendar-day-base:selected { color: #303030; background-color: rgba(61, 61, 61, 0.2); } .calendar .calendar-day-base:active:focus, .calendar .calendar-day-base:selected:focus { background-color: rgba(101, 88, 168, 0.36); } .calendar .calendar-day-base.calendar-day-heading { color: #9c9c9c; padding-top: 6px; height: 16px !important; font-weight: bold; } .calendar .calendar-nonwork-day { color: #9c9c9c; } .calendar .calendar-other-month-day { color: rgba(61, 61, 61, 0.5); } .calendar .calendar-other-month-day.calendar-nonwork-day { color: rgba(156, 156, 156, 0.5); } .calendar .calendar-today { background-color: #7764D8; font-weight: 800; color: #FFFFFF !important; } .calendar .calendar-today:hover, .calendar .calendar-today:focus { background-color: #8270db; color: inherit; } .calendar .calendar-today:active, .calendar .calendar-today:selected { background-color: #7764D8; color: inherit; } .calendar .calendar-today:active:hover, .calendar .calendar-today:active:focus, .calendar .calendar-today:selected:hover, .calendar .calendar-today:selected:focus { background-color: #8270db; color: inherit; } .calendar .calendar-day-with-events { background-image: url("resource:///org/gnome/shell/theme/calendar-today-light.svg"); background-size: contain; } .calendar .calendar-week-number { font-size: 7pt; font-weight: bold; font-feature-settings: "tnum"; margin: 6px; padding: 0 6px; border-radius: 3px; background-color: whitesmoke; color: #9c9c9c; } /* Events */ .events-button { border-radius: 6px; margin: 4px; box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.1); color: #3D3D3D; background-color: #ededed; padding: 12px; } .events-button:focus { color: #3D3D3D; background-color: #ededed; box-shadow: inset 0 0 0 2px #a99de6; } .events-button:focus:hover { background-color: #e5e5e5; box-shadow: inset 0 0 0 2px #a99de6; } .events-button:focus:active { background-color: #dedede; box-shadow: inset 0 0 0 2px #a99de6; } .events-button:hover { color: #3D3D3D; background-color: #e5e5e5; } .events-button:active { color: #3D3D3D; background-color: #dedede; } .events-button .events-box { spacing: 6px; } .events-button .events-list { spacing: 12px; } .events-button .events-title { color: #9c9c9c; margin-bottom: 4px; } .events-button .event-time { color: #9c9c9c; } /* World clocks */ .world-clocks-button { border-radius: 6px; margin: 4px; box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.1); color: #3D3D3D; background-color: #ededed; padding: 12px; } .world-clocks-button:focus { color: #3D3D3D; background-color: #ededed; box-shadow: inset 0 0 0 2px #a99de6; } .world-clocks-button:focus:hover { background-color: #e5e5e5; box-shadow: inset 0 0 0 2px #a99de6; } .world-clocks-button:focus:active { background-color: #dedede; box-shadow: inset 0 0 0 2px #a99de6; } .world-clocks-button:hover { color: #3D3D3D; background-color: #e5e5e5; } .world-clocks-button:active { color: #3D3D3D; background-color: #dedede; } .world-clocks-button .world-clocks-grid { spacing-rows: 6px; spacing-columns: 12px; } .world-clocks-button .world-clocks-header { color: #9c9c9c; } .world-clocks-button .world-clocks-city { color: #3D3D3D; } .world-clocks-button .world-clocks-time { color: #3D3D3D; } .world-clocks-button .world-clocks-time:ltr { text-align: right; } .world-clocks-button .world-clocks-time:rtl { text-align: left; } .world-clocks-button .world-clocks-timezone { color: #9c9c9c; } /* Weather */ .weather-button { border-radius: 6px; margin: 4px; box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.1); color: #3D3D3D; background-color: #ededed; padding: 12px; } .weather-button:focus { color: #3D3D3D; background-color: #ededed; box-shadow: inset 0 0 0 2px #a99de6; } .weather-button:focus:hover { background-color: #e5e5e5; box-shadow: inset 0 0 0 2px #a99de6; } .weather-button:focus:active { background-color: #dedede; box-shadow: inset 0 0 0 2px #a99de6; } .weather-button:hover { color: #3D3D3D; background-color: #e5e5e5; } .weather-button:active { color: #3D3D3D; background-color: #dedede; } .weather-button .weather-box { spacing: 10px; } .weather-button .weather-header-box { spacing: 6px; } .weather-button .weather-header { color: #9c9c9c; } .weather-button .weather-header.location { font-weight: normal; } .weather-button .weather-grid { spacing-rows: 6px; spacing-columns: 12px; } .weather-button .weather-forecast-time { color: black; padding-top: 0.2em; padding-bottom: 0.4em; } .weather-button .weather-forecast-icon { icon-size: 2.18em; } /* Message List */ .message-list { width: 29em; border: solid #c7c7c7; } .message-list:ltr { margin-left: 0; margin-right: 4px; padding-right: 6px; border-right-width: 1px; } .message-list:rtl { margin-right: 0; margin-left: 4px; padding-left: 6px; border-left-width: 1px; } .message-list .message-list-placeholder { color: rgba(156, 156, 156, 0.5); } .message-list .message-list-placeholder > StIcon { icon-size: 3.27em; margin-bottom: 12px; -st-icon-style: symbolic; } .message-list-sections { spacing: 6px; margin: 0; padding-bottom: 6px; } .message-list-sections:ltr { margin-right: 12px; } .message-list-sections:rtl { margin-left: 12px; } .message-list-section, .message-list-section-list { spacing: 6px; } .message-list-controls { padding: 6px; spacing: 6px; } .message-list-controls .dnd-button { border-width: 2px; border-color: transparent; border-radius: 32px; border-style: solid; } .message-list-controls .dnd-button:focus { border-color: #a99de6; } .message { border-radius: 6px; margin: 4px; box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.1); color: #3D3D3D; background-color: #ededed; } .message:focus { color: #3D3D3D; background-color: #ededed; box-shadow: inset 0 0 0 2px #a99de6; } .message:focus:hover { background-color: #e5e5e5; box-shadow: inset 0 0 0 2px #a99de6; } .message:focus:active { background-color: #dedede; box-shadow: inset 0 0 0 2px #a99de6; } .message:hover { color: #3D3D3D; background-color: #e5e5e5; } .message:active { color: #3D3D3D; background-color: #dedede; } .message .message-icon-bin { padding: 18px; } .message .message-icon-bin:ltr { padding-right: 6px; } .message .message-icon-bin:rtl { padding-left: 6px; } .message .message-icon-bin > StIcon { icon-size: 2.18em; -st-icon-style: symbolic; } .message .message-icon-bin > .fallback-app-icon { width: 1.09em; height: 1.09em; } .message .message-content { spacing: 4px; padding: 9px; margin-bottom: 8px; } .message .message-title { font-weight: bold; /* HACK: the label should be baseline-aligned with a 1em label, fake this with some bottom padding */ padding-top: 0.57em; } .message .message-secondary-bin { padding: 0 8px; } .message .message-secondary-bin > .event-time { color: rgba(61, 61, 61, 0.5); font-size: 9pt; /* HACK: the label should be baseline-aligned with a 1em label, fake this with some bottom padding */ padding-bottom: 0.13em; } .message .message-secondary-bin > .event-time:ltr { text-align: right; } .message .message-secondary-bin > .event-time:rtl { text-align: left; } .message .message-close-button { color: #3D3D3D; background-color: rgba(61, 61, 61, 0.1); border-radius: 99px; padding: 5px; margin: 1px; } .message .message-close-button:hover { background-color: rgba(61, 61, 61, 0.2); } .message .message-close-button:active { background-color: rgba(61, 61, 61, 0.1); } .message .message-body { color: #242424; } .url-highlighter { link-color: #533bce; } /* Media Controls */ .message-media-control { padding: 0 18px; margin: 12px 0; border-radius: 6px; color: #3D3D3D; } .message-media-control:hover { background-color: rgba(74, 74, 74, 0.1); color: #3D3D3D; } .message-media-control:active { background-color: rgba(61, 61, 61, 0.2); color: #3D3D3D; } .message-media-control:insensitive { color: darkgray; } .message-media-control:last-child:ltr { margin-right: 12px; } .message-media-control:last-child:rtl { margin-left: 12px; } .media-message-cover-icon { icon-size: 3.27em !important; border-radius: 6px; } .media-message-cover-icon.fallback { color: #121212; background-color: #FAFAFA; border: 1px solid transparent; border-radius: 6px; icon-size: 2.18em !important; padding: 14px; } .candidate-popup-content { padding: 6px; spacing: 6px; } .candidate-index { padding: 0; padding-right: 6px; color: #9c9c9c; } .candidate-box { padding: 6px 12px 6px 12px; border-radius: 6px; } .candidate-box:selected { background-color: #7764D8; color: #FFFFFF; } .candidate-box:hover { background-color: rgba(61, 61, 61, 0.1); color: #3D3D3D; } .candidate-page-button-box { height: 2em; } .vertical .candidate-page-button-box { padding-top: 12px; } .horizontal .candidate-page-button-box { padding-left: 12px; } .candidate-page-button { padding: 6px; } .candidate-page-button-previous { border-radius: 6px 0px 0px 6px; border-right-width: 0; box-shadow: none; } .candidate-page-button-next { border-radius: 0px 6px 6px 0px; box-shadow: none; } .candidate-page-button-icon { icon-size: 1.09em; } /* Notifications & Message Tray */ .notification-banner { min-height: 64px; width: 34em; box-shadow: 0 2px 4px 2px rgba(0, 0, 0, 0.1); border-radius: 9px; margin: 4px; background-color: #FAFAFA; } .notification-banner .notification-actions { spacing: 0; } .notification-banner:hover { background-color: whitesmoke; } .notification-banner:active { background-color: #f0f0f0; } .notification-banner, .notification-banner:hover, .notification-banner:focus, .notification-banner:active { box-shadow: 0 0 4px 2px rgba(0, 0, 0, 0.1); border: 1px solid #c7c7c7; } .summary-source-counter { font-size: 10pt; font-weight: bold; height: 1.6em; width: 1.6em; -shell-counter-overlap-x: 3px; -shell-counter-overlap-y: 3px; background-color: #7764D8; color: #FFFFFF; border: 2px solid #3D3D3D; box-shadow: 0 2px 2px rgba(0, 0, 0, 0.5); border-radius: 0.9em; } .chat-body { spacing: 5px; } .chat-response { margin: 5px; } .chat-log-message { color: #242424; } .chat-new-group { padding-top: 1em; } .chat-received { padding-left: 4px; } .chat-received:rtl { padding-left: 0px; padding-right: 4px; } .chat-sent { padding-left: 18pt; color: #636363; } .chat-sent:rtl { padding-left: 0; padding-right: 18pt; } .chat-meta-message { padding-left: 4px; font-size: 9pt; font-weight: bold; color: #6b6b6b; } .chat-meta-message:rtl { padding-left: 0; padding-right: 4px; } .hotplug-notification-item-icon { icon-size: 24px; padding: 0 4px; } /* Modal Dialogs */ .modal-dialog .modal-dialog-content-box { margin: 32px 40px; spacing: 32px; max-width: 28em; } /* End Session Dialog */ .end-session-dialog { width: 30em; } .end-session-dialog .end-session-dialog-battery-warning, .end-session-dialog .dialog-list-title { color: #f99b11; } /* Message Dialog */ .message-dialog-content { spacing: 18px; } .message-dialog-content .message-dialog-title { text-align: center; } .message-dialog-content .message-dialog-description { text-align: center; } /* Dialog List */ .dialog-list { spacing: 18px; } .dialog-list .dialog-list-title { text-align: center; } .dialog-list .dialog-list-scrollview { max-height: 200px; } .dialog-list .dialog-list-box { spacing: 1em; } .dialog-list .dialog-list-box .dialog-list-item { spacing: 1em; } .dialog-list .dialog-list-box .dialog-list-item .dialog-list-item-title { font-weight: bold; } .dialog-list .dialog-list-box .dialog-list-item .dialog-list-item-description { color: #303030; } /* Run Dialog */ .run-dialog .modal-dialog-content-box { margin-top: 24px; margin-bottom: 14px; } .run-dialog .run-dialog-entry { width: 20em; } .run-dialog .run-dialog-description { text-align: center; color: #0a0a0a; } /* Password or Authentication Dialog */ .prompt-dialog { width: 28em; } .prompt-dialog .modal-dialog-content-box { margin-bottom: 24px; } .prompt-dialog-password-grid { spacing-rows: 8px; spacing-columns: 4px; } .prompt-dialog-password-grid .prompt-dialog-password-entry { width: auto; } .prompt-dialog-password-grid .prompt-dialog-password-entry:ltr { margin-left: 20px; } .prompt-dialog-password-grid .prompt-dialog-password-entry:rtl { margin-right: 20px; } .prompt-dialog-password-layout { spacing: 8px; } .prompt-dialog-password-entry { width: 20em; } .prompt-dialog-error-label, .prompt-dialog-info-label, .prompt-dialog-null-label { text-align: center; } .prompt-dialog-error-label { color: #f99b11; } /* Polkit Dialog */ .polkit-dialog-user-layout { text-align: center; spacing: 8px; margin-bottom: 6px; } .polkit-dialog-user-layout .polkit-dialog-user-root-label { color: #f99b11; } /* Audio selection dialog */ .audio-device-selection-dialog .modal-dialog-content-box { margin-bottom: 28px; } .audio-device-selection-dialog .audio-selection-box { spacing: 20px; } .audio-selection-device { border-radius: 12px; } .audio-selection-device:hover, .audio-selection-device:focus { background-color: rgba(61, 61, 61, 0.1); } .audio-selection-device:active { background-color: #7764D8; color: #FFFFFF; } .audio-selection-device-box { padding: 20px; spacing: 20px; } .audio-selection-device-icon { icon-size: 4.36em; } /* Welcome dialog */ .welcome-dialog-image { background-image: url("resource:///org/gnome/shell/theme/gnome-shell-start.svg"); background-size: contain; /* Reasonable maximum dimensions */ height: 300px; width: 300px; } /* Select Network dialogs */ .nm-dialog { max-height: 34em; min-height: 31em; min-width: 32em; } .nm-dialog-content { spacing: 20px; padding: 24px; } .nm-dialog-subheader { color: #9c9c9c; } .nm-dialog-header-icon { icon-size: 2.18em; } .nm-dialog-header-hbox { spacing: 10px; } .nm-dialog-scroll-view { padding: 6px; border-radius: 6px; background-color: #ffffff; } .nm-dialog-item { padding: 12px; } .nm-dialog-item:selected { background-color: #7764D8; border-radius: 3px; color: #FFFFFF; } .nm-dialog-item:hover { background-color: rgba(61, 61, 61, 0.1); } .nm-dialog-icon { icon-size: 1.09em; } .nm-dialog-icons { spacing: 12px; } .no-networks-box { spacing: 6px; } .no-networks-label { color: #9c9c9c; } .nm-dialog-airplane-box { text-align: center; spacing: 12px; } .nm-dialog-airplane-text { color: #9c9c9c; } /* OSD */ .osd-window { text-align: center; font-weight: bold; spacing: 12px; padding: 12px 18px; margin-bottom: 4em; } .osd-window > * { spacing: 8px; } .osd-window StIcon { icon-size: 2.18em; } .osd-window StLabel:ltr { margin-right: 6px; } .osd-window StLabel:rtl { margin-left: 6px; } .osd-window .level { margin-bottom: 4px; height: 6px; min-width: 10.9em; -barlevel-height: 6px; -barlevel-background-color: rgba(238, 238, 236, 0.3); -barlevel-active-background-color: #eeeeec; -barlevel-overdrive-color: #c7162b; -barlevel-overdrive-separator-width: 3px; } .osd-window .level:first-child { margin-bottom: 0px; } .osd-window .level:ltr { margin-right: 6px; } .osd-window .level:rtl { margin-left: 6px; } .osd-monitor-label { border-radius: 12px; font-size: 3em; font-weight: bold; margin: 12px; text-align: center; min-width: 1.3em; } /* Pad OSD */ .pad-osd-window { padding: 32px; background-color: rgba(29, 29, 29, 0.975); color: #eeeeec; } .pad-osd-window .button:insensitive { color: #3D3D3D; } .pad-osd-window .pad-osd-title-box { spacing: 12px; } .pad-osd-window .pad-osd-title-menu-box { spacing: 6px; } .combo-box-label { width: 15em; } /* App Switcher */ .switcher-popup { padding: 0; spacing: 24px; } .switcher-list { padding: 10px; border-radius: 20px; box-shadow: 0 8px 8px 0 rgba(0, 0, 0, 0.1); } .switcher-list .switcher-list-item-container { spacing: 12px; } .switcher-list .item-box { background-color: transparent; } .switcher-list .item-box:hover { background-color: rgba(238, 238, 236, 0.1); } .switcher-list .item-box:selected, .switcher-list .item-box:focus { background-color: rgba(238, 238, 236, 0.13); } .switcher-list .item-box:selected:hover, .switcher-list .item-box:focus:hover { background-color: rgba(238, 238, 236, 0.16); } .switcher-list .item-box:selected:active, .switcher-list .item-box:focus:active { background-color: rgba(238, 238, 236, 0.13); } .switcher-list .item-box:active { background-color: rgba(238, 238, 236, 0.16); } .switcher-list .item-box:outlined, .switcher-list .item-box:checked { background-color: rgba(238, 238, 236, 0.19); } .switcher-list .item-box:outlined:active, .switcher-list .item-box:checked:active { background-color: rgba(238, 238, 236, 0.22); } .switcher-list .item-box:outlined:hover, .switcher-list .item-box:checked:hover { background-color: rgba(238, 238, 236, 0.25); } .switcher-list .item-box:drop { border: 2px solid rgba(119, 100, 216, 0.8); background-color: rgba(119, 100, 216, 0.2); } .switcher-list .item-box:hover { background: none; } .switcher-list .separator { width: 1px; background: #c7c7c7; } .switcher-list .thumbnail-box { padding: 2px; spacing: 6px; } .switcher-list .thumbnail { width: 256px; border-radius: 6px; } .switcher-arrow { border-color: rgba(0, 0, 0, 0); color: rgba(238, 238, 236, 0.8); } .switcher-arrow:highlighted { border-color: #eeeeec; color: #eeeeec; } .input-source-switcher-symbol { font-size: 34pt; width: 96px; height: 96px; } .cycler-highlight { border: 5px solid #7764D8; } /* Workspace Switcher */ .workspace-switcher { margin-bottom: 4em; spacing: 12px; padding: 12px 18px; } .ws-switcher-indicator { background-color: rgba(238, 238, 236, 0.5); padding: 0.1816666667em; margin: 0.9083333333em; border-radius: 2.18em; } .ws-switcher-indicator:active { background-color: #eeeeec; padding: 0.3633333333em; margin: 0.7266666667em; } .icon-label-button-container { spacing: 6px; } .icon-label-button-container StIcon { icon-size: 32px; } .screenshot-ui-panel { border-radius: 33px; padding: 18px; padding-bottom: 12px; margin-bottom: 4em; spacing: 12px; } .screenshot-ui-close-button { padding: 6px; } .screenshot-ui-close-button.left { margin-left: 8px; } .screenshot-ui-close-button.right { margin-right: 8px; } .screenshot-ui-type-button { padding: 12px 18px !important; border-radius: 15px; } .screenshot-ui-capture-button { width: 36px; height: 36px; border-radius: 99px; border: 4px #eeeeec; padding: 4px; } .screenshot-ui-capture-button .screenshot-ui-capture-button-circle { background-color: #eeeeec; transition-duration: 200ms; border-radius: 99px; } .screenshot-ui-capture-button .screenshot-ui-capture-button-circle:hover, .screenshot-ui-capture-button .screenshot-ui-capture-button-circle:focus { background-color: rgba(61, 61, 61, 0.1); } .screenshot-ui-capture-button:hover .screenshot-ui-capture-button-circle, .screenshot-ui-capture-button:focus .screenshot-ui-capture-button-circle { background-color: #cacac4; } .screenshot-ui-capture-button:active .screenshot-ui-capture-button-circle { background-color: #747467; } .screenshot-ui-capture-button:cast .screenshot-ui-capture-button-circle { background-color: #c7162b; } .screenshot-ui-capture-button:cast:hover .screenshot-ui-capture-button-circle, .screenshot-ui-capture-button:cast:focus .screenshot-ui-capture-button-circle { background-color: #de1930; } .screenshot-ui-capture-button:cast:active .screenshot-ui-capture-button-circle { background-color: #a71224; } .screenshot-ui-shot-cast-container { background-color: rgba(61, 61, 61, 0.1); border-radius: 12px; padding: 3px; spacing: 3px; } .screenshot-ui-shot-cast-container:ltr { margin-left: 3px; } .screenshot-ui-shot-cast-container:rtl { margin-right: 3px; } .screenshot-ui-shot-cast-button { padding: 6px 12px; background-color: transparent; border-radius: 9px; } .screenshot-ui-shot-cast-button:hover, .screenshot-ui-shot-cast-button:focus { background-color: rgba(74, 74, 74, 0.1); } .screenshot-ui-shot-cast-button:active { background-color: rgba(74, 74, 74, 0.2); } .screenshot-ui-shot-cast-button:checked { background-color: white; color: black; } .screenshot-ui-shot-cast-button StIcon { icon-size: 1.09em; } .screenshot-ui-show-pointer-button { border-radius: 99px; padding: 12px !important; } .screenshot-ui-show-pointer-button StIcon { icon-size: 1.09em; } .screenshot-ui-area-indicator-shade { background-color: rgba(0, 0, 0, 0.3); } .screenshot-ui-area-selector .screenshot-ui-area-indicator-shade { background-color: rgba(0, 0, 0, 0.5); } .screenshot-ui-area-selector .screenshot-ui-area-indicator-selection { border: 2px white; } .screenshot-ui-area-selector-handle { border-radius: 99px; background-color: white; box-shadow: 0 1px 3px 2px rgba(0, 0, 0, 0.2); width: 24px; height: 24px; } .screenshot-ui-window-selector { background-color: #222222; } .screenshot-ui-window-selector .screenshot-ui-window-selector-window-container { margin: 100px; } .screenshot-ui-window-selector:primary-monitor .screenshot-ui-window-selector-window-container { margin-bottom: 200px; } .screenshot-ui-window-selector-window-border { transition-duration: 200ms; border-radius: 12px; border: 6px transparent; } .screenshot-ui-window-selector-check { transition-duration: 200ms; color: transparent; border-radius: 99px; border-width: 12px; icon-size: 24px; } .screenshot-ui-window-selector-window:hover .screenshot-ui-window-selector-window-border { border-color: #4830bf; } .screenshot-ui-window-selector-window:checked .screenshot-ui-window-selector-window-border { border-color: #7764D8; background-color: rgba(119, 100, 216, 0.2); } .screenshot-ui-window-selector-window:checked .screenshot-ui-window-selector-check { color: #FFFFFF; background-color: #7764D8; } .screenshot-ui-screen-selector { transition-duration: 200ms; background-color: rgba(0, 0, 0, 0.5); } .screenshot-ui-screen-selector:hover { background-color: rgba(0, 0, 0, 0.3); } .screenshot-ui-screen-selector:active { background-color: rgba(0, 0, 0, 0.7); } .screenshot-ui-screen-selector:checked { background-color: transparent; border: 2px white; } .screenshot-ui-tooltip { color: #eeeeec; background-color: rgba(29, 29, 29, 0.975); border-radius: 99px; padding: 6px 12px; text-align: center; -y-offset: 24px; } /* Top Bar */ #panel { background-color: #131313; font-weight: bold; height: 1.86em; transition-duration: 250ms; } #panel.unlock-screen, #panel.login-screen { background-color: transparent; } #panel .panel-button { font-weight: bold; color: #f2f2f2; -natural-hpadding: 12px; -minimum-hpadding: 6px; transition-duration: 150ms; border: 3px solid transparent; border-radius: 99px; } #panel .panel-button.clock-display .clock { transition-duration: 150ms; border: 3px solid transparent; border-radius: 99px; } #panel .panel-button.screen-recording-indicator { box-shadow: inset 0 0 0 100px #c7162b; } #panel .panel-button.screen-recording-indicator StBoxLayout { spacing: 6px; } #panel .panel-button.screen-recording-indicator StIcon { icon-size: 1.09em; } #panel .panel-button:active, #panel .panel-button:overview, #panel .panel-button:focus, #panel .panel-button:checked { box-shadow: inset 0 0 0 100px rgba(242, 242, 242, 0.2); } #panel .panel-button:active.clock-display, #panel .panel-button:overview.clock-display, #panel .panel-button:focus.clock-display, #panel .panel-button:checked.clock-display { box-shadow: none; } #panel .panel-button:active.clock-display .clock, #panel .panel-button:overview.clock-display .clock, #panel .panel-button:focus.clock-display .clock, #panel .panel-button:checked.clock-display .clock { box-shadow: inset 0 0 0 100px rgba(242, 242, 242, 0.2); } #panel .panel-button:active.screen-recording-indicator, #panel .panel-button:overview.screen-recording-indicator, #panel .panel-button:focus.screen-recording-indicator, #panel .panel-button:checked.screen-recording-indicator { box-shadow: inset 0 0 0 100px rgba(199, 22, 43, 0.85); } #panel .panel-button:hover { box-shadow: inset 0 0 0 100px rgba(242, 242, 242, 0.15); } #panel .panel-button:hover.clock-display { box-shadow: none; } #panel .panel-button:hover.clock-display .clock { box-shadow: inset 0 0 0 100px rgba(242, 242, 242, 0.15); } #panel .panel-button:hover.screen-recording-indicator { box-shadow: inset 0 0 0 100px rgba(199, 22, 43, 0.9); } #panel .panel-button:active:hover, #panel .panel-button:overview:hover, #panel .panel-button:focus:hover, #panel .panel-button:checked:hover { box-shadow: inset 0 0 0 100px rgba(242, 242, 242, 0.25); } #panel .panel-button:active:hover.clock-display, #panel .panel-button:overview:hover.clock-display, #panel .panel-button:focus:hover.clock-display, #panel .panel-button:checked:hover.clock-display { box-shadow: none; } #panel .panel-button:active:hover.clock-display .clock, #panel .panel-button:overview:hover.clock-display .clock, #panel .panel-button:focus:hover.clock-display .clock, #panel .panel-button:checked:hover.clock-display .clock { box-shadow: inset 0 0 0 100px rgba(242, 242, 242, 0.25); } #panel .panel-button:active:hover.screen-recording-indicator, #panel .panel-button:overview:hover.screen-recording-indicator, #panel .panel-button:focus:hover.screen-recording-indicator, #panel .panel-button:checked:hover.screen-recording-indicator { box-shadow: inset 0 0 0 100px rgba(199, 22, 43, 0.8); } #panel .panel-button .system-status-icon { icon-size: 1.09em; padding: 5px; margin: 0 4px; } #panel .panel-button .panel-status-indicators-box .system-status-icon, #panel .panel-button .panel-status-menu-box .system-status-icon { margin: 0; } #panel .panel-button .app-menu-icon { -st-icon-style: symbolic; } #panel .panel-button#panelActivities { -natural-hpadding: 18px; } #panel.unlock-screen .panel-button:active, #panel.unlock-screen .panel-button:overview, #panel.unlock-screen .panel-button:focus, #panel.unlock-screen .panel-button:checked, #panel.login-screen .panel-button:active, #panel.login-screen .panel-button:overview, #panel.login-screen .panel-button:focus, #panel.login-screen .panel-button:checked, #panel:overview .panel-button:active, #panel:overview .panel-button:overview, #panel:overview .panel-button:focus, #panel:overview .panel-button:checked { box-shadow: inset 0 0 0 100px rgba(255, 255, 255, 0.15); } #panel.unlock-screen .panel-button:active.clock-display, #panel.unlock-screen .panel-button:overview.clock-display, #panel.unlock-screen .panel-button:focus.clock-display, #panel.unlock-screen .panel-button:checked.clock-display, #panel.login-screen .panel-button:active.clock-display, #panel.login-screen .panel-button:overview.clock-display, #panel.login-screen .panel-button:focus.clock-display, #panel.login-screen .panel-button:checked.clock-display, #panel:overview .panel-button:active.clock-display, #panel:overview .panel-button:overview.clock-display, #panel:overview .panel-button:focus.clock-display, #panel:overview .panel-button:checked.clock-display { box-shadow: none; } #panel.unlock-screen .panel-button:active.clock-display .clock, #panel.unlock-screen .panel-button:overview.clock-display .clock, #panel.unlock-screen .panel-button:focus.clock-display .clock, #panel.unlock-screen .panel-button:checked.clock-display .clock, #panel.login-screen .panel-button:active.clock-display .clock, #panel.login-screen .panel-button:overview.clock-display .clock, #panel.login-screen .panel-button:focus.clock-display .clock, #panel.login-screen .panel-button:checked.clock-display .clock, #panel:overview .panel-button:active.clock-display .clock, #panel:overview .panel-button:overview.clock-display .clock, #panel:overview .panel-button:focus.clock-display .clock, #panel:overview .panel-button:checked.clock-display .clock { box-shadow: inset 0 0 0 100px rgba(255, 255, 255, 0.15); } #panel.unlock-screen .panel-button:active.screen-recording-indicator, #panel.unlock-screen .panel-button:overview.screen-recording-indicator, #panel.unlock-screen .panel-button:focus.screen-recording-indicator, #panel.unlock-screen .panel-button:checked.screen-recording-indicator, #panel.login-screen .panel-button:active.screen-recording-indicator, #panel.login-screen .panel-button:overview.screen-recording-indicator, #panel.login-screen .panel-button:focus.screen-recording-indicator, #panel.login-screen .panel-button:checked.screen-recording-indicator, #panel:overview .panel-button:active.screen-recording-indicator, #panel:overview .panel-button:overview.screen-recording-indicator, #panel:overview .panel-button:focus.screen-recording-indicator, #panel:overview .panel-button:checked.screen-recording-indicator { box-shadow: inset 0 0 0 100px rgba(199, 22, 43, 0.85); } #panel.unlock-screen .panel-button:hover, #panel.login-screen .panel-button:hover, #panel:overview .panel-button:hover { box-shadow: inset 0 0 0 100px rgba(255, 255, 255, 0.1); } #panel.unlock-screen .panel-button:hover.clock-display, #panel.login-screen .panel-button:hover.clock-display, #panel:overview .panel-button:hover.clock-display { box-shadow: none; } #panel.unlock-screen .panel-button:hover.clock-display .clock, #panel.login-screen .panel-button:hover.clock-display .clock, #panel:overview .panel-button:hover.clock-display .clock { box-shadow: inset 0 0 0 100px rgba(255, 255, 255, 0.1); } #panel.unlock-screen .panel-button:hover.screen-recording-indicator, #panel.login-screen .panel-button:hover.screen-recording-indicator, #panel:overview .panel-button:hover.screen-recording-indicator { box-shadow: inset 0 0 0 100px rgba(199, 22, 43, 0.9); } #panel.unlock-screen .panel-button:active:hover, #panel.unlock-screen .panel-button:overview:hover, #panel.unlock-screen .panel-button:focus:hover, #panel.unlock-screen .panel-button:checked:hover, #panel.login-screen .panel-button:active:hover, #panel.login-screen .panel-button:overview:hover, #panel.login-screen .panel-button:focus:hover, #panel.login-screen .panel-button:checked:hover, #panel:overview .panel-button:active:hover, #panel:overview .panel-button:overview:hover, #panel:overview .panel-button:focus:hover, #panel:overview .panel-button:checked:hover { box-shadow: inset 0 0 0 100px rgba(255, 255, 255, 0.2); } #panel.unlock-screen .panel-button:active:hover.clock-display, #panel.unlock-screen .panel-button:overview:hover.clock-display, #panel.unlock-screen .panel-button:focus:hover.clock-display, #panel.unlock-screen .panel-button:checked:hover.clock-display, #panel.login-screen .panel-button:active:hover.clock-display, #panel.login-screen .panel-button:overview:hover.clock-display, #panel.login-screen .panel-button:focus:hover.clock-display, #panel.login-screen .panel-button:checked:hover.clock-display, #panel:overview .panel-button:active:hover.clock-display, #panel:overview .panel-button:overview:hover.clock-display, #panel:overview .panel-button:focus:hover.clock-display, #panel:overview .panel-button:checked:hover.clock-display { box-shadow: none; } #panel.unlock-screen .panel-button:active:hover.clock-display .clock, #panel.unlock-screen .panel-button:overview:hover.clock-display .clock, #panel.unlock-screen .panel-button:focus:hover.clock-display .clock, #panel.unlock-screen .panel-button:checked:hover.clock-display .clock, #panel.login-screen .panel-button:active:hover.clock-display .clock, #panel.login-screen .panel-button:overview:hover.clock-display .clock, #panel.login-screen .panel-button:focus:hover.clock-display .clock, #panel.login-screen .panel-button:checked:hover.clock-display .clock, #panel:overview .panel-button:active:hover.clock-display .clock, #panel:overview .panel-button:overview:hover.clock-display .clock, #panel:overview .panel-button:focus:hover.clock-display .clock, #panel:overview .panel-button:checked:hover.clock-display .clock { box-shadow: inset 0 0 0 100px rgba(255, 255, 255, 0.2); } #panel.unlock-screen .panel-button:active:hover.screen-recording-indicator, #panel.unlock-screen .panel-button:overview:hover.screen-recording-indicator, #panel.unlock-screen .panel-button:focus:hover.screen-recording-indicator, #panel.unlock-screen .panel-button:checked:hover.screen-recording-indicator, #panel.login-screen .panel-button:active:hover.screen-recording-indicator, #panel.login-screen .panel-button:overview:hover.screen-recording-indicator, #panel.login-screen .panel-button:focus:hover.screen-recording-indicator, #panel.login-screen .panel-button:checked:hover.screen-recording-indicator, #panel:overview .panel-button:active:hover.screen-recording-indicator, #panel:overview .panel-button:overview:hover.screen-recording-indicator, #panel:overview .panel-button:focus:hover.screen-recording-indicator, #panel:overview .panel-button:checked:hover.screen-recording-indicator { box-shadow: inset 0 0 0 100px rgba(199, 22, 43, 0.8); } #panel .panel-status-indicators-box, #panel .panel-status-menu-box { spacing: 2px; } #panel .power-status.panel-status-indicators-box { spacing: 0; } #panel .screencast-indicator, #panel .remote-access-indicator { color: #f99b11; } #appMenu { spacing: 6px; } #appMenu .label-shadow { color: transparent; } #appMenu .panel-status-menu-box { padding: 0 6px; spacing: 6px; } .clock-display-box { spacing: 2px; } .clock-display-box .clock { padding-left: 12px; padding-right: 12px; } /* Activities Ripple */ .ripple-box { background-color: rgba(255, 255, 255, 0.3); box-shadow: 0 0 2px 2px #bfb5ed; width: 52px; height: 52px; border-radius: 0 0 52px 0; } .ripple-box:rtl { border-radius: 0 0 0 52px; } /* OVERVIEW */ .controls-manager, .secondary-monitor-workspaces { spacing: 12px; } #overviewGroup { background-color: #222222; } .overview-controls { padding-bottom: 32px; } /* Window Picker */ .window-picker { spacing: 6px; } .window-caption { color: #eeeeec; background-color: rgba(29, 29, 29, 0.975); border-radius: 99px; padding: 6px 12px; border: 1px solid #464646; } .window-close, .screenshot-ui-close-button { background-color: rgba(55, 55, 55, 0.975); color: #eeeeec; border-radius: 99px; padding: 3px; height: 30px; width: 30px; transition-duration: 300ms; border: 1px solid #464646; } .window-close StIcon, .screenshot-ui-close-button StIcon { icon-size: 24px; } .window-close:hover, .screenshot-ui-close-button:hover { background-color: rgba(67, 67, 67, 0.975); } .window-close:active, .screenshot-ui-close-button:active { background-color: rgba(42, 42, 42, 0.975); } .workspace-background { border-radius: 30px; box-shadow: 0 4px 16px 4px rgba(0, 0, 0, 0.275); } .search-entry { border-radius: 18px; margin-top: 24px; margin-bottom: 12px; padding: 7px 9px; width: 320px; background-color: white; color: rgba(61, 61, 61, 0.7); border: 1px solid #c7c7c7; } .search-entry:hover { background-color: white; border-color: #d4d4d4; color: #3D3D3D; } .search-entry:focus { background-color: white; border-color: #a99de6; box-shadow: 0 0 0 1px #a99de6 inset; color: #3D3D3D; } .search-entry:insensitive { background-color: white; border-color: white; color: #9c9c9c; } .search-entry .search-entry-icon { color: inherit; icon-size: 1.09em; margin-top: 2px; padding: 0 4px; } /* Search */ #searchResults { margin: 0 4px; } #searchResultsContent { max-width: 1072px; } .search-section { spacing: 18px; } .search-section .search-section-separator { height: 8px; background-color: transparent; } .search-section-content { background-color: #1d1d1d; border-radius: 18px; border: 1px solid #464646; color: #eeeeec; padding: 12px; margin: 0 12px; } .list-search-result, .search-provider-icon { background-color: transparent; border-radius: 9px; } .list-search-result:hover, .search-provider-icon:hover { background-color: rgba(238, 238, 236, 0.1); } .list-search-result:selected, .search-provider-icon:selected, .list-search-result:focus, .search-provider-icon:focus { background-color: rgba(238, 238, 236, 0.13); } .list-search-result:selected:hover, .search-provider-icon:selected:hover, .list-search-result:focus:hover, .search-provider-icon:focus:hover { background-color: rgba(238, 238, 236, 0.16); } .list-search-result:selected:active, .search-provider-icon:selected:active, .list-search-result:focus:active, .search-provider-icon:focus:active { background-color: rgba(238, 238, 236, 0.13); } .list-search-result:active, .search-provider-icon:active { background-color: rgba(238, 238, 236, 0.16); } .list-search-result:outlined, .search-provider-icon:outlined, .list-search-result:checked, .search-provider-icon:checked { background-color: rgba(238, 238, 236, 0.19); } .list-search-result:outlined:active, .search-provider-icon:outlined:active, .list-search-result:checked:active, .search-provider-icon:checked:active { background-color: rgba(238, 238, 236, 0.22); } .list-search-result:outlined:hover, .search-provider-icon:outlined:hover, .list-search-result:checked:hover, .search-provider-icon:checked:hover { background-color: rgba(238, 238, 236, 0.25); } .list-search-result:drop, .search-provider-icon:drop { border: 2px solid rgba(119, 100, 216, 0.8); background-color: rgba(119, 100, 216, 0.2); } .grid-search-results { spacing: 30px; margin: 0 12px; } .search-provider-icon:ltr { margin-right: 4px; } .search-provider-icon:rtl { margin-left: 4px; } .search-provider-icon .list-search-provider-content { spacing: 12px; } .search-provider-icon .list-search-provider-content .list-search-provider-details { width: 120px; color: #eeeeec; } .list-search-results { spacing: 6px; } .list-search-result .list-search-result-content { spacing: 6px; } .list-search-result .list-search-result-title { spacing: 12px; } .list-search-result .list-search-result-description { color: #868685; } /* Dash */ #dash { margin-top: 12px; } #dash .placeholder { background-image: none; background-size: contain; height: 32px; } #dash .empty-dash-drop-target { width: 32px; height: 32px; } #dash .app-well-app-running-dot { margin-bottom: 13px; background-color: #7764D8; } .dash-background { background-color: #1d1d1d; border-radius: 24px; padding: 12px; border: 1px solid #464646; spacing: 6px; margin-bottom: 12px; } .dash-item-container > * { margin: 0 2px; } .dash-item-container:ltr:first-child { margin-left: 0; } .dash-item-container:rtl:first-child { margin-right: 0; } .dash-item-container .app-well-app .overview-icon, .dash-item-container .grid-search-result .overview-icon { padding: 6px; } .dash-item-container .show-apps .overview-icon { background-color: transparent; } .dash-item-container .show-apps:hover .overview-icon { background-color: rgba(238, 238, 236, 0.1); } .dash-item-container .show-apps:selected .overview-icon, .dash-item-container .show-apps:focus .overview-icon { background-color: rgba(238, 238, 236, 0.13); } .dash-item-container .show-apps:selected .overview-icon:hover .overview-icon, .dash-item-container .show-apps:focus .overview-icon:hover .overview-icon { background-color: rgba(238, 238, 236, 0.16); } .dash-item-container .show-apps:selected .overview-icon:active .overview-icon, .dash-item-container .show-apps:focus .overview-icon:active .overview-icon { background-color: rgba(238, 238, 236, 0.13); } .dash-item-container .show-apps:active .overview-icon { background-color: rgba(238, 238, 236, 0.16); } .dash-item-container .show-apps:outlined .overview-icon, .dash-item-container .show-apps:checked .overview-icon { background-color: rgba(238, 238, 236, 0.19); } .dash-item-container .show-apps:outlined .overview-icon:active .overview-icon, .dash-item-container .show-apps:checked .overview-icon:active .overview-icon { background-color: rgba(238, 238, 236, 0.22); } .dash-item-container .show-apps:outlined .overview-icon:hover .overview-icon, .dash-item-container .show-apps:checked .overview-icon:hover .overview-icon { background-color: rgba(238, 238, 236, 0.25); } .dash-item-container .show-apps:drop .overview-icon { border: 2px solid rgba(119, 100, 216, 0.8); background-color: rgba(119, 100, 216, 0.2); } .dash-item-container .show-apps:focus .overview-icon, .dash-item-container .show-apps:active .overview-icon, .dash-item-container .show-apps:checked .overview-icon { background-color: rgba(238, 238, 236, 0.2); } .dash-item-container .show-apps, .dash-item-container .app-well-app, .dash-item-container .grid-search-result { padding-bottom: 12px; } .dash-separator { width: 1px; margin: 0 4px; background-color: #464646; margin-bottom: 12px; } .dash-label { color: #eeeeec; background-color: rgba(29, 29, 29, 0.975); border-radius: 99px; padding: 6px 12px; text-align: center; -y-offset: 8px; border: 1px solid #464646; } /* App Grid */ .icon-grid { row-spacing: 12px; column-spacing: 12px; max-row-spacing: 42px; max-column-spacing: 42px; page-padding-top: 24px; page-padding-bottom: 24px; page-padding-left: 18px; page-padding-right: 18px; } /* App Icons */ .app-well-app .overview-icon, .grid-search-result .overview-icon { background-color: transparent; } .app-well-app:hover .overview-icon, .grid-search-result:hover .overview-icon { background-color: rgba(238, 238, 236, 0.1); } .app-well-app:selected .overview-icon, .grid-search-result:selected .overview-icon, .app-well-app:focus .overview-icon, .grid-search-result:focus .overview-icon { background-color: rgba(238, 238, 236, 0.13); } .app-well-app:selected .overview-icon:hover .overview-icon, .grid-search-result:selected .overview-icon:hover .overview-icon, .app-well-app:focus .overview-icon:hover .overview-icon, .grid-search-result:focus .overview-icon:hover .overview-icon { background-color: rgba(238, 238, 236, 0.16); } .app-well-app:selected .overview-icon:active .overview-icon, .grid-search-result:selected .overview-icon:active .overview-icon, .app-well-app:focus .overview-icon:active .overview-icon, .grid-search-result:focus .overview-icon:active .overview-icon { background-color: rgba(238, 238, 236, 0.13); } .app-well-app:active .overview-icon, .grid-search-result:active .overview-icon { background-color: rgba(238, 238, 236, 0.16); } .app-well-app:outlined .overview-icon, .grid-search-result:outlined .overview-icon, .app-well-app:checked .overview-icon, .grid-search-result:checked .overview-icon { background-color: rgba(238, 238, 236, 0.19); } .app-well-app:outlined .overview-icon:active .overview-icon, .grid-search-result:outlined .overview-icon:active .overview-icon, .app-well-app:checked .overview-icon:active .overview-icon, .grid-search-result:checked .overview-icon:active .overview-icon { background-color: rgba(238, 238, 236, 0.22); } .app-well-app:outlined .overview-icon:hover .overview-icon, .grid-search-result:outlined .overview-icon:hover .overview-icon, .app-well-app:checked .overview-icon:hover .overview-icon, .grid-search-result:checked .overview-icon:hover .overview-icon { background-color: rgba(238, 238, 236, 0.25); } .app-well-app:drop .overview-icon, .grid-search-result:drop .overview-icon { border: 2px solid rgba(119, 100, 216, 0.8); background-color: rgba(119, 100, 216, 0.2); } .app-well-app:focus .overview-icon, .grid-search-result:focus .overview-icon, .app-well-app:active .overview-icon, .grid-search-result:active .overview-icon, .app-well-app:checked .overview-icon, .grid-search-result:checked .overview-icon { background-color: rgba(238, 238, 236, 0.2); } .app-well-app .overview-icon, .grid-search-result .overview-icon { padding: 12px; } .app-well-app .overview-icon.overview-icon-with-label > StBoxLayout, .grid-search-result .overview-icon.overview-icon-with-label > StBoxLayout { spacing: 6px; } .app-well-app.app-folder .overview-icon, .app-folder.grid-search-result .overview-icon { background-color: rgba(238, 238, 236, 0.05); } .app-well-app.app-folder:hover .overview-icon, .app-folder.grid-search-result:hover .overview-icon { background-color: rgba(238, 238, 236, 0.1); } .app-well-app.app-folder:selected .overview-icon, .app-folder.grid-search-result:selected .overview-icon, .app-well-app.app-folder:focus .overview-icon, .app-folder.grid-search-result:focus .overview-icon { background-color: rgba(238, 238, 236, 0.13); } .app-well-app.app-folder:selected .overview-icon:hover .overview-icon, .app-folder.grid-search-result:selected .overview-icon:hover .overview-icon, .app-well-app.app-folder:focus .overview-icon:hover .overview-icon, .app-folder.grid-search-result:focus .overview-icon:hover .overview-icon { background-color: rgba(238, 238, 236, 0.16); } .app-well-app.app-folder:selected .overview-icon:active .overview-icon, .app-folder.grid-search-result:selected .overview-icon:active .overview-icon, .app-well-app.app-folder:focus .overview-icon:active .overview-icon, .app-folder.grid-search-result:focus .overview-icon:active .overview-icon { background-color: rgba(238, 238, 236, 0.13); } .app-well-app.app-folder:active .overview-icon, .app-folder.grid-search-result:active .overview-icon { background-color: rgba(238, 238, 236, 0.16); } .app-well-app.app-folder:outlined .overview-icon, .app-folder.grid-search-result:outlined .overview-icon, .app-well-app.app-folder:checked .overview-icon, .app-folder.grid-search-result:checked .overview-icon { background-color: rgba(238, 238, 236, 0.19); } .app-well-app.app-folder:outlined .overview-icon:active .overview-icon, .app-folder.grid-search-result:outlined .overview-icon:active .overview-icon, .app-well-app.app-folder:checked .overview-icon:active .overview-icon, .app-folder.grid-search-result:checked .overview-icon:active .overview-icon { background-color: rgba(238, 238, 236, 0.22); } .app-well-app.app-folder:outlined .overview-icon:hover .overview-icon, .app-folder.grid-search-result:outlined .overview-icon:hover .overview-icon, .app-well-app.app-folder:checked .overview-icon:hover .overview-icon, .app-folder.grid-search-result:checked .overview-icon:hover .overview-icon { background-color: rgba(238, 238, 236, 0.25); } .app-well-app.app-folder:drop .overview-icon, .app-folder.grid-search-result:drop .overview-icon { border: 2px solid rgba(119, 100, 216, 0.8); background-color: rgba(119, 100, 216, 0.2); } .app-well-app.app-folder:focus .overview-icon, .app-folder.grid-search-result:focus .overview-icon, .app-well-app.app-folder:active .overview-icon, .app-folder.grid-search-result:active .overview-icon, .app-well-app.app-folder:checked .overview-icon, .app-folder.grid-search-result:checked .overview-icon { background-color: rgba(238, 238, 236, 0.2); } .app-folder-dialog { border-radius: 24px; background-color: #1d1d1d; border: 1px solid #464646; } .app-folder-dialog .folder-name-container { padding: 24px 36px 0; spacing: 12px; /* FIXME: this is to keep the label in sync with the entry */ } .app-folder-dialog .folder-name-container .folder-name-label, .app-folder-dialog .folder-name-container .folder-name-entry { color: #eeeeec; } .app-folder-dialog .folder-name-container .folder-name-entry { width: 300px; background-color: rgba(39, 39, 39, 0.975); border-color: rgba(255, 255, 255, 0.16); } .app-folder-dialog .folder-name-container .folder-name-label { padding: 5px 7px; color: #eeeeec; } .app-folder-dialog .folder-name-container .edit-folder-button { padding: 0; width: 36px; height: 36px; border-radius: 99px; } .app-folder-dialog .folder-name-container .edit-folder-button > StIcon { icon-size: 1.09em; } .app-folder-dialog .icon-grid { row-spacing: 12px; column-spacing: 30px; page-padding-top: 0; page-padding-bottom: 0; page-padding-left: 0; page-padding-right: 0; } .app-folder-dialog .page-indicators { margin-bottom: 18px; } .app-folder-dialog-container { padding: 12px; width: 640px; height: 640px; } .app-well-app-running-dot { height: 5px; width: 5px; border-radius: 5px; margin-bottom: 8px; background-color: #7764D8; } .rename-folder-popup .rename-folder-popup-item { spacing: 6px; } .rename-folder-popup .rename-folder-popup-item:ltr, .rename-folder-popup .rename-folder-popup-item:rtl { padding: 0 12px; } .page-indicator { padding: 6px 12px 0; } .page-indicator .page-indicator-icon { width: 10px; height: 10px; border-radius: 10px; background-color: white; } .apps-scroll-view { padding: 0; } .system-action-icon { background-color: rgba(0, 0, 0, 0.8); color: #fff; border-radius: 99px; icon-size: 48px; } .page-navigation-hint { width: 300px; } .page-navigation-hint.dnd { background: rgba(255, 255, 255, 0.1); } .page-navigation-hint.next:ltr, .page-navigation-hint.previous:rtl { background-gradient-start: rgba(255, 255, 255, 0.05); background-gradient-end: transparent; background-gradient-direction: horizontal; border-radius: 18px 0px 0px 18px; } .page-navigation-hint.previous:ltr, .page-navigation-hint.next:rtl { background-gradient-start: transparent; background-gradient-end: rgba(255, 255, 255, 0.05); background-gradient-direction: horizontal; border-radius: 0px 18px 18px 0px; } .page-navigation-arrow { margin: 6px; width: 24px; height: 24px; color: #eeeeec; } /* Workspace pager */ .workspace-thumbnails { visible-width: 32px; spacing: 6px; padding: 6px; border-color: transparent; } .workspace-thumbnails .workspace-thumbnail { border-radius: 3px; background-color: #1d1d1d; border: 1px solid #464646; } .workspace-thumbnails .placeholder { background-image: url("resource:///org/gnome/shell/theme/workspace-placeholder.svg"); background-size: contain; width: 18px; } .workspace-thumbnail-indicator { border: 2px solid #a99de6; border-radius: 3px; padding: 0px; } .ripple-pointer-location { width: 50px; height: 50px; border-radius: 25px; background-color: rgba(226, 222, 247, 0.3); box-shadow: 0 0 2px 2px #bfb5ed; } .pie-timer { width: 60px; height: 60px; -pie-border-width: 3px; -pie-border-color: #7764D8; -pie-background-color: rgba(255, 255, 255, 0.3); } .magnifier-zoom-region { border: 2px solid #7764D8; } .magnifier-zoom-region.full-screen { border-width: 0; } .select-area-rubberband { background-color: rgba(135, 135, 135, 0.2); border: 1px solid rgba(204, 204, 204, 0.8); } .user-icon { /* Yaru: See commit 3d4aca768250 */ background-size: contain; color: #3D3D3D; border-radius: 99px; icon-size: 4.36em; } .user-icon:hover { color: #8a8a8a; } .user-icon StIcon { background-color: rgba(61, 61, 61, 0.05); border-radius: 99px; padding: 12px; width: 2.725em; height: 2.725em; } .user-icon.user-avatar { border: 2px #eeeeec; } .user-widget.vertical .user-icon { icon-size: 6.54em; } .user-widget.vertical .user-icon StIcon { padding: 20px; padding-top: 18px; padding-bottom: 22px; width: 5.995em; height: 5.995em; /* Yaru: See commit 3d4aca768250 */ } .lightbox { background-color: black; } .flashspot { background-color: white; } .hidden { color: rgba(0, 0, 0, 0); } .caps-lock-warning-label { text-align: center; padding-bottom: 8px; color: #f99b11; } /* Workspace animation */ .workspace-animation { background-color: #222222; } /* Tiled window previews */ .tile-preview { background-color: rgba(119, 100, 216, 0.5); border: 1px solid #7764D8; } /* On-screen Keyboard */ #keyboard { background-color: rgba(237, 237, 237, 0.9); } #keyboard .page-indicator { padding: 6px; } #keyboard .page-indicator .page-indicator-icon { width: 8px; height: 8px; } .key-container { padding: 4px; spacing: 4px; } .keyboard-key { font-size: 16pt; font-weight: bold; min-height: 1.2em; min-width: 1.2em; border-width: 1px; border-style: solid; border-radius: 10px; box-shadow: 0 1px 0 0 rgba(0, 0, 0, 0.1); color: #3D3D3D; background-color: white; } .keyboard-key:focus { color: #3D3D3D; background-color: #f1f0fb; box-shadow: inset 0 0 0 2px rgba(119, 100, 216, 0.6); } .keyboard-key:focus:hover { background-color: #f1f0fb; box-shadow: inset 0 0 0 2px rgba(119, 100, 216, 0.7); } .keyboard-key:focus:active { background-color: #f1f0fb; box-shadow: inset 0 0 0 2px rgba(119, 100, 216, 0.7); } .keyboard-key:hover { color: #3D3D3D; background-color: #fafafa; } .keyboard-key:active { color: #3D3D3D; background-color: #f2f2f2; } .keyboard-key:checked { color: #3D3D3D; background-color: #ebebeb; } .keyboard-key:grayed { background-color: #f2f2f2; color: #3D3D3D; border-color: rgba(0, 0, 0, 0.7); } .keyboard-key.default-key { color: #3D3D3D; background-color: white; border-radius: 10px; } .keyboard-key.default-key:hover { color: #3D3D3D; background-color: #fafafa; } .keyboard-key.default-key:active { color: #3D3D3D; background-color: #f2f2f2; } .keyboard-key.default-key:checked { color: #3D3D3D; background-color: #ebebeb; } .keyboard-key.enter-key { color: #FFFFFF; background-color: #12a929; border-radius: 10px; color: #eeeeec; } .keyboard-key.enter-key:hover { color: #FFFFFF; background-color: #11a027; } .keyboard-key.enter-key:active { color: #FFFFFF; background-color: #0f9223; } .keyboard-key.enter-key:checked { color: #FFFFFF; background-color: #0e8420; } .keyboard-key.shift-key-uppercase { background-color: #dedede; color: #3D3D3D; } .keyboard-key.shift-key-uppercase:hover { background-color: #d6d6d6; } .keyboard-key StIcon { icon-size: 24px; } .keyboard-subkeys { -arrow-border-radius: 12px; -arrow-background-color: rgba(237, 237, 237, 0.9); -arrow-border-width: 1px; -arrow-border-color: #c7c7c7; -arrow-base: 20px; -arrow-rise: 10px; -boxpointer-gap: 6px; padding: 6px; } .keyboard-subkeys .keyboard-key { color: #3D3D3D; background-color: white; border-radius: 10px; } .keyboard-subkeys .keyboard-key:focus { color: #3D3D3D; background-color: #f1f0fb; box-shadow: inset 0 0 0 2px rgba(119, 100, 216, 0.6); } .keyboard-subkeys .keyboard-key:focus:hover { background-color: #f1f0fb; box-shadow: inset 0 0 0 2px rgba(119, 100, 216, 0.7); } .keyboard-subkeys .keyboard-key:focus:active { background-color: #f1f0fb; box-shadow: inset 0 0 0 2px rgba(119, 100, 216, 0.7); } .keyboard-subkeys .keyboard-key:hover { color: #3D3D3D; background-color: #fafafa; } .keyboard-subkeys .keyboard-key:active { color: #3D3D3D; background-color: #f2f2f2; } .keyboard-subkeys .keyboard-key:checked { color: #3D3D3D; background-color: #ebebeb; } .emoji-page .keyboard-key { background-color: transparent; border: none; color: initial; } .emoji-panel .keyboard-key:latched { border-color: #8978dd; background-color: #7764D8; } .word-suggestions { font-size: 14pt; spacing: 12px; min-height: 20pt; padding: 12px; color: #3D3D3D; } .word-suggestions StButton { margin: 0 3px; min-width: 32px; border-radius: 4px; padding: 6px 18px; background-color: transparent; background-image: none; } .word-suggestions StButton:focus { color: #3D3D3D; background-color: #f1f0fb; box-shadow: inset 0 0 0 2px rgba(119, 100, 216, 0.6); } .word-suggestions StButton:focus:hover { background-color: #f1f0fb; box-shadow: inset 0 0 0 2px rgba(119, 100, 216, 0.7); } .word-suggestions StButton:focus:active { background-color: #f1f0fb; box-shadow: inset 0 0 0 2px rgba(119, 100, 216, 0.7); } .word-suggestions StButton:hover { color: #3D3D3D; background-color: #fafafa; } .word-suggestions StButton:active { color: #3D3D3D; background-color: #f2f2f2; } .word-suggestions StButton:checked { color: #3D3D3D; background-color: #ebebeb; } /* Looking Glass */ #LookingGlassDialog { background-color: rgba(29, 29, 29, 0.975); border-radius: 0 0 12px 12px; border-top-width: 0; border: 1px solid rgba(255, 255, 255, 0.16); color: #eeeeec; padding: 6px; spacing: 6px; box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.1); } #LookingGlassDialog > #Toolbar { border: none; padding: 6px; border-radius: 0; background-color: transparent; spacing: 6px; } #LookingGlassDialog > #Toolbar .lg-toolbar-button { padding: 6px 12px; } #LookingGlassDialog > #Toolbar .lg-toolbar-button > StIcon { icon-size: 1.09em; } #LookingGlassDialog .labels { spacing: 6px; } #LookingGlassDialog .notebook-tab { -natural-hpadding: 12px; -minimum-hpadding: 12px; font-weight: bold; padding: 6px 12px; color: #cacac4; transition-duration: 100ms; box-shadow: none; border: none; border-radius: 4px; background-color: transparent; } #LookingGlassDialog .notebook-tab:hover { color: #eeeeec; background-color: rgba(238, 238, 236, 0.05); } #LookingGlassDialog .notebook-tab:selected { color: #eeeeec; background-color: rgba(238, 238, 236, 0.1); } #LookingGlassDialog StBoxLayout#EvalBox { padding: 4px; spacing: 6px; padding: 6px; } #LookingGlassDialog StBoxLayout#ResultsArea { spacing: 6px; padding: 6px; } .lg-dialog { color: #eeeeec; } .lg-dialog StEntry { background-color: rgba(42, 42, 42, 0.575); color: #eeeeec; border-color: rgba(238, 238, 236, 0.2); min-height: 22px; selection-background-color: #7764D8; selected-color: #FFFFFF; } .lg-dialog StEntry, .lg-dialog StEntry:focus { box-shadow: none; } .lg-dialog .shell-link { color: #533bce; } .lg-dialog .shell-link:hover { color: #7764d8; } .lg-dialog .shell-link:active { color: #402bab; } .lg-dialog .actor-link { color: #9c9c9c; } .lg-dialog .actor-link:hover { color: #cfcfcf; } .lg-dialog .actor-link:active { color: dimgray; } .lg-completions-text { font-style: italic; color: #eeeeec; } .lg-obj-inspector-title { spacing: 6px; color: #eeeeec; } .lg-obj-inspector-button { border: 1px solid rgba(0, 0, 0, 0.7); padding: 4px; border-radius: 6px; color: #eeeeec; } .lg-obj-inspector-button:hover { border: 1px solid #ffffff; } #lookingGlassExtensions { padding: 6px; } .lg-extensions-list { padding: 6px; spacing: 6px; } .lg-extension { padding: 12px; border-radius: 6px; margin: 4px; box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.1); color: #3D3D3D; background-color: #ededed; } .lg-extension:focus { color: #3D3D3D; background-color: #ededed; box-shadow: inset 0 0 0 2px #a99de6; } .lg-extension:focus:hover { background-color: #e5e5e5; box-shadow: inset 0 0 0 2px #a99de6; } .lg-extension:focus:active { background-color: #dedede; box-shadow: inset 0 0 0 2px #a99de6; } .lg-extension:hover { color: #3D3D3D; background-color: #e5e5e5; } .lg-extension:active { color: #3D3D3D; background-color: #dedede; } .lg-extension-meta { spacing: 6px; } #LookingGlassPropertyInspector { background: rgba(29, 29, 29, 0.975); border: 1px solid rgba(0, 0, 0, 0.7); border-radius: 6px; padding: 6px; } .lg-debug-flag-button { color: #3D3D3D; } .lg-debug-flag-button StLabel { padding: 6px, 12px; } .lg-debug-flag-button:hover { color: #707070; } .lg-debug-flag-button:active { color: #0a0a0a; } .lg-debug-flags-header { padding-top: 12px; padding: 6px; } /* Login Dialog */ .login-dialog-banner-view { padding-top: 24px; max-width: 23em; } .login-dialog, .unlock-dialog { border: none; background-color: transparent; } .login-dialog .modal-dialog-button-box, .unlock-dialog .modal-dialog-button-box { spacing: 3px; } .login-dialog .modal-dialog-button, .unlock-dialog .modal-dialog-button { padding: 4px 18px; box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2); background-color: #ffffff; border-color: #c7c7c7; color: #3D3D3D; } .login-dialog .modal-dialog-button:hover, .unlock-dialog .modal-dialog-button:hover { background-color: #d9d9d9; } .login-dialog .modal-dialog-button:focus, .unlock-dialog .modal-dialog-button:focus { border-color: #a99de6; box-shadow: inset 0 0 0 1px #a99de6; } .login-dialog .modal-dialog-button:active, .unlock-dialog .modal-dialog-button:active { box-shadow: none; background-color: #bfbfbf; color: rgba(238, 238, 236, 0.7); } .login-dialog .modal-dialog-button:default, .unlock-dialog .modal-dialog-button:default { background-color: #7764D8; color: #FFFFFF; } .login-dialog .modal-dialog-button:default:focus, .unlock-dialog .modal-dialog-button:default:focus { box-shadow: inset 0 0 0 2px rgba(119, 100, 216, 0.6); } .login-dialog .modal-dialog-button:default:hover, .login-dialog .modal-dialog-button:default:focus, .unlock-dialog .modal-dialog-button:default:hover, .unlock-dialog .modal-dialog-button:default:focus { background-color: #8978dd; color: white; } .login-dialog .modal-dialog-button:default:active, .unlock-dialog .modal-dialog-button:default:active { background-color: #5e47d1; color: #ededed; } .login-dialog .modal-dialog-button:default:insensitive, .unlock-dialog .modal-dialog-button:default:insensitive { color: rgba(61, 61, 61, 0.5); background-color: rgba(61, 61, 61, 0.05); background-color: rgba(119, 100, 216, 0.5); color: rgba(255, 255, 255, 0.5); } .login-dialog .cancel-button, .login-dialog .switch-user-button, .login-dialog .login-dialog-session-list-button, .unlock-dialog .cancel-button, .unlock-dialog .switch-user-button, .unlock-dialog .login-dialog-session-list-button { padding: 0; border-radius: 99px; width: 2.18em; height: 2.18em; } .login-dialog .cancel-button StIcon, .login-dialog .switch-user-button StIcon, .login-dialog .login-dialog-session-list-button StIcon, .unlock-dialog .cancel-button StIcon, .unlock-dialog .switch-user-button StIcon, .unlock-dialog .login-dialog-session-list-button StIcon { icon-size: 1.09em; } .login-dialog .caps-lock-warning-label, .login-dialog .login-dialog-message, .unlock-dialog .caps-lock-warning-label, .unlock-dialog .login-dialog-message { color: #eeeeec; } .login-dialog-logo-bin { padding: 24px 0px; } .login-dialog-banner { color: #d6d6d1; } .login-dialog-button-box { width: 23em; spacing: 5px; } .login-dialog-message { text-align: center; } .login-dialog-user-selection-box { padding: 100px 0px; } .login-dialog-not-listed-label { padding-left: 2px; } .login-dialog-not-listed-button:focus .login-dialog-not-listed-label, .login-dialog-not-listed-button:hover .login-dialog-not-listed-label { color: #eeeeec; } .login-dialog-not-listed-label { font-weight: bold; color: #a6a69b; padding-top: 1em; } .login-dialog-auth-list-view { -st-vfade-offset: 1em; } .login-dialog-auth-list { spacing: 6px; margin-left: 2em; } .login-dialog-auth-list-title { margin-left: 2em; } .login-dialog-auth-list-item { border-radius: 10px; padding: 6px; color: #a6a69b; } .login-dialog-auth-list-item:focus, .login-dialog-auth-list-item:selected { background-color: #7764D8; color: #FFFFFF; } .login-dialog-auth-list-label { font-size: 13pt; font-weight: bold; padding-left: 15px; } .login-dialog-auth-list-label:ltr { padding-left: 14px; text-align: left; } .login-dialog-auth-list-label:rtl { padding-right: 14px; text-align: right; } .login-dialog-user-list-view { -st-vfade-offset: 1em; } .login-dialog-user-list { spacing: 12px; width: 23em; } .login-dialog-user-list:expanded .login-dialog-user-list-item:selected { background-color: rgba(255, 255, 255, 0.1); color: #FFFFFF; } .login-dialog-user-list:expanded .login-dialog-user-list-item:logged-in { border-right: 2px solid rgba(255, 255, 255, 0.1); } .login-dialog-user-list-item { border-radius: 10px; padding: 6px; color: #a6a69b; } .login-dialog-user-list-item:ltr .user-widget { padding-right: 1em; } .login-dialog-user-list-item:rtl .user-widget { padding-left: 1em; } .login-dialog-user-list-item .login-dialog-timed-login-indicator { height: 2px; margin-top: 6px; background-color: #eeeeec; } .login-dialog-user-list-item:focus .login-dialog-timed-login-indicator { background-color: #FFFFFF; } .user-widget-label { color: #eeeeec; } .user-widget.horizontal .user-widget-label { font-size: 13pt; font-weight: bold; padding-left: 15px; } .user-widget.horizontal .user-widget-label:ltr { padding-left: 14px; text-align: left; } .user-widget.horizontal .user-widget-label:rtl { padding-right: 14px; text-align: right; } .user-widget.vertical .user-widget-label { font-size: 16pt; text-align: center; font-weight: normal; padding-top: 16px; } .login-dialog-timed-login-indicator { height: 2px; background-color: black; } .login-dialog-prompt-layout { padding-top: 24px; padding-bottom: 12px; spacing: 12px; width: 23em; } .login-dialog-prompt-entry { height: 1.5em; } .login-dialog-prompt-label { color: #bebeb6; font-size: 12pt; padding-top: 1em; } .unlock-dialog StEntry { border: none !important; } .unlock-dialog StEntry, .unlock-dialog StEntry:focus { color: #F7F7F7; background-color: rgba(247, 247, 247, 0.1); box-shadow: none; } .unlock-dialog StEntry:insensitive { color: rgba(247, 247, 247, 0.5); background-color: rgba(247, 247, 247, 0.05); } .unlock-dialog StEntry StLabel.hint-text { color: rgba(247, 247, 247, 0.7); } .unlock-dialog .user-icon { background-color: rgba(247, 247, 247, 0.1); color: #F7F7F7; } .unlock-dialog .cancel-button, .unlock-dialog .switch-user-button, .unlock-dialog .login-dialog-session-list-button { border-color: transparent; background-color: rgba(247, 247, 247, 0.1); box-shadow: none; } .unlock-dialog .cancel-button, .unlock-dialog .cancel-button:hover, .unlock-dialog .cancel-button:focus, .unlock-dialog .cancel-button:active, .unlock-dialog .switch-user-button, .unlock-dialog .switch-user-button:hover, .unlock-dialog .switch-user-button:focus, .unlock-dialog .switch-user-button:active, .unlock-dialog .login-dialog-session-list-button, .unlock-dialog .login-dialog-session-list-button:hover, .unlock-dialog .login-dialog-session-list-button:focus, .unlock-dialog .login-dialog-session-list-button:active { color: #F7F7F7; } .unlock-dialog .cancel-button:hover, .unlock-dialog .cancel-button:focus, .unlock-dialog .switch-user-button:hover, .unlock-dialog .switch-user-button:focus, .unlock-dialog .login-dialog-session-list-button:hover, .unlock-dialog .login-dialog-session-list-button:focus { background-color: rgba(247, 247, 247, 0.15); } .unlock-dialog .cancel-button:active, .unlock-dialog .switch-user-button:active, .unlock-dialog .login-dialog-session-list-button:active { background-color: rgba(247, 247, 247, 0.2); } /* Screen Shield */ .unlock-dialog-clock { color: white; font-weight: 300; text-align: center; spacing: 24px; padding-bottom: 2.5em; } .unlock-dialog-clock-time { font-size: 64pt; padding-top: 42px; } .unlock-dialog-clock-date { font-size: 16pt; font-weight: normal; } .unlock-dialog-clock-hint { font-weight: normal; padding-top: 48px; } .unlock-dialog-notifications-container { margin: 12px; spacing: 6px; width: 23em; background-color: transparent; } .unlock-dialog-notifications-container .summary-notification-stack-scrollview { padding-top: 0; padding-bottom: 0; } .unlock-dialog-notifications-container .notification, .unlock-dialog-notifications-container .unlock-dialog-notification-source { padding: 12px 16px; border: none; background-color: rgba(238, 238, 236, 0.1); color: #eeeeec; border-radius: 12px; } .unlock-dialog-notifications-container .notification.critical, .unlock-dialog-notifications-container .unlock-dialog-notification-source.critical { background-color: rgba(238, 238, 236, 0.2); } .unlock-dialog-notification-label { padding: 0 0 0 12px; } .unlock-dialog-notification-count-text { font-weight: bold; padding: 0 12px; color: #eeeeec; background-color: rgba(238, 238, 236, 0.1); border-radius: 99px; } .screen-shield-background { background: black; box-shadow: 0 2px 4px rgba(0, 0, 0, 0.6); } #lockDialogGroup { background-color: #222222; } #unlockDialogNotifications StButton#vhandle, #unlockDialogNotifications StButton#hhandle { background-color: rgba(250, 250, 250, 0.3); } #unlockDialogNotifications StButton#vhandle:hover, #unlockDialogNotifications StButton#vhandle:focus, #unlockDialogNotifications StButton#hhandle:hover, #unlockDialogNotifications StButton#hhandle:focus { background-color: rgba(250, 250, 250, 0.5); } #unlockDialogNotifications StButton#vhandle:active, #unlockDialogNotifications StButton#hhandle:active { background-color: rgba(119, 100, 216, 0.5); } * { font-weight: normal !important; text-shadow: none !important; } .file-item { border-radius: 6px; } /* Default Ubuntu Dock styling, append !important to any changed rules This must be in sync with - https://github.com/micheleg/dash-to-dock/blob/ubuntu-dock/_stylesheet.scss */ #dashtodockContainer.bottom #dash { margin: 0px; padding: 0px; } #dashtodockContainer.bottom #dash .dash-background { margin: 0; margin-bottom: 4px; padding: 0; border-radius: 18px; spacing: 6px; } #dashtodockContainer.bottom #dash .dash-separator { background-color: #c7c7c7; margin: 0 4px; width: 1px; height: 0; margin-bottom: 4px; } #dashtodockContainer.bottom #dash #dashtodockDashContainer { padding: 10px; padding-bottom: 0; padding-top: 0; } #dashtodockContainer.bottom #dash .dash-item-container { /* Disable all margins defined upstream, we handle them here */ margin: 0 2px; } #dashtodockContainer.bottom #dash .dash-item-container > * { margin: 0; } #dashtodockContainer.bottom #dash .dash-item-container:ltr:first-child, #dashtodockContainer.bottom #dash .dash-item-container:rtl:last-child { margin-left: 0; } #dashtodockContainer.bottom #dash .dash-item-container:ltr:last-child, #dashtodockContainer.bottom #dash .dash-item-container:rtl:first-child { margin-right: 0; } #dashtodockContainer.bottom #dash .dash-item-container .app-well-app, #dashtodockContainer.bottom #dash .dash-item-container .grid-search-result, #dashtodockContainer.bottom #dash .dash-item-container .show-apps { padding: 2px 2px; padding-bottom: 14px; padding-top: 10px; } #dashtodockContainer.bottom #dash .dash-item-container .app-well-app:ltr:first-child, #dashtodockContainer.bottom #dash .dash-item-container .grid-search-result:ltr:first-child, #dashtodockContainer.bottom #dash .dash-item-container .app-well-app:rtl:last-child, #dashtodockContainer.bottom #dash .dash-item-container .grid-search-result:rtl:last-child, #dashtodockContainer.bottom #dash .dash-item-container .show-apps:ltr:first-child, #dashtodockContainer.bottom #dash .dash-item-container .show-apps:rtl:last-child { padding-left: 0; } #dashtodockContainer.bottom #dash .dash-item-container .app-well-app:ltr:last-child, #dashtodockContainer.bottom #dash .dash-item-container .grid-search-result:ltr:last-child, #dashtodockContainer.bottom #dash .dash-item-container .app-well-app:rtl:first-child, #dashtodockContainer.bottom #dash .dash-item-container .grid-search-result:rtl:first-child, #dashtodockContainer.bottom #dash .dash-item-container .show-apps:ltr:last-child, #dashtodockContainer.bottom #dash .dash-item-container .show-apps:rtl:first-child { padding-right: 0; } #dashtodockContainer.bottom #dash .dash-item-container .app-well-app.running .overview-icon, #dashtodockContainer.bottom #dash .dash-item-container .running.grid-search-result .overview-icon { background-image: none; } #dashtodockContainer.bottom #dash .dash-item-container .app-well-app.focused .overview-icon, #dashtodockContainer.bottom #dash .dash-item-container .focused.grid-search-result .overview-icon { background-color: rgba(238, 238, 236, 0.2); } #dashtodockContainer.bottom #dash .dash-item-container .app-well-app .app-well-app-running-dot, #dashtodockContainer.bottom #dash .dash-item-container .grid-search-result .app-well-app-running-dot { margin-bottom: 2px; } #dashtodockContainer.bottom #dash .dash-item-container > StButton { transition-duration: 250; background-size: contain; } #dashtodockContainer.bottom.fixed #dash .dash-background { margin-top: 4px; } #dashtodockContainer.bottom.fixed #dash .dash-item-container .app-well-app, #dashtodockContainer.bottom.fixed #dash .dash-item-container .grid-search-result, #dashtodockContainer.bottom.fixed #dash .dash-item-container .show-apps { padding-top: 14px; } .dash-label.bottom { margin-bottom: 10px; -x-offset: 0; -y-offset: 0; } #dashtodockContainer.bottom.shrink #dash { margin: 0px; padding: 0px; } #dashtodockContainer.bottom.shrink #dash .dash-background { margin: 0; margin-bottom: 4px; padding: 0; border-radius: 14px; spacing: 2px; } #dashtodockContainer.bottom.shrink #dash .dash-separator { background-color: #c7c7c7; margin: 0 1px; width: 1px; height: 0; margin-bottom: 4px; } #dashtodockContainer.bottom.shrink #dash #dashtodockDashContainer { padding: 3px; padding-bottom: 0; padding-top: 0; } #dashtodockContainer.bottom.shrink #dash .dash-item-container { /* Disable all margins defined upstream, we handle them here */ margin: 0 2px; } #dashtodockContainer.bottom.shrink #dash .dash-item-container > * { margin: 0; } #dashtodockContainer.bottom.shrink #dash .dash-item-container:ltr:first-child, #dashtodockContainer.bottom.shrink #dash .dash-item-container:rtl:last-child { margin-left: 0; } #dashtodockContainer.bottom.shrink #dash .dash-item-container:ltr:last-child, #dashtodockContainer.bottom.shrink #dash .dash-item-container:rtl:first-child { margin-right: 0; } #dashtodockContainer.bottom.shrink #dash .dash-item-container .app-well-app, #dashtodockContainer.bottom.shrink #dash .dash-item-container .grid-search-result, #dashtodockContainer.bottom.shrink #dash .dash-item-container .show-apps { padding: 1px 1px; padding-bottom: 7px; padding-top: 3px; } #dashtodockContainer.bottom.shrink #dash .dash-item-container .app-well-app:ltr:first-child, #dashtodockContainer.bottom.shrink #dash .dash-item-container .grid-search-result:ltr:first-child, #dashtodockContainer.bottom.shrink #dash .dash-item-container .app-well-app:rtl:last-child, #dashtodockContainer.bottom.shrink #dash .dash-item-container .grid-search-result:rtl:last-child, #dashtodockContainer.bottom.shrink #dash .dash-item-container .show-apps:ltr:first-child, #dashtodockContainer.bottom.shrink #dash .dash-item-container .show-apps:rtl:last-child { padding-left: 0; } #dashtodockContainer.bottom.shrink #dash .dash-item-container .app-well-app:ltr:last-child, #dashtodockContainer.bottom.shrink #dash .dash-item-container .grid-search-result:ltr:last-child, #dashtodockContainer.bottom.shrink #dash .dash-item-container .app-well-app:rtl:first-child, #dashtodockContainer.bottom.shrink #dash .dash-item-container .grid-search-result:rtl:first-child, #dashtodockContainer.bottom.shrink #dash .dash-item-container .show-apps:ltr:last-child, #dashtodockContainer.bottom.shrink #dash .dash-item-container .show-apps:rtl:first-child { padding-right: 0; } #dashtodockContainer.bottom.shrink #dash .dash-item-container .app-well-app.running .overview-icon, #dashtodockContainer.bottom.shrink #dash .dash-item-container .running.grid-search-result .overview-icon { background-image: none; } #dashtodockContainer.bottom.shrink #dash .dash-item-container .app-well-app.focused .overview-icon, #dashtodockContainer.bottom.shrink #dash .dash-item-container .focused.grid-search-result .overview-icon { background-color: rgba(238, 238, 236, 0.2); } #dashtodockContainer.bottom.shrink #dash .dash-item-container .app-well-app .app-well-app-running-dot, #dashtodockContainer.bottom.shrink #dash .dash-item-container .grid-search-result .app-well-app-running-dot { margin-bottom: 2px; } #dashtodockContainer.bottom.shrink #dash .dash-item-container > StButton { transition-duration: 250; background-size: contain; } #dashtodockContainer.bottom.shrink.fixed #dash .dash-background { margin-top: 1px; } #dashtodockContainer.bottom.shrink.fixed #dash .dash-item-container .app-well-app, #dashtodockContainer.bottom.shrink.fixed #dash .dash-item-container .grid-search-result, #dashtodockContainer.bottom.shrink.fixed #dash .dash-item-container .show-apps { padding-top: 4px; } .dash-label.bottom.shrink { margin-bottom: 3px; -x-offset: 0; -y-offset: 0; } #dashtodockContainer.bottom.extended #dash { margin: 0px; padding: 0px; } #dashtodockContainer.bottom.extended #dash .dash-background { margin: 0; margin-bottom: 0; padding: 0; border-radius: 0; spacing: 6px; } #dashtodockContainer.bottom.extended #dash .dash-separator { background-color: #c7c7c7; margin: 0 4px; width: 1px; height: 0; margin-bottom: 0; } #dashtodockContainer.bottom.extended #dash #dashtodockDashContainer { padding: 0; padding-bottom: 0; padding-top: 0; } #dashtodockContainer.bottom.extended #dash #dashtodockDashContainer > :first-child .show-apps { padding-left: 8px; } #dashtodockContainer.bottom.extended #dash #dashtodockDashContainer #dashtodockDashScrollview:first-child { padding-left: 8px; } #dashtodockContainer.bottom.extended #dash #dashtodockDashContainer > :last-child .show-apps { padding-right: 8px; } #dashtodockContainer.bottom.extended #dash #dashtodockDashContainer #dashtodockDashScrollview:last-child { padding-right: 8px; } #dashtodockContainer.bottom.extended #dash .dash-item-container { /* Disable all margins defined upstream, we handle them here */ margin: 0 2px; } #dashtodockContainer.bottom.extended #dash .dash-item-container > * { margin: 0; } #dashtodockContainer.bottom.extended #dash .dash-item-container:ltr:first-child, #dashtodockContainer.bottom.extended #dash .dash-item-container:rtl:last-child { margin-left: 0; } #dashtodockContainer.bottom.extended #dash .dash-item-container:ltr:last-child, #dashtodockContainer.bottom.extended #dash .dash-item-container:rtl:first-child { margin-right: 0; } #dashtodockContainer.bottom.extended #dash .dash-item-container .app-well-app, #dashtodockContainer.bottom.extended #dash .dash-item-container .grid-search-result, #dashtodockContainer.bottom.extended #dash .dash-item-container .show-apps { padding: 2px 2px; padding-bottom: 10px; padding-top: 10px; } #dashtodockContainer.bottom.extended #dash .dash-item-container .app-well-app:ltr:first-child, #dashtodockContainer.bottom.extended #dash .dash-item-container .grid-search-result:ltr:first-child, #dashtodockContainer.bottom.extended #dash .dash-item-container .app-well-app:rtl:last-child, #dashtodockContainer.bottom.extended #dash .dash-item-container .grid-search-result:rtl:last-child, #dashtodockContainer.bottom.extended #dash .dash-item-container .show-apps:ltr:first-child, #dashtodockContainer.bottom.extended #dash .dash-item-container .show-apps:rtl:last-child { padding-left: 0; } #dashtodockContainer.bottom.extended #dash .dash-item-container .app-well-app:ltr:last-child, #dashtodockContainer.bottom.extended #dash .dash-item-container .grid-search-result:ltr:last-child, #dashtodockContainer.bottom.extended #dash .dash-item-container .app-well-app:rtl:first-child, #dashtodockContainer.bottom.extended #dash .dash-item-container .grid-search-result:rtl:first-child, #dashtodockContainer.bottom.extended #dash .dash-item-container .show-apps:ltr:last-child, #dashtodockContainer.bottom.extended #dash .dash-item-container .show-apps:rtl:first-child { padding-right: 0; } #dashtodockContainer.bottom.extended #dash .dash-item-container .app-well-app.running .overview-icon, #dashtodockContainer.bottom.extended #dash .dash-item-container .running.grid-search-result .overview-icon { background-image: none; } #dashtodockContainer.bottom.extended #dash .dash-item-container .app-well-app.focused .overview-icon, #dashtodockContainer.bottom.extended #dash .dash-item-container .focused.grid-search-result .overview-icon { background-color: rgba(238, 238, 236, 0.2); } #dashtodockContainer.bottom.extended #dash .dash-item-container .app-well-app .app-well-app-running-dot, #dashtodockContainer.bottom.extended #dash .dash-item-container .grid-search-result .app-well-app-running-dot { margin-bottom: 2px; } #dashtodockContainer.bottom.extended #dash .dash-item-container > StButton { transition-duration: 250; background-size: contain; } #dashtodockContainer.bottom.extended.fixed #dash .dash-background { margin-top: 0; } #dashtodockContainer.bottom.extended.fixed #dash .dash-item-container .app-well-app, #dashtodockContainer.bottom.extended.fixed #dash .dash-item-container .grid-search-result, #dashtodockContainer.bottom.extended.fixed #dash .dash-item-container .show-apps { padding-top: 10px; } .dash-label.bottom { margin-bottom: 10px; -x-offset: 0; -y-offset: 0; } #dashtodockContainer.bottom.extended.shrink #dash { margin: 0px; padding: 0px; } #dashtodockContainer.bottom.extended.shrink #dash .dash-background { margin: 0; margin-bottom: 0; padding: 0; border-radius: 0; spacing: 2px; } #dashtodockContainer.bottom.extended.shrink #dash .dash-separator { background-color: #c7c7c7; margin: 0 1px; width: 1px; height: 0; margin-bottom: 0; } #dashtodockContainer.bottom.extended.shrink #dash #dashtodockDashContainer { padding: 0; padding-bottom: 0; padding-top: 0; } #dashtodockContainer.bottom.extended.shrink #dash #dashtodockDashContainer > :first-child .show-apps { padding-left: 6px; } #dashtodockContainer.bottom.extended.shrink #dash #dashtodockDashContainer #dashtodockDashScrollview:first-child { padding-left: 6px; } #dashtodockContainer.bottom.extended.shrink #dash #dashtodockDashContainer > :last-child .show-apps { padding-right: 6px; } #dashtodockContainer.bottom.extended.shrink #dash #dashtodockDashContainer #dashtodockDashScrollview:last-child { padding-right: 6px; } #dashtodockContainer.bottom.extended.shrink #dash .dash-item-container { /* Disable all margins defined upstream, we handle them here */ margin: 0 2px; } #dashtodockContainer.bottom.extended.shrink #dash .dash-item-container > * { margin: 0; } #dashtodockContainer.bottom.extended.shrink #dash .dash-item-container:ltr:first-child, #dashtodockContainer.bottom.extended.shrink #dash .dash-item-container:rtl:last-child { margin-left: 0; } #dashtodockContainer.bottom.extended.shrink #dash .dash-item-container:ltr:last-child, #dashtodockContainer.bottom.extended.shrink #dash .dash-item-container:rtl:first-child { margin-right: 0; } #dashtodockContainer.bottom.extended.shrink #dash .dash-item-container .app-well-app, #dashtodockContainer.bottom.extended.shrink #dash .dash-item-container .grid-search-result, #dashtodockContainer.bottom.extended.shrink #dash .dash-item-container .show-apps { padding: 1px 1px; padding-bottom: 3px; padding-top: 3px; } #dashtodockContainer.bottom.extended.shrink #dash .dash-item-container .app-well-app:ltr:first-child, #dashtodockContainer.bottom.extended.shrink #dash .dash-item-container .grid-search-result:ltr:first-child, #dashtodockContainer.bottom.extended.shrink #dash .dash-item-container .app-well-app:rtl:last-child, #dashtodockContainer.bottom.extended.shrink #dash .dash-item-container .grid-search-result:rtl:last-child, #dashtodockContainer.bottom.extended.shrink #dash .dash-item-container .show-apps:ltr:first-child, #dashtodockContainer.bottom.extended.shrink #dash .dash-item-container .show-apps:rtl:last-child { padding-left: 0; } #dashtodockContainer.bottom.extended.shrink #dash .dash-item-container .app-well-app:ltr:last-child, #dashtodockContainer.bottom.extended.shrink #dash .dash-item-container .grid-search-result:ltr:last-child, #dashtodockContainer.bottom.extended.shrink #dash .dash-item-container .app-well-app:rtl:first-child, #dashtodockContainer.bottom.extended.shrink #dash .dash-item-container .grid-search-result:rtl:first-child, #dashtodockContainer.bottom.extended.shrink #dash .dash-item-container .show-apps:ltr:last-child, #dashtodockContainer.bottom.extended.shrink #dash .dash-item-container .show-apps:rtl:first-child { padding-right: 0; } #dashtodockContainer.bottom.extended.shrink #dash .dash-item-container .app-well-app.running .overview-icon, #dashtodockContainer.bottom.extended.shrink #dash .dash-item-container .running.grid-search-result .overview-icon { background-image: none; } #dashtodockContainer.bottom.extended.shrink #dash .dash-item-container .app-well-app.focused .overview-icon, #dashtodockContainer.bottom.extended.shrink #dash .dash-item-container .focused.grid-search-result .overview-icon { background-color: rgba(238, 238, 236, 0.2); } #dashtodockContainer.bottom.extended.shrink #dash .dash-item-container .app-well-app .app-well-app-running-dot, #dashtodockContainer.bottom.extended.shrink #dash .dash-item-container .grid-search-result .app-well-app-running-dot { margin-bottom: 2px; } #dashtodockContainer.bottom.extended.shrink #dash .dash-item-container > StButton { transition-duration: 250; background-size: contain; } #dashtodockContainer.bottom.extended.shrink.fixed #dash .dash-background { margin-top: 0; } #dashtodockContainer.bottom.extended.shrink.fixed #dash .dash-item-container .app-well-app, #dashtodockContainer.bottom.extended.shrink.fixed #dash .dash-item-container .grid-search-result, #dashtodockContainer.bottom.extended.shrink.fixed #dash .dash-item-container .show-apps { padding-top: 3px; } .dash-label.bottom.shrink { margin-bottom: 3px; -x-offset: 0; -y-offset: 0; } #dashtodockContainer.top #dash { margin: 0px; padding: 0px; } #dashtodockContainer.top #dash .dash-background { margin: 0; margin-top: 4px; padding: 0; border-radius: 18px; spacing: 6px; } #dashtodockContainer.top #dash .dash-separator { background-color: #c7c7c7; margin: 0 4px; width: 1px; height: 0; margin-top: 4px; } #dashtodockContainer.top #dash #dashtodockDashContainer { padding: 10px; padding-top: 0; padding-bottom: 0; } #dashtodockContainer.top #dash .dash-item-container { /* Disable all margins defined upstream, we handle them here */ margin: 0 2px; } #dashtodockContainer.top #dash .dash-item-container > * { margin: 0; } #dashtodockContainer.top #dash .dash-item-container:ltr:first-child, #dashtodockContainer.top #dash .dash-item-container:rtl:last-child { margin-left: 0; } #dashtodockContainer.top #dash .dash-item-container:ltr:last-child, #dashtodockContainer.top #dash .dash-item-container:rtl:first-child { margin-right: 0; } #dashtodockContainer.top #dash .dash-item-container .app-well-app, #dashtodockContainer.top #dash .dash-item-container .grid-search-result, #dashtodockContainer.top #dash .dash-item-container .show-apps { padding: 2px 2px; padding-top: 14px; padding-bottom: 10px; } #dashtodockContainer.top #dash .dash-item-container .app-well-app:ltr:first-child, #dashtodockContainer.top #dash .dash-item-container .grid-search-result:ltr:first-child, #dashtodockContainer.top #dash .dash-item-container .app-well-app:rtl:last-child, #dashtodockContainer.top #dash .dash-item-container .grid-search-result:rtl:last-child, #dashtodockContainer.top #dash .dash-item-container .show-apps:ltr:first-child, #dashtodockContainer.top #dash .dash-item-container .show-apps:rtl:last-child { padding-left: 0; } #dashtodockContainer.top #dash .dash-item-container .app-well-app:ltr:last-child, #dashtodockContainer.top #dash .dash-item-container .grid-search-result:ltr:last-child, #dashtodockContainer.top #dash .dash-item-container .app-well-app:rtl:first-child, #dashtodockContainer.top #dash .dash-item-container .grid-search-result:rtl:first-child, #dashtodockContainer.top #dash .dash-item-container .show-apps:ltr:last-child, #dashtodockContainer.top #dash .dash-item-container .show-apps:rtl:first-child { padding-right: 0; } #dashtodockContainer.top #dash .dash-item-container .app-well-app.running .overview-icon, #dashtodockContainer.top #dash .dash-item-container .running.grid-search-result .overview-icon { background-image: none; } #dashtodockContainer.top #dash .dash-item-container .app-well-app.focused .overview-icon, #dashtodockContainer.top #dash .dash-item-container .focused.grid-search-result .overview-icon { background-color: rgba(238, 238, 236, 0.2); } #dashtodockContainer.top #dash .dash-item-container .app-well-app .app-well-app-running-dot, #dashtodockContainer.top #dash .dash-item-container .grid-search-result .app-well-app-running-dot { margin-bottom: 2px; } #dashtodockContainer.top #dash .dash-item-container > StButton { transition-duration: 250; background-size: contain; } #dashtodockContainer.top.fixed #dash .dash-background { margin-bottom: 4px; } #dashtodockContainer.top.fixed #dash .dash-item-container .app-well-app, #dashtodockContainer.top.fixed #dash .dash-item-container .grid-search-result, #dashtodockContainer.top.fixed #dash .dash-item-container .show-apps { padding-bottom: 14px; } .dash-label.top { margin-top: 10px; -x-offset: 0; -y-offset: 0; } #dashtodockContainer.top.shrink #dash { margin: 0px; padding: 0px; } #dashtodockContainer.top.shrink #dash .dash-background { margin: 0; margin-top: 4px; padding: 0; border-radius: 14px; spacing: 2px; } #dashtodockContainer.top.shrink #dash .dash-separator { background-color: #c7c7c7; margin: 0 1px; width: 1px; height: 0; margin-top: 4px; } #dashtodockContainer.top.shrink #dash #dashtodockDashContainer { padding: 3px; padding-top: 0; padding-bottom: 0; } #dashtodockContainer.top.shrink #dash .dash-item-container { /* Disable all margins defined upstream, we handle them here */ margin: 0 2px; } #dashtodockContainer.top.shrink #dash .dash-item-container > * { margin: 0; } #dashtodockContainer.top.shrink #dash .dash-item-container:ltr:first-child, #dashtodockContainer.top.shrink #dash .dash-item-container:rtl:last-child { margin-left: 0; } #dashtodockContainer.top.shrink #dash .dash-item-container:ltr:last-child, #dashtodockContainer.top.shrink #dash .dash-item-container:rtl:first-child { margin-right: 0; } #dashtodockContainer.top.shrink #dash .dash-item-container .app-well-app, #dashtodockContainer.top.shrink #dash .dash-item-container .grid-search-result, #dashtodockContainer.top.shrink #dash .dash-item-container .show-apps { padding: 1px 1px; padding-top: 7px; padding-bottom: 3px; } #dashtodockContainer.top.shrink #dash .dash-item-container .app-well-app:ltr:first-child, #dashtodockContainer.top.shrink #dash .dash-item-container .grid-search-result:ltr:first-child, #dashtodockContainer.top.shrink #dash .dash-item-container .app-well-app:rtl:last-child, #dashtodockContainer.top.shrink #dash .dash-item-container .grid-search-result:rtl:last-child, #dashtodockContainer.top.shrink #dash .dash-item-container .show-apps:ltr:first-child, #dashtodockContainer.top.shrink #dash .dash-item-container .show-apps:rtl:last-child { padding-left: 0; } #dashtodockContainer.top.shrink #dash .dash-item-container .app-well-app:ltr:last-child, #dashtodockContainer.top.shrink #dash .dash-item-container .grid-search-result:ltr:last-child, #dashtodockContainer.top.shrink #dash .dash-item-container .app-well-app:rtl:first-child, #dashtodockContainer.top.shrink #dash .dash-item-container .grid-search-result:rtl:first-child, #dashtodockContainer.top.shrink #dash .dash-item-container .show-apps:ltr:last-child, #dashtodockContainer.top.shrink #dash .dash-item-container .show-apps:rtl:first-child { padding-right: 0; } #dashtodockContainer.top.shrink #dash .dash-item-container .app-well-app.running .overview-icon, #dashtodockContainer.top.shrink #dash .dash-item-container .running.grid-search-result .overview-icon { background-image: none; } #dashtodockContainer.top.shrink #dash .dash-item-container .app-well-app.focused .overview-icon, #dashtodockContainer.top.shrink #dash .dash-item-container .focused.grid-search-result .overview-icon { background-color: rgba(238, 238, 236, 0.2); } #dashtodockContainer.top.shrink #dash .dash-item-container .app-well-app .app-well-app-running-dot, #dashtodockContainer.top.shrink #dash .dash-item-container .grid-search-result .app-well-app-running-dot { margin-bottom: 2px; } #dashtodockContainer.top.shrink #dash .dash-item-container > StButton { transition-duration: 250; background-size: contain; } #dashtodockContainer.top.shrink.fixed #dash .dash-background { margin-bottom: 1px; } #dashtodockContainer.top.shrink.fixed #dash .dash-item-container .app-well-app, #dashtodockContainer.top.shrink.fixed #dash .dash-item-container .grid-search-result, #dashtodockContainer.top.shrink.fixed #dash .dash-item-container .show-apps { padding-bottom: 4px; } .dash-label.top.shrink { margin-top: 3px; -x-offset: 0; -y-offset: 0; } #dashtodockContainer.top.extended #dash { margin: 0px; padding: 0px; } #dashtodockContainer.top.extended #dash .dash-background { margin: 0; margin-top: 0; padding: 0; border-radius: 0; spacing: 6px; } #dashtodockContainer.top.extended #dash .dash-separator { background-color: #c7c7c7; margin: 0 4px; width: 1px; height: 0; margin-top: 0; } #dashtodockContainer.top.extended #dash #dashtodockDashContainer { padding: 0; padding-top: 0; padding-bottom: 0; } #dashtodockContainer.top.extended #dash #dashtodockDashContainer > :first-child .show-apps { padding-left: 8px; } #dashtodockContainer.top.extended #dash #dashtodockDashContainer #dashtodockDashScrollview:first-child { padding-left: 8px; } #dashtodockContainer.top.extended #dash #dashtodockDashContainer > :last-child .show-apps { padding-right: 8px; } #dashtodockContainer.top.extended #dash #dashtodockDashContainer #dashtodockDashScrollview:last-child { padding-right: 8px; } #dashtodockContainer.top.extended #dash .dash-item-container { /* Disable all margins defined upstream, we handle them here */ margin: 0 2px; } #dashtodockContainer.top.extended #dash .dash-item-container > * { margin: 0; } #dashtodockContainer.top.extended #dash .dash-item-container:ltr:first-child, #dashtodockContainer.top.extended #dash .dash-item-container:rtl:last-child { margin-left: 0; } #dashtodockContainer.top.extended #dash .dash-item-container:ltr:last-child, #dashtodockContainer.top.extended #dash .dash-item-container:rtl:first-child { margin-right: 0; } #dashtodockContainer.top.extended #dash .dash-item-container .app-well-app, #dashtodockContainer.top.extended #dash .dash-item-container .grid-search-result, #dashtodockContainer.top.extended #dash .dash-item-container .show-apps { padding: 2px 2px; padding-top: 10px; padding-bottom: 10px; } #dashtodockContainer.top.extended #dash .dash-item-container .app-well-app:ltr:first-child, #dashtodockContainer.top.extended #dash .dash-item-container .grid-search-result:ltr:first-child, #dashtodockContainer.top.extended #dash .dash-item-container .app-well-app:rtl:last-child, #dashtodockContainer.top.extended #dash .dash-item-container .grid-search-result:rtl:last-child, #dashtodockContainer.top.extended #dash .dash-item-container .show-apps:ltr:first-child, #dashtodockContainer.top.extended #dash .dash-item-container .show-apps:rtl:last-child { padding-left: 0; } #dashtodockContainer.top.extended #dash .dash-item-container .app-well-app:ltr:last-child, #dashtodockContainer.top.extended #dash .dash-item-container .grid-search-result:ltr:last-child, #dashtodockContainer.top.extended #dash .dash-item-container .app-well-app:rtl:first-child, #dashtodockContainer.top.extended #dash .dash-item-container .grid-search-result:rtl:first-child, #dashtodockContainer.top.extended #dash .dash-item-container .show-apps:ltr:last-child, #dashtodockContainer.top.extended #dash .dash-item-container .show-apps:rtl:first-child { padding-right: 0; } #dashtodockContainer.top.extended #dash .dash-item-container .app-well-app.running .overview-icon, #dashtodockContainer.top.extended #dash .dash-item-container .running.grid-search-result .overview-icon { background-image: none; } #dashtodockContainer.top.extended #dash .dash-item-container .app-well-app.focused .overview-icon, #dashtodockContainer.top.extended #dash .dash-item-container .focused.grid-search-result .overview-icon { background-color: rgba(238, 238, 236, 0.2); } #dashtodockContainer.top.extended #dash .dash-item-container .app-well-app .app-well-app-running-dot, #dashtodockContainer.top.extended #dash .dash-item-container .grid-search-result .app-well-app-running-dot { margin-bottom: 2px; } #dashtodockContainer.top.extended #dash .dash-item-container > StButton { transition-duration: 250; background-size: contain; } #dashtodockContainer.top.extended.fixed #dash .dash-background { margin-bottom: 0; } #dashtodockContainer.top.extended.fixed #dash .dash-item-container .app-well-app, #dashtodockContainer.top.extended.fixed #dash .dash-item-container .grid-search-result, #dashtodockContainer.top.extended.fixed #dash .dash-item-container .show-apps { padding-bottom: 10px; } .dash-label.top { margin-top: 10px; -x-offset: 0; -y-offset: 0; } #dashtodockContainer.top.extended.shrink #dash { margin: 0px; padding: 0px; } #dashtodockContainer.top.extended.shrink #dash .dash-background { margin: 0; margin-top: 0; padding: 0; border-radius: 0; spacing: 2px; } #dashtodockContainer.top.extended.shrink #dash .dash-separator { background-color: #c7c7c7; margin: 0 1px; width: 1px; height: 0; margin-top: 0; } #dashtodockContainer.top.extended.shrink #dash #dashtodockDashContainer { padding: 0; padding-top: 0; padding-bottom: 0; } #dashtodockContainer.top.extended.shrink #dash #dashtodockDashContainer > :first-child .show-apps { padding-left: 6px; } #dashtodockContainer.top.extended.shrink #dash #dashtodockDashContainer #dashtodockDashScrollview:first-child { padding-left: 6px; } #dashtodockContainer.top.extended.shrink #dash #dashtodockDashContainer > :last-child .show-apps { padding-right: 6px; } #dashtodockContainer.top.extended.shrink #dash #dashtodockDashContainer #dashtodockDashScrollview:last-child { padding-right: 6px; } #dashtodockContainer.top.extended.shrink #dash .dash-item-container { /* Disable all margins defined upstream, we handle them here */ margin: 0 2px; } #dashtodockContainer.top.extended.shrink #dash .dash-item-container > * { margin: 0; } #dashtodockContainer.top.extended.shrink #dash .dash-item-container:ltr:first-child, #dashtodockContainer.top.extended.shrink #dash .dash-item-container:rtl:last-child { margin-left: 0; } #dashtodockContainer.top.extended.shrink #dash .dash-item-container:ltr:last-child, #dashtodockContainer.top.extended.shrink #dash .dash-item-container:rtl:first-child { margin-right: 0; } #dashtodockContainer.top.extended.shrink #dash .dash-item-container .app-well-app, #dashtodockContainer.top.extended.shrink #dash .dash-item-container .grid-search-result, #dashtodockContainer.top.extended.shrink #dash .dash-item-container .show-apps { padding: 1px 1px; padding-top: 3px; padding-bottom: 3px; } #dashtodockContainer.top.extended.shrink #dash .dash-item-container .app-well-app:ltr:first-child, #dashtodockContainer.top.extended.shrink #dash .dash-item-container .grid-search-result:ltr:first-child, #dashtodockContainer.top.extended.shrink #dash .dash-item-container .app-well-app:rtl:last-child, #dashtodockContainer.top.extended.shrink #dash .dash-item-container .grid-search-result:rtl:last-child, #dashtodockContainer.top.extended.shrink #dash .dash-item-container .show-apps:ltr:first-child, #dashtodockContainer.top.extended.shrink #dash .dash-item-container .show-apps:rtl:last-child { padding-left: 0; } #dashtodockContainer.top.extended.shrink #dash .dash-item-container .app-well-app:ltr:last-child, #dashtodockContainer.top.extended.shrink #dash .dash-item-container .grid-search-result:ltr:last-child, #dashtodockContainer.top.extended.shrink #dash .dash-item-container .app-well-app:rtl:first-child, #dashtodockContainer.top.extended.shrink #dash .dash-item-container .grid-search-result:rtl:first-child, #dashtodockContainer.top.extended.shrink #dash .dash-item-container .show-apps:ltr:last-child, #dashtodockContainer.top.extended.shrink #dash .dash-item-container .show-apps:rtl:first-child { padding-right: 0; } #dashtodockContainer.top.extended.shrink #dash .dash-item-container .app-well-app.running .overview-icon, #dashtodockContainer.top.extended.shrink #dash .dash-item-container .running.grid-search-result .overview-icon { background-image: none; } #dashtodockContainer.top.extended.shrink #dash .dash-item-container .app-well-app.focused .overview-icon, #dashtodockContainer.top.extended.shrink #dash .dash-item-container .focused.grid-search-result .overview-icon { background-color: rgba(238, 238, 236, 0.2); } #dashtodockContainer.top.extended.shrink #dash .dash-item-container .app-well-app .app-well-app-running-dot, #dashtodockContainer.top.extended.shrink #dash .dash-item-container .grid-search-result .app-well-app-running-dot { margin-bottom: 2px; } #dashtodockContainer.top.extended.shrink #dash .dash-item-container > StButton { transition-duration: 250; background-size: contain; } #dashtodockContainer.top.extended.shrink.fixed #dash .dash-background { margin-bottom: 0; } #dashtodockContainer.top.extended.shrink.fixed #dash .dash-item-container .app-well-app, #dashtodockContainer.top.extended.shrink.fixed #dash .dash-item-container .grid-search-result, #dashtodockContainer.top.extended.shrink.fixed #dash .dash-item-container .show-apps { padding-bottom: 3px; } .dash-label.top.shrink { margin-top: 3px; -x-offset: 0; -y-offset: 0; } #dashtodockContainer.left #dash { margin: 0px; padding: 0px; } #dashtodockContainer.left #dash .dash-background { margin: 0; margin-left: 4px; padding: 0; border-radius: 18px; spacing: 6px; } #dashtodockContainer.left #dash .dash-separator { background-color: #c7c7c7; width: 0; height: 1px; margin: 4px 0; margin-left: 4px; } #dashtodockContainer.left #dash #dashtodockDashContainer { padding: 10px; padding-left: 0; padding-right: 0; } #dashtodockContainer.left #dash .dash-item-container { /* Disable all margins defined upstream, we handle them here */ margin: 2px 0; } #dashtodockContainer.left #dash .dash-item-container > * { margin: 0; } #dashtodockContainer.left #dash .dash-item-container:first-child { margin-top: 0; } #dashtodockContainer.left #dash .dash-item-container:last-child { margin-bottom: 0; } #dashtodockContainer.left #dash .dash-item-container .app-well-app, #dashtodockContainer.left #dash .dash-item-container .grid-search-result, #dashtodockContainer.left #dash .dash-item-container .show-apps { padding: 2px 2px; padding-left: 14px; padding-right: 10px; } #dashtodockContainer.left #dash .dash-item-container .app-well-app:first-child, #dashtodockContainer.left #dash .dash-item-container .grid-search-result:first-child, #dashtodockContainer.left #dash .dash-item-container .show-apps:first-child { padding-top: 0; } #dashtodockContainer.left #dash .dash-item-container .app-well-app:last-child, #dashtodockContainer.left #dash .dash-item-container .grid-search-result:last-child, #dashtodockContainer.left #dash .dash-item-container .show-apps:last-child { padding-bottom: 0; } #dashtodockContainer.left #dash .dash-item-container .app-well-app.running .overview-icon, #dashtodockContainer.left #dash .dash-item-container .running.grid-search-result .overview-icon { background-image: none; } #dashtodockContainer.left #dash .dash-item-container .app-well-app.focused .overview-icon, #dashtodockContainer.left #dash .dash-item-container .focused.grid-search-result .overview-icon { background-color: rgba(238, 238, 236, 0.2); } #dashtodockContainer.left #dash .dash-item-container .app-well-app .app-well-app-running-dot, #dashtodockContainer.left #dash .dash-item-container .grid-search-result .app-well-app-running-dot { margin-bottom: 2px; } #dashtodockContainer.left #dash .dash-item-container > StButton { transition-duration: 250; background-size: contain; } #dashtodockContainer.left.fixed #dash .dash-background { margin-right: 4px; } #dashtodockContainer.left.fixed #dash .dash-item-container .app-well-app, #dashtodockContainer.left.fixed #dash .dash-item-container .grid-search-result, #dashtodockContainer.left.fixed #dash .dash-item-container .show-apps { padding-right: 14px; } .dash-label.left { margin: 0; -x-offset: 10px; -y-offset: 0; } #dashtodockContainer.left.shrink #dash { margin: 0px; padding: 0px; } #dashtodockContainer.left.shrink #dash .dash-background { margin: 0; margin-left: 4px; padding: 0; border-radius: 14px; spacing: 2px; } #dashtodockContainer.left.shrink #dash .dash-separator { background-color: #c7c7c7; width: 0; height: 1px; margin: 1px 0; margin-left: 4px; } #dashtodockContainer.left.shrink #dash #dashtodockDashContainer { padding: 3px; padding-left: 0; padding-right: 0; } #dashtodockContainer.left.shrink #dash .dash-item-container { /* Disable all margins defined upstream, we handle them here */ margin: 2px 0; } #dashtodockContainer.left.shrink #dash .dash-item-container > * { margin: 0; } #dashtodockContainer.left.shrink #dash .dash-item-container:first-child { margin-top: 0; } #dashtodockContainer.left.shrink #dash .dash-item-container:last-child { margin-bottom: 0; } #dashtodockContainer.left.shrink #dash .dash-item-container .app-well-app, #dashtodockContainer.left.shrink #dash .dash-item-container .grid-search-result, #dashtodockContainer.left.shrink #dash .dash-item-container .show-apps { padding: 1px 1px; padding-left: 7px; padding-right: 3px; } #dashtodockContainer.left.shrink #dash .dash-item-container .app-well-app:first-child, #dashtodockContainer.left.shrink #dash .dash-item-container .grid-search-result:first-child, #dashtodockContainer.left.shrink #dash .dash-item-container .show-apps:first-child { padding-top: 0; } #dashtodockContainer.left.shrink #dash .dash-item-container .app-well-app:last-child, #dashtodockContainer.left.shrink #dash .dash-item-container .grid-search-result:last-child, #dashtodockContainer.left.shrink #dash .dash-item-container .show-apps:last-child { padding-bottom: 0; } #dashtodockContainer.left.shrink #dash .dash-item-container .app-well-app.running .overview-icon, #dashtodockContainer.left.shrink #dash .dash-item-container .running.grid-search-result .overview-icon { background-image: none; } #dashtodockContainer.left.shrink #dash .dash-item-container .app-well-app.focused .overview-icon, #dashtodockContainer.left.shrink #dash .dash-item-container .focused.grid-search-result .overview-icon { background-color: rgba(238, 238, 236, 0.2); } #dashtodockContainer.left.shrink #dash .dash-item-container .app-well-app .app-well-app-running-dot, #dashtodockContainer.left.shrink #dash .dash-item-container .grid-search-result .app-well-app-running-dot { margin-bottom: 2px; } #dashtodockContainer.left.shrink #dash .dash-item-container > StButton { transition-duration: 250; background-size: contain; } #dashtodockContainer.left.shrink.fixed #dash .dash-background { margin-right: 1px; } #dashtodockContainer.left.shrink.fixed #dash .dash-item-container .app-well-app, #dashtodockContainer.left.shrink.fixed #dash .dash-item-container .grid-search-result, #dashtodockContainer.left.shrink.fixed #dash .dash-item-container .show-apps { padding-right: 4px; } .dash-label.left.shrink { margin: 0; -x-offset: 3px; -y-offset: 0; } #dashtodockContainer.left.extended #dash { margin: 0px; padding: 0px; } #dashtodockContainer.left.extended #dash .dash-background { margin: 0; margin-left: 0; padding: 0; border-radius: 0; spacing: 6px; } #dashtodockContainer.left.extended #dash .dash-separator { background-color: #c7c7c7; width: 0; height: 1px; margin: 4px 0; margin-left: 0; } #dashtodockContainer.left.extended #dash #dashtodockDashContainer { padding: 0; padding-left: 0; padding-right: 0; } #dashtodockContainer.left.extended #dash #dashtodockDashContainer > :first-child .show-apps { padding-top: 8px; } #dashtodockContainer.left.extended #dash #dashtodockDashContainer #dashtodockDashScrollview:first-child { padding-top: 8px; } #dashtodockContainer.left.extended #dash #dashtodockDashContainer > :last-child .show-apps { padding-bottom: 8px; } #dashtodockContainer.left.extended #dash #dashtodockDashContainer #dashtodockDashScrollview:last-child { padding-bottom: 8px; } #dashtodockContainer.left.extended #dash .dash-item-container { /* Disable all margins defined upstream, we handle them here */ margin: 2px 0; } #dashtodockContainer.left.extended #dash .dash-item-container > * { margin: 0; } #dashtodockContainer.left.extended #dash .dash-item-container:first-child { margin-top: 0; } #dashtodockContainer.left.extended #dash .dash-item-container:last-child { margin-bottom: 0; } #dashtodockContainer.left.extended #dash .dash-item-container .app-well-app, #dashtodockContainer.left.extended #dash .dash-item-container .grid-search-result, #dashtodockContainer.left.extended #dash .dash-item-container .show-apps { padding: 2px 2px; padding-left: 10px; padding-right: 10px; } #dashtodockContainer.left.extended #dash .dash-item-container .app-well-app:first-child, #dashtodockContainer.left.extended #dash .dash-item-container .grid-search-result:first-child, #dashtodockContainer.left.extended #dash .dash-item-container .show-apps:first-child { padding-top: 0; } #dashtodockContainer.left.extended #dash .dash-item-container .app-well-app:last-child, #dashtodockContainer.left.extended #dash .dash-item-container .grid-search-result:last-child, #dashtodockContainer.left.extended #dash .dash-item-container .show-apps:last-child { padding-bottom: 0; } #dashtodockContainer.left.extended #dash .dash-item-container .app-well-app.running .overview-icon, #dashtodockContainer.left.extended #dash .dash-item-container .running.grid-search-result .overview-icon { background-image: none; } #dashtodockContainer.left.extended #dash .dash-item-container .app-well-app.focused .overview-icon, #dashtodockContainer.left.extended #dash .dash-item-container .focused.grid-search-result .overview-icon { background-color: rgba(238, 238, 236, 0.2); } #dashtodockContainer.left.extended #dash .dash-item-container .app-well-app .app-well-app-running-dot, #dashtodockContainer.left.extended #dash .dash-item-container .grid-search-result .app-well-app-running-dot { margin-bottom: 2px; } #dashtodockContainer.left.extended #dash .dash-item-container > StButton { transition-duration: 250; background-size: contain; } #dashtodockContainer.left.extended.fixed #dash .dash-background { margin-right: 0; } #dashtodockContainer.left.extended.fixed #dash .dash-item-container .app-well-app, #dashtodockContainer.left.extended.fixed #dash .dash-item-container .grid-search-result, #dashtodockContainer.left.extended.fixed #dash .dash-item-container .show-apps { padding-right: 10px; } .dash-label.left { margin: 0; -x-offset: 10px; -y-offset: 0; } #dashtodockContainer.left.extended.shrink #dash { margin: 0px; padding: 0px; } #dashtodockContainer.left.extended.shrink #dash .dash-background { margin: 0; margin-left: 0; padding: 0; border-radius: 0; spacing: 2px; } #dashtodockContainer.left.extended.shrink #dash .dash-separator { background-color: #c7c7c7; width: 0; height: 1px; margin: 1px 0; margin-left: 0; } #dashtodockContainer.left.extended.shrink #dash #dashtodockDashContainer { padding: 0; padding-left: 0; padding-right: 0; } #dashtodockContainer.left.extended.shrink #dash #dashtodockDashContainer > :first-child .show-apps { padding-top: 6px; } #dashtodockContainer.left.extended.shrink #dash #dashtodockDashContainer #dashtodockDashScrollview:first-child { padding-top: 6px; } #dashtodockContainer.left.extended.shrink #dash #dashtodockDashContainer > :last-child .show-apps { padding-bottom: 6px; } #dashtodockContainer.left.extended.shrink #dash #dashtodockDashContainer #dashtodockDashScrollview:last-child { padding-bottom: 6px; } #dashtodockContainer.left.extended.shrink #dash .dash-item-container { /* Disable all margins defined upstream, we handle them here */ margin: 2px 0; } #dashtodockContainer.left.extended.shrink #dash .dash-item-container > * { margin: 0; } #dashtodockContainer.left.extended.shrink #dash .dash-item-container:first-child { margin-top: 0; } #dashtodockContainer.left.extended.shrink #dash .dash-item-container:last-child { margin-bottom: 0; } #dashtodockContainer.left.extended.shrink #dash .dash-item-container .app-well-app, #dashtodockContainer.left.extended.shrink #dash .dash-item-container .grid-search-result, #dashtodockContainer.left.extended.shrink #dash .dash-item-container .show-apps { padding: 1px 1px; padding-left: 3px; padding-right: 3px; } #dashtodockContainer.left.extended.shrink #dash .dash-item-container .app-well-app:first-child, #dashtodockContainer.left.extended.shrink #dash .dash-item-container .grid-search-result:first-child, #dashtodockContainer.left.extended.shrink #dash .dash-item-container .show-apps:first-child { padding-top: 0; } #dashtodockContainer.left.extended.shrink #dash .dash-item-container .app-well-app:last-child, #dashtodockContainer.left.extended.shrink #dash .dash-item-container .grid-search-result:last-child, #dashtodockContainer.left.extended.shrink #dash .dash-item-container .show-apps:last-child { padding-bottom: 0; } #dashtodockContainer.left.extended.shrink #dash .dash-item-container .app-well-app.running .overview-icon, #dashtodockContainer.left.extended.shrink #dash .dash-item-container .running.grid-search-result .overview-icon { background-image: none; } #dashtodockContainer.left.extended.shrink #dash .dash-item-container .app-well-app.focused .overview-icon, #dashtodockContainer.left.extended.shrink #dash .dash-item-container .focused.grid-search-result .overview-icon { background-color: rgba(238, 238, 236, 0.2); } #dashtodockContainer.left.extended.shrink #dash .dash-item-container .app-well-app .app-well-app-running-dot, #dashtodockContainer.left.extended.shrink #dash .dash-item-container .grid-search-result .app-well-app-running-dot { margin-bottom: 2px; } #dashtodockContainer.left.extended.shrink #dash .dash-item-container > StButton { transition-duration: 250; background-size: contain; } #dashtodockContainer.left.extended.shrink.fixed #dash .dash-background { margin-right: 0; } #dashtodockContainer.left.extended.shrink.fixed #dash .dash-item-container .app-well-app, #dashtodockContainer.left.extended.shrink.fixed #dash .dash-item-container .grid-search-result, #dashtodockContainer.left.extended.shrink.fixed #dash .dash-item-container .show-apps { padding-right: 3px; } .dash-label.left.shrink { margin: 0; -x-offset: 3px; -y-offset: 0; } #dashtodockContainer.right #dash { margin: 0px; padding: 0px; } #dashtodockContainer.right #dash .dash-background { margin: 0; margin-right: 4px; padding: 0; border-radius: 18px; spacing: 6px; } #dashtodockContainer.right #dash .dash-separator { background-color: #c7c7c7; width: 0; height: 1px; margin: 4px 0; margin-right: 4px; } #dashtodockContainer.right #dash #dashtodockDashContainer { padding: 10px; padding-right: 0; padding-left: 0; } #dashtodockContainer.right #dash .dash-item-container { /* Disable all margins defined upstream, we handle them here */ margin: 2px 0; } #dashtodockContainer.right #dash .dash-item-container > * { margin: 0; } #dashtodockContainer.right #dash .dash-item-container:first-child { margin-top: 0; } #dashtodockContainer.right #dash .dash-item-container:last-child { margin-bottom: 0; } #dashtodockContainer.right #dash .dash-item-container .app-well-app, #dashtodockContainer.right #dash .dash-item-container .grid-search-result, #dashtodockContainer.right #dash .dash-item-container .show-apps { padding: 2px 2px; padding-right: 14px; padding-left: 10px; } #dashtodockContainer.right #dash .dash-item-container .app-well-app:first-child, #dashtodockContainer.right #dash .dash-item-container .grid-search-result:first-child, #dashtodockContainer.right #dash .dash-item-container .show-apps:first-child { padding-top: 0; } #dashtodockContainer.right #dash .dash-item-container .app-well-app:last-child, #dashtodockContainer.right #dash .dash-item-container .grid-search-result:last-child, #dashtodockContainer.right #dash .dash-item-container .show-apps:last-child { padding-bottom: 0; } #dashtodockContainer.right #dash .dash-item-container .app-well-app.running .overview-icon, #dashtodockContainer.right #dash .dash-item-container .running.grid-search-result .overview-icon { background-image: none; } #dashtodockContainer.right #dash .dash-item-container .app-well-app.focused .overview-icon, #dashtodockContainer.right #dash .dash-item-container .focused.grid-search-result .overview-icon { background-color: rgba(238, 238, 236, 0.2); } #dashtodockContainer.right #dash .dash-item-container .app-well-app .app-well-app-running-dot, #dashtodockContainer.right #dash .dash-item-container .grid-search-result .app-well-app-running-dot { margin-bottom: 2px; } #dashtodockContainer.right #dash .dash-item-container > StButton { transition-duration: 250; background-size: contain; } #dashtodockContainer.right.fixed #dash .dash-background { margin-left: 4px; } #dashtodockContainer.right.fixed #dash .dash-item-container .app-well-app, #dashtodockContainer.right.fixed #dash .dash-item-container .grid-search-result, #dashtodockContainer.right.fixed #dash .dash-item-container .show-apps { padding-left: 14px; } .dash-label.right { margin: 0; -x-offset: 10px; -y-offset: 0; } #dashtodockContainer.right.shrink #dash { margin: 0px; padding: 0px; } #dashtodockContainer.right.shrink #dash .dash-background { margin: 0; margin-right: 4px; padding: 0; border-radius: 14px; spacing: 2px; } #dashtodockContainer.right.shrink #dash .dash-separator { background-color: #c7c7c7; width: 0; height: 1px; margin: 1px 0; margin-right: 4px; } #dashtodockContainer.right.shrink #dash #dashtodockDashContainer { padding: 3px; padding-right: 0; padding-left: 0; } #dashtodockContainer.right.shrink #dash .dash-item-container { /* Disable all margins defined upstream, we handle them here */ margin: 2px 0; } #dashtodockContainer.right.shrink #dash .dash-item-container > * { margin: 0; } #dashtodockContainer.right.shrink #dash .dash-item-container:first-child { margin-top: 0; } #dashtodockContainer.right.shrink #dash .dash-item-container:last-child { margin-bottom: 0; } #dashtodockContainer.right.shrink #dash .dash-item-container .app-well-app, #dashtodockContainer.right.shrink #dash .dash-item-container .grid-search-result, #dashtodockContainer.right.shrink #dash .dash-item-container .show-apps { padding: 1px 1px; padding-right: 7px; padding-left: 3px; } #dashtodockContainer.right.shrink #dash .dash-item-container .app-well-app:first-child, #dashtodockContainer.right.shrink #dash .dash-item-container .grid-search-result:first-child, #dashtodockContainer.right.shrink #dash .dash-item-container .show-apps:first-child { padding-top: 0; } #dashtodockContainer.right.shrink #dash .dash-item-container .app-well-app:last-child, #dashtodockContainer.right.shrink #dash .dash-item-container .grid-search-result:last-child, #dashtodockContainer.right.shrink #dash .dash-item-container .show-apps:last-child { padding-bottom: 0; } #dashtodockContainer.right.shrink #dash .dash-item-container .app-well-app.running .overview-icon, #dashtodockContainer.right.shrink #dash .dash-item-container .running.grid-search-result .overview-icon { background-image: none; } #dashtodockContainer.right.shrink #dash .dash-item-container .app-well-app.focused .overview-icon, #dashtodockContainer.right.shrink #dash .dash-item-container .focused.grid-search-result .overview-icon { background-color: rgba(238, 238, 236, 0.2); } #dashtodockContainer.right.shrink #dash .dash-item-container .app-well-app .app-well-app-running-dot, #dashtodockContainer.right.shrink #dash .dash-item-container .grid-search-result .app-well-app-running-dot { margin-bottom: 2px; } #dashtodockContainer.right.shrink #dash .dash-item-container > StButton { transition-duration: 250; background-size: contain; } #dashtodockContainer.right.shrink.fixed #dash .dash-background { margin-left: 1px; } #dashtodockContainer.right.shrink.fixed #dash .dash-item-container .app-well-app, #dashtodockContainer.right.shrink.fixed #dash .dash-item-container .grid-search-result, #dashtodockContainer.right.shrink.fixed #dash .dash-item-container .show-apps { padding-left: 4px; } .dash-label.right.shrink { margin: 0; -x-offset: 3px; -y-offset: 0; } #dashtodockContainer.right.extended #dash { margin: 0px; padding: 0px; } #dashtodockContainer.right.extended #dash .dash-background { margin: 0; margin-right: 0; padding: 0; border-radius: 0; spacing: 6px; } #dashtodockContainer.right.extended #dash .dash-separator { background-color: #c7c7c7; width: 0; height: 1px; margin: 4px 0; margin-right: 0; } #dashtodockContainer.right.extended #dash #dashtodockDashContainer { padding: 0; padding-right: 0; padding-left: 0; } #dashtodockContainer.right.extended #dash #dashtodockDashContainer > :first-child .show-apps { padding-top: 8px; } #dashtodockContainer.right.extended #dash #dashtodockDashContainer #dashtodockDashScrollview:first-child { padding-top: 8px; } #dashtodockContainer.right.extended #dash #dashtodockDashContainer > :last-child .show-apps { padding-bottom: 8px; } #dashtodockContainer.right.extended #dash #dashtodockDashContainer #dashtodockDashScrollview:last-child { padding-bottom: 8px; } #dashtodockContainer.right.extended #dash .dash-item-container { /* Disable all margins defined upstream, we handle them here */ margin: 2px 0; } #dashtodockContainer.right.extended #dash .dash-item-container > * { margin: 0; } #dashtodockContainer.right.extended #dash .dash-item-container:first-child { margin-top: 0; } #dashtodockContainer.right.extended #dash .dash-item-container:last-child { margin-bottom: 0; } #dashtodockContainer.right.extended #dash .dash-item-container .app-well-app, #dashtodockContainer.right.extended #dash .dash-item-container .grid-search-result, #dashtodockContainer.right.extended #dash .dash-item-container .show-apps { padding: 2px 2px; padding-right: 10px; padding-left: 10px; } #dashtodockContainer.right.extended #dash .dash-item-container .app-well-app:first-child, #dashtodockContainer.right.extended #dash .dash-item-container .grid-search-result:first-child, #dashtodockContainer.right.extended #dash .dash-item-container .show-apps:first-child { padding-top: 0; } #dashtodockContainer.right.extended #dash .dash-item-container .app-well-app:last-child, #dashtodockContainer.right.extended #dash .dash-item-container .grid-search-result:last-child, #dashtodockContainer.right.extended #dash .dash-item-container .show-apps:last-child { padding-bottom: 0; } #dashtodockContainer.right.extended #dash .dash-item-container .app-well-app.running .overview-icon, #dashtodockContainer.right.extended #dash .dash-item-container .running.grid-search-result .overview-icon { background-image: none; } #dashtodockContainer.right.extended #dash .dash-item-container .app-well-app.focused .overview-icon, #dashtodockContainer.right.extended #dash .dash-item-container .focused.grid-search-result .overview-icon { background-color: rgba(238, 238, 236, 0.2); } #dashtodockContainer.right.extended #dash .dash-item-container .app-well-app .app-well-app-running-dot, #dashtodockContainer.right.extended #dash .dash-item-container .grid-search-result .app-well-app-running-dot { margin-bottom: 2px; } #dashtodockContainer.right.extended #dash .dash-item-container > StButton { transition-duration: 250; background-size: contain; } #dashtodockContainer.right.extended.fixed #dash .dash-background { margin-left: 0; } #dashtodockContainer.right.extended.fixed #dash .dash-item-container .app-well-app, #dashtodockContainer.right.extended.fixed #dash .dash-item-container .grid-search-result, #dashtodockContainer.right.extended.fixed #dash .dash-item-container .show-apps { padding-left: 10px; } .dash-label.right { margin: 0; -x-offset: 10px; -y-offset: 0; } #dashtodockContainer.right.extended.shrink #dash { margin: 0px; padding: 0px; } #dashtodockContainer.right.extended.shrink #dash .dash-background { margin: 0; margin-right: 0; padding: 0; border-radius: 0; spacing: 2px; } #dashtodockContainer.right.extended.shrink #dash .dash-separator { background-color: #c7c7c7; width: 0; height: 1px; margin: 1px 0; margin-right: 0; } #dashtodockContainer.right.extended.shrink #dash #dashtodockDashContainer { padding: 0; padding-right: 0; padding-left: 0; } #dashtodockContainer.right.extended.shrink #dash #dashtodockDashContainer > :first-child .show-apps { padding-top: 6px; } #dashtodockContainer.right.extended.shrink #dash #dashtodockDashContainer #dashtodockDashScrollview:first-child { padding-top: 6px; } #dashtodockContainer.right.extended.shrink #dash #dashtodockDashContainer > :last-child .show-apps { padding-bottom: 6px; } #dashtodockContainer.right.extended.shrink #dash #dashtodockDashContainer #dashtodockDashScrollview:last-child { padding-bottom: 6px; } #dashtodockContainer.right.extended.shrink #dash .dash-item-container { /* Disable all margins defined upstream, we handle them here */ margin: 2px 0; } #dashtodockContainer.right.extended.shrink #dash .dash-item-container > * { margin: 0; } #dashtodockContainer.right.extended.shrink #dash .dash-item-container:first-child { margin-top: 0; } #dashtodockContainer.right.extended.shrink #dash .dash-item-container:last-child { margin-bottom: 0; } #dashtodockContainer.right.extended.shrink #dash .dash-item-container .app-well-app, #dashtodockContainer.right.extended.shrink #dash .dash-item-container .grid-search-result, #dashtodockContainer.right.extended.shrink #dash .dash-item-container .show-apps { padding: 1px 1px; padding-right: 3px; padding-left: 3px; } #dashtodockContainer.right.extended.shrink #dash .dash-item-container .app-well-app:first-child, #dashtodockContainer.right.extended.shrink #dash .dash-item-container .grid-search-result:first-child, #dashtodockContainer.right.extended.shrink #dash .dash-item-container .show-apps:first-child { padding-top: 0; } #dashtodockContainer.right.extended.shrink #dash .dash-item-container .app-well-app:last-child, #dashtodockContainer.right.extended.shrink #dash .dash-item-container .grid-search-result:last-child, #dashtodockContainer.right.extended.shrink #dash .dash-item-container .show-apps:last-child { padding-bottom: 0; } #dashtodockContainer.right.extended.shrink #dash .dash-item-container .app-well-app.running .overview-icon, #dashtodockContainer.right.extended.shrink #dash .dash-item-container .running.grid-search-result .overview-icon { background-image: none; } #dashtodockContainer.right.extended.shrink #dash .dash-item-container .app-well-app.focused .overview-icon, #dashtodockContainer.right.extended.shrink #dash .dash-item-container .focused.grid-search-result .overview-icon { background-color: rgba(238, 238, 236, 0.2); } #dashtodockContainer.right.extended.shrink #dash .dash-item-container .app-well-app .app-well-app-running-dot, #dashtodockContainer.right.extended.shrink #dash .dash-item-container .grid-search-result .app-well-app-running-dot { margin-bottom: 2px; } #dashtodockContainer.right.extended.shrink #dash .dash-item-container > StButton { transition-duration: 250; background-size: contain; } #dashtodockContainer.right.extended.shrink.fixed #dash .dash-background { margin-left: 0; } #dashtodockContainer.right.extended.shrink.fixed #dash .dash-item-container .app-well-app, #dashtodockContainer.right.extended.shrink.fixed #dash .dash-item-container .grid-search-result, #dashtodockContainer.right.extended.shrink.fixed #dash .dash-item-container .show-apps { padding-left: 3px; } .dash-label.right.shrink { margin: 0; -x-offset: 3px; -y-offset: 0; } #dashtodockContainer.top.shrink #dash .dash-background { margin-top: 4px; margin-bottom: 0; } #dashtodockContainer.straight-corner #dash .dash-background, #dashtodockContainer.shrink.straight-corner #dash .dash-background { border-radius: 0px; } /* Scrollview style */ .bottom #dashtodockDashScrollview, .top #dashtodockDashScrollview { -st-hfade-offset: 24px; } .left #dashtodockDashScrollview, .right #dashtodockDashScrollview { -st-vfade-offset: 24px; } #dashtodockContainer.dashtodock #dash .dash-background { background: #1d1d1d; } #dashtodockContainer.dashtodock .progress-bar { /* Customization of the progress bar style, e.g.: -progress-bar-background: rgba(0.8, 0.8, 0.8, 1); -progress-bar-border: rgba(0.9, 0.9, 0.9, 1); */ } #dashtodockContainer.top #dash .placeholder, #dashtodockContainer.bottom #dash .placeholder { width: 32px; height: 1px; } /* * This is applied to a dummy actor. Only the alpha value for the background and border color * and the transition-duration are used */ #dashtodockContainer.dummy-opaque { background-color: rgba(0, 0, 0, 0.8); border-color: rgba(0, 0, 0, 0.4); transition-duration: 300ms; } /* * This is applied to a dummy actor. Only the alpha value for the background and border color * and the transition-duration are used */ #dashtodockContainer.dummy-transparent { background-color: rgba(0, 0, 0, 0.2); border-color: rgba(0, 0, 0, 0.1); transition-duration: 500ms; } #dashtodockContainer .number-overlay { color: white; background-color: rgba(0, 0, 0, 0.8); text-align: center; } #dashtodockContainer .notification-badge { color: white; background-color: red; padding: 0.2em 0.5em; border-radius: 1em; font-weight: bold; text-align: center; margin: 2px; } #dashtodockPreviewSeparator.popup-separator-menu-item-horizontal { width: 1px; height: auto; border-right-width: 1px; margin: 32px 0px; } .dashtodock-app-well-preview-menu-item { padding: 1em 1em 0.5em 1em; } #dashtodockContainer .metro .overview-icon { border-radius: 0px; } #dashtodockContainer.bottom .metro.running2.focused, #dashtodockContainer.top .metro.running2.focused { background-image: url("./media/highlight_stacked_bg.svg"); background-position: 0px 0px; background-size: contain; } #dashtodockContainer.left .metro.running2.focused, #dashtodockContainer.right .metro.running2.focused { background-image: url("./media/highlight_stacked_bg_h.svg"); background-position: 0px 0px; background-size: contain; } #dashtodockContainer.bottom .metro.running3.focused, #dashtodockContainer.top .metro.running3.focused { background-image: url("./media/highlight_stacked_bg.svg"); background-position: 0px 0px; background-size: contain; } #dashtodockContainer.left .metro.running3.focused, #dashtodockContainer.right .metro.running3.focused { background-image: url("./media/highlight_stacked_bg_h.svg"); background-position: 0px 0px; background-size: contain; } #dashtodockContainer.bottom .metro.running4.focused, #dashtodockContainer.top .metro.running4.focused { background-image: url("./media/highlight_stacked_bg.svg"); background-position: 0px 0px; background-size: contain; } #dashtodockContainer.left .metro.running4.focused, #dashtodockContainer.right .metro.running4.focused { background-image: url("./media/highlight_stacked_bg_h.svg"); background-position: 0px 0px; background-size: contain; } /* Yaru Dock styling */ #dashtodockContainer.bottom #dash, #dashtodockContainer.bottom.dashtodock #dash, #dashtodockContainer.bottom.shrink #dash { margin: 0px; padding: 0px; } #dashtodockContainer.bottom #dash .dash-background, #dashtodockContainer.bottom.dashtodock #dash .dash-background, #dashtodockContainer.bottom.shrink #dash .dash-background { background: rgba(19, 19, 19, 0.75); transition-duration: 250ms; } #dashtodockContainer.bottom #dash .dash-separator, #dashtodockContainer.bottom.dashtodock #dash .dash-separator, #dashtodockContainer.bottom.shrink #dash .dash-separator { background: rgba(238, 238, 236, 0.3); } #dashtodockContainer.bottom.overview #dash .dash-background, #dashtodockContainer.bottom.overview.dashtodock #dash .dash-background, #dashtodockContainer.bottom.overview.shrink #dash .dash-background { background-color: #131313; } #dashtodockContainer.bottom.extended #dash .dash-background, #dashtodockContainer.bottom.extended.dashtodock #dash .dash-background, #dashtodockContainer.bottom.extended.shrink #dash .dash-background { border: none; } #dashtodockContainer.bottom .dash-item-container .show-apps, #dashtodockContainer.bottom .dash-item-container .app-well-app, #dashtodockContainer.bottom .dash-item-container .grid-search-result { border-radius: 18px; } #dashtodockContainer.bottom .dash-item-container .show-apps:active .overview-icon, #dashtodockContainer.bottom .dash-item-container .show-apps:checked .overview-icon, #dashtodockContainer.bottom .dash-item-container .app-well-app:active .overview-icon, #dashtodockContainer.bottom .dash-item-container .grid-search-result:active .overview-icon, #dashtodockContainer.bottom .dash-item-container .app-well-app:checked .overview-icon, #dashtodockContainer.bottom .dash-item-container .grid-search-result:checked .overview-icon { background-color: rgba(255, 255, 255, 0.25); box-shadow: none; } #dashtodockContainer.bottom .notification-badge { background-color: #109b26; border: 1px solid #0c6d1a; box-shadow: -1px 1px 5px 0px rgba(0, 0, 0, 0.5); } #dashtodockContainer.top #dash, #dashtodockContainer.top.dashtodock #dash, #dashtodockContainer.top.shrink #dash { margin: 0px; padding: 0px; } #dashtodockContainer.top #dash .dash-background, #dashtodockContainer.top.dashtodock #dash .dash-background, #dashtodockContainer.top.shrink #dash .dash-background { background: rgba(19, 19, 19, 0.75); transition-duration: 250ms; } #dashtodockContainer.top #dash .dash-separator, #dashtodockContainer.top.dashtodock #dash .dash-separator, #dashtodockContainer.top.shrink #dash .dash-separator { background: rgba(238, 238, 236, 0.3); } #dashtodockContainer.top.overview #dash .dash-background, #dashtodockContainer.top.overview.dashtodock #dash .dash-background, #dashtodockContainer.top.overview.shrink #dash .dash-background { background-color: #131313; } #dashtodockContainer.top.extended #dash .dash-background, #dashtodockContainer.top.extended.dashtodock #dash .dash-background, #dashtodockContainer.top.extended.shrink #dash .dash-background { border: none; } #dashtodockContainer.top .dash-item-container .show-apps, #dashtodockContainer.top .dash-item-container .app-well-app, #dashtodockContainer.top .dash-item-container .grid-search-result { border-radius: 18px; } #dashtodockContainer.top .dash-item-container .show-apps:active .overview-icon, #dashtodockContainer.top .dash-item-container .show-apps:checked .overview-icon, #dashtodockContainer.top .dash-item-container .app-well-app:active .overview-icon, #dashtodockContainer.top .dash-item-container .grid-search-result:active .overview-icon, #dashtodockContainer.top .dash-item-container .app-well-app:checked .overview-icon, #dashtodockContainer.top .dash-item-container .grid-search-result:checked .overview-icon { background-color: rgba(255, 255, 255, 0.25); box-shadow: none; } #dashtodockContainer.top .notification-badge { background-color: #109b26; border: 1px solid #0c6d1a; box-shadow: -1px 1px 5px 0px rgba(0, 0, 0, 0.5); } #dashtodockContainer.left #dash, #dashtodockContainer.left.dashtodock #dash, #dashtodockContainer.left.shrink #dash { margin: 0px; padding: 0px; } #dashtodockContainer.left #dash .dash-background, #dashtodockContainer.left.dashtodock #dash .dash-background, #dashtodockContainer.left.shrink #dash .dash-background { background: rgba(19, 19, 19, 0.75); transition-duration: 250ms; } #dashtodockContainer.left #dash .dash-separator, #dashtodockContainer.left.dashtodock #dash .dash-separator, #dashtodockContainer.left.shrink #dash .dash-separator { background: rgba(238, 238, 236, 0.3); } #dashtodockContainer.left.overview #dash .dash-background, #dashtodockContainer.left.overview.dashtodock #dash .dash-background, #dashtodockContainer.left.overview.shrink #dash .dash-background { background-color: #131313; } #dashtodockContainer.left.extended #dash .dash-background, #dashtodockContainer.left.extended.dashtodock #dash .dash-background, #dashtodockContainer.left.extended.shrink #dash .dash-background { border: none; } #dashtodockContainer.left .dash-item-container .show-apps, #dashtodockContainer.left .dash-item-container .app-well-app, #dashtodockContainer.left .dash-item-container .grid-search-result { border-radius: 18px; } #dashtodockContainer.left .dash-item-container .show-apps:active .overview-icon, #dashtodockContainer.left .dash-item-container .show-apps:checked .overview-icon, #dashtodockContainer.left .dash-item-container .app-well-app:active .overview-icon, #dashtodockContainer.left .dash-item-container .grid-search-result:active .overview-icon, #dashtodockContainer.left .dash-item-container .app-well-app:checked .overview-icon, #dashtodockContainer.left .dash-item-container .grid-search-result:checked .overview-icon { background-color: rgba(255, 255, 255, 0.25); box-shadow: none; } #dashtodockContainer.left .notification-badge { background-color: #109b26; border: 1px solid #0c6d1a; box-shadow: -1px 1px 5px 0px rgba(0, 0, 0, 0.5); } #dashtodockContainer.right #dash, #dashtodockContainer.right.dashtodock #dash, #dashtodockContainer.right.shrink #dash { margin: 0px; padding: 0px; } #dashtodockContainer.right #dash .dash-background, #dashtodockContainer.right.dashtodock #dash .dash-background, #dashtodockContainer.right.shrink #dash .dash-background { background: rgba(19, 19, 19, 0.75); transition-duration: 250ms; } #dashtodockContainer.right #dash .dash-separator, #dashtodockContainer.right.dashtodock #dash .dash-separator, #dashtodockContainer.right.shrink #dash .dash-separator { background: rgba(238, 238, 236, 0.3); } #dashtodockContainer.right.overview #dash .dash-background, #dashtodockContainer.right.overview.dashtodock #dash .dash-background, #dashtodockContainer.right.overview.shrink #dash .dash-background { background-color: #131313; } #dashtodockContainer.right.extended #dash .dash-background, #dashtodockContainer.right.extended.dashtodock #dash .dash-background, #dashtodockContainer.right.extended.shrink #dash .dash-background { border: none; } #dashtodockContainer.right .dash-item-container .show-apps, #dashtodockContainer.right .dash-item-container .app-well-app, #dashtodockContainer.right .dash-item-container .grid-search-result { border-radius: 18px; } #dashtodockContainer.right .dash-item-container .show-apps:active .overview-icon, #dashtodockContainer.right .dash-item-container .show-apps:checked .overview-icon, #dashtodockContainer.right .dash-item-container .app-well-app:active .overview-icon, #dashtodockContainer.right .dash-item-container .grid-search-result:active .overview-icon, #dashtodockContainer.right .dash-item-container .app-well-app:checked .overview-icon, #dashtodockContainer.right .dash-item-container .grid-search-result:checked .overview-icon { background-color: rgba(255, 255, 255, 0.25); box-shadow: none; } #dashtodockContainer.right .notification-badge { background-color: #109b26; border: 1px solid #0c6d1a; box-shadow: -1px 1px 5px 0px rgba(0, 0, 0, 0.5); } (uuay)toggle-off-purple.svgP <svg width="48" height="26" xmlns="http://www.w3.org/2000/svg"><rect style="fill:#bababa;fill-opacity:1;stroke:none;stroke-width:1;marker:none" width="48" height="26" x="-48" ry="13" fill="#3081e3" rx="13" transform="scale(-1 1)"/><rect ry="11" rx="11" y="3" x="-24" height="22" width="22" style="fill:#000;fill-opacity:.2;stroke:none;stroke-width:.999999;marker:none" fill="#f8f7f7" transform="scale(-1 1)"/><rect ry="11" rx="11" y="2" x="-24" height="22" width="22" style="fill:#fff;fill-opacity:1;stroke:none;stroke-width:.999999;marker:none" fill="#f8f7f7" transform="scale(-1 1)"/></svg> (uuay)checkbox-off-olive-dark.svg � <svg width="24" height="24" xmlns="http://www.w3.org/2000/svg"><rect x="1.5" y="1.5" width="21" height="21" rx="3" fill="#4a4a4a" stroke="#464646" stroke-linejoin="round" style="fill:#222222;stroke:#494949"/></svg> (uuay)gnome-shell-blue.css � /* This stylesheet is generated, DO NOT EDIT */ /* Copyright 2009, 2015 Red Hat, Inc. * * Portions adapted from Mx's data/style/default.css * Copyright 2009 Intel Corporation * * This program is free software; you can redistribute it and/or modify it * under the terms and conditions of the GNU Lesser General Public License, * version 2.1, as published by the Free Software Foundation. * * This program is distributed in the hope it will be useful, but WITHOUT ANY * WARRANTY; without even the implied warranty of MERCHANTABILITY or FITNESS * FOR A PARTICULAR PURPOSE. See the GNU Lesser General Public License for * more details. * * You should have received a copy of the GNU Lesser General Public License * along with this program; if not, write to the Free Software Foundation, * Inc., 51 Franklin St - Fifth Floor, Boston, MA 02110-1301 USA. */ /* Global Values */ stage { font-size: 11pt; color: #3D3D3D; } /* Common Stylings */ .screenshot-ui-panel, .workspace-switcher, .switcher-list, .resize-popup, .osd-monitor-label, .osd-window { color: #eeeeec; background-color: rgba(29, 29, 29, 0.975); border: 1px solid #464646; border-radius: 999px; padding: 12px; box-shadow: 0 3px 9px 1px rgba(0, 0, 0, 0.5); } .workspace-thumbnails .workspace-thumbnail { color: #eeeeec; background-color: rgba(238, 238, 236, 0.1); } .app-well-app.app-folder .overview-icon, .app-folder.grid-search-result .overview-icon, .app-well-app .overview-icon, .grid-search-result .overview-icon, .dash-item-container .show-apps .overview-icon, .list-search-result, .search-provider-icon, .switcher-list .item-box { border-radius: 12px; padding: 6px; spacing: 6px; border: 2px solid transparent; transition-duration: 100ms; text-align: center; color: #eeeeec; } .modal-dialog { color: #3D3D3D; background-color: #FAFAFA; border-radius: 8.5px; border: 1px solid rgba(255, 255, 255, 0.8); } #LookingGlassDialog > #Toolbar .lg-toolbar-button, .pad-osd-window .button, .button, .app-folder-dialog .folder-name-container .edit-folder-button { border-radius: 4px; border-style: solid; border-width: 1px; font-weight: bold; padding: 3px 24px; color: #3D3D3D; background-color: #ededed; } #LookingGlassDialog > #Toolbar .lg-toolbar-button:focus, .button:focus, .app-folder-dialog .folder-name-container .edit-folder-button:focus { color: #3D3D3D; background-color: #ededed; box-shadow: inset 0 0 0 2px #2d97ff; } #LookingGlassDialog > #Toolbar .lg-toolbar-button:focus:hover, .button:focus:hover, .app-folder-dialog .folder-name-container .edit-folder-button:focus:hover { background-color: #e5e5e5; box-shadow: inset 0 0 0 2px #2d97ff; } #LookingGlassDialog > #Toolbar .lg-toolbar-button:focus:active, .button:focus:active, .app-folder-dialog .folder-name-container .edit-folder-button:focus:active { background-color: #dedede; box-shadow: inset 0 0 0 2px #2d97ff; } #LookingGlassDialog > #Toolbar .lg-toolbar-button:hover, .button:hover, .app-folder-dialog .folder-name-container .edit-folder-button:hover { color: #3D3D3D; background-color: #e5e5e5; } #LookingGlassDialog > #Toolbar .lg-toolbar-button:insensitive, .button:insensitive, .app-folder-dialog .folder-name-container .edit-folder-button:insensitive { color: rgba(61, 61, 61, 0.5); background-color: rgba(61, 61, 61, 0.05); } #LookingGlassDialog > #Toolbar .lg-toolbar-button:active, .button:active, .app-folder-dialog .folder-name-container .edit-folder-button:active { color: #3D3D3D; background-color: #dedede; } #LookingGlassDialog > #Toolbar .lg-toolbar-button:checked, .button:checked, .app-folder-dialog .folder-name-container .edit-folder-button:checked { color: #3D3D3D; background-color: #d6d6d6; } #LookingGlassDialog > #Toolbar .lg-toolbar-button:checked:hover, .button:checked:hover, .app-folder-dialog .folder-name-container .edit-folder-button:checked:hover { background-color: #cecece; } #LookingGlassDialog > #Toolbar .lg-toolbar-button:checked:active, .button:checked:active, .app-folder-dialog .folder-name-container .edit-folder-button:checked:active { background-color: #c7c7c7; } .app-folder-dialog .folder-name-container .edit-folder-button { color: #F7F7F7; background-color: #2c2c2c; } .app-folder-dialog .folder-name-container .edit-folder-button:focus { color: #F7F7F7; background-color: #2c2c2c; box-shadow: inset 0 0 0 2px #2d97ff; } .app-folder-dialog .folder-name-container .edit-folder-button:focus:hover { background-color: #242424; box-shadow: inset 0 0 0 2px #2d97ff; } .app-folder-dialog .folder-name-container .edit-folder-button:focus:active { background-color: #1d1d1d; box-shadow: inset 0 0 0 2px #2d97ff; } .app-folder-dialog .folder-name-container .edit-folder-button:hover { color: #F7F7F7; background-color: #242424; } .app-folder-dialog .folder-name-container .edit-folder-button:insensitive { color: rgba(247, 247, 247, 0.5); background-color: rgba(247, 247, 247, 0.05); } .app-folder-dialog .folder-name-container .edit-folder-button:active { color: #F7F7F7; background-color: #1d1d1d; } .app-folder-dialog .folder-name-container .edit-folder-button:checked { color: #F7F7F7; background-color: #151515; } .app-folder-dialog .folder-name-container .edit-folder-button:checked:hover { background-color: #0d0d0d; } .app-folder-dialog .folder-name-container .edit-folder-button:checked:active { background-color: #060606; } .modal-dialog .modal-dialog-linked-button, .hotplug-notification-item, .notification-banner .notification-button { padding: 12px; color: #3D3D3D; background-color: #ededed; } .modal-dialog .modal-dialog-linked-button:ltr, .hotplug-notification-item:ltr, .notification-banner .notification-button:ltr { margin-right: 1px; } .modal-dialog .modal-dialog-linked-button:rtl, .hotplug-notification-item:rtl, .notification-banner .notification-button:rtl { margin-left: 1px; } .modal-dialog .modal-dialog-linked-button:insensitive, .hotplug-notification-item:insensitive, .notification-banner .notification-button:insensitive { color: rgba(61, 61, 61, 0.5); background-color: rgba(61, 61, 61, 0.05); } .modal-dialog .modal-dialog-linked-button:focus, .hotplug-notification-item:focus, .notification-banner .notification-button:focus { color: #3D3D3D; background-color: #ededed; box-shadow: inset 0 0 0 2px #2d97ff; } .modal-dialog .modal-dialog-linked-button:focus:hover, .hotplug-notification-item:focus:hover, .notification-banner .notification-button:focus:hover { background-color: #e5e5e5; box-shadow: inset 0 0 0 2px #2d97ff; } .modal-dialog .modal-dialog-linked-button:focus:active, .hotplug-notification-item:focus:active, .notification-banner .notification-button:focus:active { background-color: #dedede; box-shadow: inset 0 0 0 2px #2d97ff; } .modal-dialog .modal-dialog-linked-button:hover, .hotplug-notification-item:hover, .notification-banner .notification-button:hover { color: #3D3D3D; background-color: #e5e5e5; } .modal-dialog .modal-dialog-linked-button:active, .hotplug-notification-item:active, .notification-banner .notification-button:active { color: #3D3D3D; background-color: #dedede; } .modal-dialog .modal-dialog-linked-button:first-child:ltr, .hotplug-notification-item:first-child:ltr, .notification-banner .notification-button:first-child:ltr { border-radius: 0 0 0 7.5px; } .modal-dialog .modal-dialog-linked-button:last-child:ltr, .hotplug-notification-item:last-child:ltr, .notification-banner .notification-button:last-child:ltr { border-radius: 0 0 7.5px 0; margin-right: 0 !important; } .modal-dialog .modal-dialog-linked-button:first-child:rtl, .hotplug-notification-item:first-child:rtl, .notification-banner .notification-button:first-child:rtl { border-radius: 0 0 7.5px 0; margin-left: 0 !important; } .modal-dialog .modal-dialog-linked-button:last-child:rtl, .hotplug-notification-item:last-child:rtl, .notification-banner .notification-button:last-child:rtl { border-radius: 0 0 0 7.5px; margin-right: 0 !important; } .modal-dialog .modal-dialog-linked-button:first-child:last-child, .hotplug-notification-item:first-child:last-child, .notification-banner .notification-button:first-child:last-child { border-radius: 0 0 7.5px 7.5px !important; margin-left: 0 !important; margin-right: 0 !important; } .screenshot-ui-show-pointer-button, .screenshot-ui-type-button { background-color: transparent; background-color: none; } .screenshot-ui-show-pointer-button:insensitive, .screenshot-ui-type-button:insensitive { color: rgba(61, 61, 61, 0.5); background-color: rgba(61, 61, 61, 0.05); background-color: transparent; color: rgba(255, 255, 255, 0.5); } .screenshot-ui-show-pointer-button:insensitive, .screenshot-ui-type-button:insensitive { background-color: transparent; background-color: none; } .screenshot-ui-show-pointer-button:insensitive:insensitive, .screenshot-ui-type-button:insensitive:insensitive { color: rgba(61, 61, 61, 0.5); background-color: rgba(61, 61, 61, 0.05); background-color: transparent; color: rgba(255, 255, 255, 0.5); } .screenshot-ui-show-pointer-button:focus, .screenshot-ui-type-button:focus { color: #eeeeec; background-color: rgba(44, 44, 44, 0.97675); box-shadow: inset 0 0 0 2px #2d97ff; } .screenshot-ui-show-pointer-button:focus:hover, .screenshot-ui-type-button:focus:hover { background-color: rgba(36, 36, 36, 0.97675); box-shadow: inset 0 0 0 2px #2d97ff; } .screenshot-ui-show-pointer-button:focus:active, .screenshot-ui-type-button:focus:active { background-color: rgba(29, 29, 29, 0.97675); box-shadow: inset 0 0 0 2px #2d97ff; } .screenshot-ui-show-pointer-button:hover, .screenshot-ui-type-button:hover { color: #eeeeec; background-color: rgba(36, 36, 36, 0.97675); } .screenshot-ui-show-pointer-button:active, .screenshot-ui-type-button:active { color: #eeeeec; background-color: rgba(29, 29, 29, 0.97675); } .screenshot-ui-show-pointer-button:outlined, .screenshot-ui-type-button:outlined, .screenshot-ui-show-pointer-button:checked, .screenshot-ui-type-button:checked { color: #eeeeec; background-color: rgba(21, 21, 21, 0.97675); } .screenshot-ui-show-pointer-button:outlined:hover, .screenshot-ui-type-button:outlined:hover, .screenshot-ui-show-pointer-button:checked:hover, .screenshot-ui-type-button:checked:hover { background-color: rgba(13, 13, 13, 0.97675); } .screenshot-ui-show-pointer-button:outlined:active, .screenshot-ui-type-button:outlined:active, .screenshot-ui-show-pointer-button:checked:active, .screenshot-ui-type-button:checked:active { background-color: rgba(6, 6, 6, 0.97675); } /* General Typography */ .app-folder-dialog .folder-name-container .folder-name-label, .app-folder-dialog .folder-name-container .folder-name-entry, .search-statustext { font-weight: 800; font-size: 20pt; } .lg-debug-flags-header, .message-dialog-content .message-dialog-title, .message-list .message-list-placeholder, .datemenu-today-button .date-label { font-weight: 800; font-size: 15pt; } .nm-dialog-airplane-headline { font-weight: 700; font-size: 15pt; } .message-dialog-content .message-dialog-title.lightweight, .headline { font-weight: 700; font-size: 13pt; } .lg-extension-name, .osd-window, .nm-dialog-header, .dialog-list .dialog-list-title, .message-list-controls, .weather-button .weather-forecast-temp, .weather-button .weather-header, .world-clocks-button .world-clocks-time, .world-clocks-button .world-clocks-header, .events-button .events-title, .calendar .calendar-month-header .calendar-month-label, .datemenu-today-button .day-label, .popup-menu-ornament { font-weight: 700; font-size: 11pt; } .app-menu .popup-inactive-menu-item:first-child > StLabel { font-weight: 700; font-size: 9pt; } .login-dialog-not-listed-label, .lg-completions-text, .caps-lock-warning-label, #dash, .icon-label-button-container, .prompt-dialog-error-label, .prompt-dialog-info-label, .prompt-dialog-null-label, .run-dialog .run-dialog-description, .dialog-list .dialog-list-box .dialog-list-item .dialog-list-item-description, .weather-button .weather-forecast-time, .world-clocks-button .world-clocks-timezone, .events-button .event-time { font-weight: 400; font-size: 9pt; } .calendar .calendar-day-base.calendar-day-heading, .calendar .calendar-day-base { font-weight: 400; font-size: 8pt; } .unlock-dialog-clock-time, #panel, .weather-button .weather-forecast-time, .world-clocks-button .world-clocks-timezone, .world-clocks-button .world-clocks-time, .events-button .event-time, .calendar .calendar-day-base { font-feature-settings: "tnum"; } /* WIDGETS */ .shell-link { color: #0059b2; } .shell-link:hover { color: #0073e5; } .lowres-icon { icon-shadow: 0 1px 2px rgba(0, 0, 0, 0.3); } .icon-dropshadow { icon-shadow: 0 1px 5px rgba(0, 0, 0, 0.8); } /* Entries */ StEntry { min-height: 22px; border-radius: 6px; padding: 8px; border-width: 1px; color: #3D3D3D; background-color: white; color: rgba(61, 61, 61, 0.7); border: 1px solid #c7c7c7; selection-background-color: #0073E5; selected-color: #FFFFFF; } StEntry:hover { background-color: white; border-color: #d4d4d4; color: #3D3D3D; } StEntry:focus { background-color: white; border-color: #2d97ff; box-shadow: 0 0 0 1px #2d97ff inset; color: #3D3D3D; } StEntry:insensitive { background-color: white; border-color: white; color: #9c9c9c; } StEntry StIcon.capslock-warning { icon-size: 16px; warning-color: #f99b11; padding: 0 4px; } StEntry StIcon.peek-password { icon-size: 1.09em; padding: 0 4px; } StEntry StLabel.hint-text { margin-left: 2px; color: rgba(61, 61, 61, 0.7); } /* Buttons */ .button { min-height: 22px; } /* Check Boxes */ .check-box StBoxLayout { spacing: .8em; } .check-box StBin { width: 24px; height: 22px; background-image: url("resource:///org/gnome/shell/theme/checkbox-off-blue.svg"); } .check-box:focus StBin { background-image: url("resource:///org/gnome/shell/theme/checkbox-off-focused-blue.svg"); } .check-box:checked StBin { background-image: url("resource:///org/gnome/shell/theme/checkbox-blue.svg"); } .check-box:focus:checked StBin { background-image: url("resource:///org/gnome/shell/theme/checkbox-focused-blue.svg"); } /* Switches */ .toggle-switch { color: #3D3D3D; height: 26px; width: 48px; background-size: contain; background-image: url("resource:///org/gnome/shell/theme/toggle-off-blue.svg"); } .toggle-switch:checked { background-image: url("resource:///org/gnome/shell/theme/toggle-on-blue.svg"); } /* Slider */ .slider { -barlevel-height: 4px; -barlevel-background-color: rgba(61, 61, 61, 0.4); -barlevel-border-width: 2px; -barlevel-border-color: transparent; -barlevel-active-background-color: #0073E5; -barlevel-active-border-color: transparent; -barlevel-overdrive-color: #c7162b; -barlevel-overdrive-border-color: transparent; -barlevel-overdrive-separator-width: 1px; -slider-handle-border-width: 1px; -slider-handle-border-color: #b5b5b5; -slider-handle-radius: 8px; color: #fcfcfc; height: 18px; } /* Scrollbars */ StScrollView.vfade { -st-vfade-offset: 68px; } StScrollView.hfade { -st-hfade-offset: 68px; } StScrollBar { padding: 0; } StScrollView StScrollBar { min-width: 8px; min-height: 8px; } StScrollBar StBin#trough { border-radius: 0; background-color: transparent; } StScrollBar StButton#vhandle, StScrollBar StButton#hhandle { border-radius: 8px; background-color: #c1c1c1; border: 3px solid transparent; transition: 500ms all ease; } StScrollBar StButton#vhandle:hover, StScrollBar StButton#hhandle:hover { background-color: #9c9c9c; } StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { background-color: #aeaeae; } /* Popovers/Menus */ .popup-menu-boxpointer, .candidate-popup-boxpointer { -arrow-rise: 6px; } .popup-menu { min-width: 15em; color: #3D3D3D; } .popup-menu.panel-menu { margin-bottom: 1.75em; } .popup-menu-content, .candidate-popup-content { padding: 6px; border-radius: 10px; border: 1px solid rgba(255, 255, 255, 0.8); box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.1); background-color: #FAFAFA; } .popup-menu-item { padding: 9px 12px; border-radius: 6px; spacing: 6px; transition: 0.2s all ease; background-color: transparent; } .popup-menu-item:ltr { padding-left: 6px; } .popup-menu-item:rtl { padding-right: 6px; } .popup-menu-item:focus, .popup-menu-item:hover { background-color: rgba(61, 61, 61, 0.1) !important; } .popup-menu-item:focus:active, .popup-menu-item:hover:active { background-color: rgba(61, 61, 61, 0.2) !important; } .popup-menu-item:checked { background-color: #e8e8e8 !important; } .popup-menu-item:checked { margin-bottom: 0; box-shadow: inset 0 -1px 0 0 #dbdbdb; border-radius: 6px 6px 0 0; } .popup-menu-item:checked:focus, .popup-menu-item:checked:hover { background-color: #d9d9d9 !important; } .popup-menu-item:checked:active { background-color: #d1d1d1 !important; } .popup-menu-item:active { background-color: #d1d1d1; color: #303030; } .popup-menu-item:insensitive { color: rgba(61, 61, 61, 0.5); } .popup-menu-item .toggle-switch:ltr { margin-left: 4px; } .popup-menu-item .toggle-switch:rtl { margin-right: 4px; } .popup-inactive-menu-item { color: #3D3D3D; } .popup-inactive-menu-item:insensitive { color: #9c9c9c; } .popup-menu-arrow, .popup-menu-icon { icon-size: 16px !important; } .popup-sub-menu { background-color: #e8e8e8; border-radius: 0 0 6px 6px; } .popup-sub-menu .popup-menu-ornament { min-width: 1.09em !important; } .popup-sub-menu .popup-menu-item { border-radius: 0; margin: 0; } .popup-sub-menu .popup-menu-item:last-child { border-radius: 0 0 6px 6px; } .popup-sub-menu .popup-menu-item:focus, .popup-sub-menu .popup-menu-item:hover { background-color: rgba(87, 87, 87, 0.1) !important; } .popup-sub-menu .popup-menu-item:checked { background-color: white !important; } .popup-sub-menu .popup-menu-item:checked:focus, .popup-sub-menu .popup-menu-item:checked:hover { background-color: #fdfdfd !important; } .popup-sub-menu .popup-menu-item:active { background-color: rgba(87, 87, 87, 0.2) !important; } .popup-sub-menu .popup-menu-section .popup-menu-item:last-child:hover, .popup-sub-menu .popup-menu-section .popup-menu-item:last-child:focus { border-radius: 0; } .popup-sub-menu .popup-menu-section:last-child .popup-menu-item:last-child { border-radius: 0 0 6px 6px; } .popup-menu-ornament { width: 1.2em; text-align: center !important; } .popup-menu-ornament:ltr { text-align: right; } .popup-menu-ornament:rtl { text-align: left; } .popup-separator-menu-item { margin: 6px 0; padding: 0 !important; } .popup-separator-menu-item:ltr { margin-right: 4px; } .popup-separator-menu-item:rtl { margin-left: 4px; } .popup-separator-menu-item .popup-separator-menu-item-separator { height: 1px; background-color: #c7c7c7; } .popup-separator-menu-item .popup-menu-ornament { width: 0 !important; } .popup-sub-menu .popup-separator-menu-item { background-color: transparent; } .popup-sub-menu .popup-separator-menu-item:ltr { margin-right: 2.5em; } .popup-sub-menu .popup-separator-menu-item:rtl { margin-left: 2.5em; } .popup-sub-menu .popup-separator-menu-item .popup-separator-menu-item-separator { background-color: #d9d9d9; } .background-menu { -boxpointer-gap: 0px; -arrow-rise: 0px; } .aggregate-menu { min-width: 22em; } .aggregate-menu .popup-menu-ornament { width: 0 !important; } .aggregate-menu .popup-menu-icon { -st-icon-style: symbolic; } .aggregate-menu .popup-menu-icon:ltr { margin-right: 8px; } .aggregate-menu .popup-menu-icon:rtl { margin-left: 8px; } .aggregate-menu .popup-sub-menu .popup-menu-item > :first-child:ltr { margin-left: 1em; } .aggregate-menu .popup-sub-menu .popup-menu-item > :first-child:rtl { margin-right: 1em; } .app-menu { max-width: 27.25em; } .app-menu .popup-menu-ornament { width: 0 !important; } .app-menu .popup-inactive-menu-item:first-child > StLabel:ltr { margin-right: 8px; } .app-menu .popup-inactive-menu-item:first-child > StLabel:rtl { margin-left: 8px; } /* Date/Time Menu */ #calendarArea { padding: 4px; } .datemenu-calendar-column { spacing: 6px; } .datemenu-calendar-column:ltr { padding-left: 6px; } .datemenu-calendar-column:rtl { padding-right: 6px; } .datemenu-calendar-column .datemenu-displays-box { spacing: 6px; } /* today button (the date) */ .datemenu-today-button { border-radius: 6px; margin: 4px; box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.1); background-color: transparent; background-color: none; box-shadow: none !important; padding: 9px; } .datemenu-today-button:insensitive { color: rgba(61, 61, 61, 0.5); background-color: rgba(61, 61, 61, 0.05); background-color: transparent; color: rgba(255, 255, 255, 0.5); } .datemenu-today-button:focus { color: #3D3D3D; background-color: #ededed; box-shadow: inset 0 0 0 2px #2d97ff; } .datemenu-today-button:focus:hover { background-color: #e5e5e5; box-shadow: inset 0 0 0 2px #2d97ff; } .datemenu-today-button:focus:active { background-color: #dedede; box-shadow: inset 0 0 0 2px #2d97ff; } .datemenu-today-button:hover { color: #3D3D3D; background-color: #e5e5e5; } .datemenu-today-button:active { color: #3D3D3D; background-color: #dedede; } .datemenu-today-button:insensitive .day-label, .datemenu-today-button:insensitive .date-label { color: #9c9c9c; } /* Calendar */ .calendar { border-radius: 6px; margin: 4px; box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.1); background-color: transparent; background-color: none; box-shadow: none !important; margin-top: 0; } .calendar:insensitive { color: rgba(61, 61, 61, 0.5); background-color: rgba(61, 61, 61, 0.05); background-color: transparent; color: rgba(255, 255, 255, 0.5); } .calendar:focus { color: #3D3D3D; background-color: #ededed; box-shadow: inset 0 0 0 2px #2d97ff; } .calendar:focus:hover { background-color: #e5e5e5; box-shadow: inset 0 0 0 2px #2d97ff; } .calendar:focus:active { background-color: #dedede; box-shadow: inset 0 0 0 2px #2d97ff; } .calendar:hover { color: #3D3D3D; background-color: #e5e5e5; } .calendar:active { color: #3D3D3D; background-color: #dedede; } .calendar .calendar-month-header .calendar-change-month-back StIcon, .calendar .calendar-month-header .calendar-change-month-forward StIcon { icon-size: 1.09em; } .calendar .calendar-month-header .calendar-month-label { color: #4a4a4a; padding: 8px 0; } .calendar .calendar-month-header .pager-button { background-color: transparent; height: 32px; width: 32px; margin: 2px; border-radius: 4px; } .calendar .calendar-month-header .pager-button:hover, .calendar .calendar-month-header .pager-button:focus { background-color: rgba(61, 61, 61, 0.1); } .calendar .calendar-month-header .pager-button:active { background-color: rgba(61, 61, 61, 0.2); } .calendar .calendar-day-base { text-align: center; margin: 2px; padding: 0 !important; height: 3em !important; width: 3em !important; border-radius: 99px; } .calendar .calendar-day-base:hover { background-color: rgba(61, 61, 61, 0.1); } .calendar .calendar-day-base:focus { background-color: #c8dff6; box-shadow: inset 0 0 0 2px rgba(0, 115, 229, 0.6); } .calendar .calendar-day-base:active, .calendar .calendar-day-base:selected { color: #303030; background-color: rgba(61, 61, 61, 0.2); } .calendar .calendar-day-base:active:focus, .calendar .calendar-day-base:selected:focus { background-color: rgba(19, 98, 177, 0.36); } .calendar .calendar-day-base.calendar-day-heading { color: #9c9c9c; padding-top: 6px; height: 16px !important; font-weight: bold; } .calendar .calendar-nonwork-day { color: #9c9c9c; } .calendar .calendar-other-month-day { color: rgba(61, 61, 61, 0.5); } .calendar .calendar-other-month-day.calendar-nonwork-day { color: rgba(156, 156, 156, 0.5); } .calendar .calendar-today { background-color: #0073E5; font-weight: 800; color: #FFFFFF !important; } .calendar .calendar-today:hover, .calendar .calendar-today:focus { background-color: #007bf4; color: inherit; } .calendar .calendar-today:active, .calendar .calendar-today:selected { background-color: #0073E5; color: inherit; } .calendar .calendar-today:active:hover, .calendar .calendar-today:active:focus, .calendar .calendar-today:selected:hover, .calendar .calendar-today:selected:focus { background-color: #007bf4; color: inherit; } .calendar .calendar-day-with-events { background-image: url("resource:///org/gnome/shell/theme/calendar-today-light.svg"); background-size: contain; } .calendar .calendar-week-number { font-size: 7pt; font-weight: bold; font-feature-settings: "tnum"; margin: 6px; padding: 0 6px; border-radius: 3px; background-color: whitesmoke; color: #9c9c9c; } /* Events */ .events-button { border-radius: 6px; margin: 4px; box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.1); color: #3D3D3D; background-color: #ededed; padding: 12px; } .events-button:focus { color: #3D3D3D; background-color: #ededed; box-shadow: inset 0 0 0 2px #2d97ff; } .events-button:focus:hover { background-color: #e5e5e5; box-shadow: inset 0 0 0 2px #2d97ff; } .events-button:focus:active { background-color: #dedede; box-shadow: inset 0 0 0 2px #2d97ff; } .events-button:hover { color: #3D3D3D; background-color: #e5e5e5; } .events-button:active { color: #3D3D3D; background-color: #dedede; } .events-button .events-box { spacing: 6px; } .events-button .events-list { spacing: 12px; } .events-button .events-title { color: #9c9c9c; margin-bottom: 4px; } .events-button .event-time { color: #9c9c9c; } /* World clocks */ .world-clocks-button { border-radius: 6px; margin: 4px; box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.1); color: #3D3D3D; background-color: #ededed; padding: 12px; } .world-clocks-button:focus { color: #3D3D3D; background-color: #ededed; box-shadow: inset 0 0 0 2px #2d97ff; } .world-clocks-button:focus:hover { background-color: #e5e5e5; box-shadow: inset 0 0 0 2px #2d97ff; } .world-clocks-button:focus:active { background-color: #dedede; box-shadow: inset 0 0 0 2px #2d97ff; } .world-clocks-button:hover { color: #3D3D3D; background-color: #e5e5e5; } .world-clocks-button:active { color: #3D3D3D; background-color: #dedede; } .world-clocks-button .world-clocks-grid { spacing-rows: 6px; spacing-columns: 12px; } .world-clocks-button .world-clocks-header { color: #9c9c9c; } .world-clocks-button .world-clocks-city { color: #3D3D3D; } .world-clocks-button .world-clocks-time { color: #3D3D3D; } .world-clocks-button .world-clocks-time:ltr { text-align: right; } .world-clocks-button .world-clocks-time:rtl { text-align: left; } .world-clocks-button .world-clocks-timezone { color: #9c9c9c; } /* Weather */ .weather-button { border-radius: 6px; margin: 4px; box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.1); color: #3D3D3D; background-color: #ededed; padding: 12px; } .weather-button:focus { color: #3D3D3D; background-color: #ededed; box-shadow: inset 0 0 0 2px #2d97ff; } .weather-button:focus:hover { background-color: #e5e5e5; box-shadow: inset 0 0 0 2px #2d97ff; } .weather-button:focus:active { background-color: #dedede; box-shadow: inset 0 0 0 2px #2d97ff; } .weather-button:hover { color: #3D3D3D; background-color: #e5e5e5; } .weather-button:active { color: #3D3D3D; background-color: #dedede; } .weather-button .weather-box { spacing: 10px; } .weather-button .weather-header-box { spacing: 6px; } .weather-button .weather-header { color: #9c9c9c; } .weather-button .weather-header.location { font-weight: normal; } .weather-button .weather-grid { spacing-rows: 6px; spacing-columns: 12px; } .weather-button .weather-forecast-time { color: black; padding-top: 0.2em; padding-bottom: 0.4em; } .weather-button .weather-forecast-icon { icon-size: 2.18em; } /* Message List */ .message-list { width: 29em; border: solid #c7c7c7; } .message-list:ltr { margin-left: 0; margin-right: 4px; padding-right: 6px; border-right-width: 1px; } .message-list:rtl { margin-right: 0; margin-left: 4px; padding-left: 6px; border-left-width: 1px; } .message-list .message-list-placeholder { color: rgba(156, 156, 156, 0.5); } .message-list .message-list-placeholder > StIcon { icon-size: 3.27em; margin-bottom: 12px; -st-icon-style: symbolic; } .message-list-sections { spacing: 6px; margin: 0; padding-bottom: 6px; } .message-list-sections:ltr { margin-right: 12px; } .message-list-sections:rtl { margin-left: 12px; } .message-list-section, .message-list-section-list { spacing: 6px; } .message-list-controls { padding: 6px; spacing: 6px; } .message-list-controls .dnd-button { border-width: 2px; border-color: transparent; border-radius: 32px; border-style: solid; } .message-list-controls .dnd-button:focus { border-color: #2d97ff; } .message { border-radius: 6px; margin: 4px; box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.1); color: #3D3D3D; background-color: #ededed; } .message:focus { color: #3D3D3D; background-color: #ededed; box-shadow: inset 0 0 0 2px #2d97ff; } .message:focus:hover { background-color: #e5e5e5; box-shadow: inset 0 0 0 2px #2d97ff; } .message:focus:active { background-color: #dedede; box-shadow: inset 0 0 0 2px #2d97ff; } .message:hover { color: #3D3D3D; background-color: #e5e5e5; } .message:active { color: #3D3D3D; background-color: #dedede; } .message .message-icon-bin { padding: 18px; } .message .message-icon-bin:ltr { padding-right: 6px; } .message .message-icon-bin:rtl { padding-left: 6px; } .message .message-icon-bin > StIcon { icon-size: 2.18em; -st-icon-style: symbolic; } .message .message-icon-bin > .fallback-app-icon { width: 1.09em; height: 1.09em; } .message .message-content { spacing: 4px; padding: 9px; margin-bottom: 8px; } .message .message-title { font-weight: bold; /* HACK: the label should be baseline-aligned with a 1em label, fake this with some bottom padding */ padding-top: 0.57em; } .message .message-secondary-bin { padding: 0 8px; } .message .message-secondary-bin > .event-time { color: rgba(61, 61, 61, 0.5); font-size: 9pt; /* HACK: the label should be baseline-aligned with a 1em label, fake this with some bottom padding */ padding-bottom: 0.13em; } .message .message-secondary-bin > .event-time:ltr { text-align: right; } .message .message-secondary-bin > .event-time:rtl { text-align: left; } .message .message-close-button { color: #3D3D3D; background-color: rgba(61, 61, 61, 0.1); border-radius: 99px; padding: 5px; margin: 1px; } .message .message-close-button:hover { background-color: rgba(61, 61, 61, 0.2); } .message .message-close-button:active { background-color: rgba(61, 61, 61, 0.1); } .message .message-body { color: #242424; } .url-highlighter { link-color: #0059b2; } /* Media Controls */ .message-media-control { padding: 0 18px; margin: 12px 0; border-radius: 6px; color: #3D3D3D; } .message-media-control:hover { background-color: rgba(74, 74, 74, 0.1); color: #3D3D3D; } .message-media-control:active { background-color: rgba(61, 61, 61, 0.2); color: #3D3D3D; } .message-media-control:insensitive { color: darkgray; } .message-media-control:last-child:ltr { margin-right: 12px; } .message-media-control:last-child:rtl { margin-left: 12px; } .media-message-cover-icon { icon-size: 3.27em !important; border-radius: 6px; } .media-message-cover-icon.fallback { color: #121212; background-color: #FAFAFA; border: 1px solid transparent; border-radius: 6px; icon-size: 2.18em !important; padding: 14px; } .candidate-popup-content { padding: 6px; spacing: 6px; } .candidate-index { padding: 0; padding-right: 6px; color: #9c9c9c; } .candidate-box { padding: 6px 12px 6px 12px; border-radius: 6px; } .candidate-box:selected { background-color: #0073E5; color: #FFFFFF; } .candidate-box:hover { background-color: rgba(61, 61, 61, 0.1); color: #3D3D3D; } .candidate-page-button-box { height: 2em; } .vertical .candidate-page-button-box { padding-top: 12px; } .horizontal .candidate-page-button-box { padding-left: 12px; } .candidate-page-button { padding: 6px; } .candidate-page-button-previous { border-radius: 6px 0px 0px 6px; border-right-width: 0; box-shadow: none; } .candidate-page-button-next { border-radius: 0px 6px 6px 0px; box-shadow: none; } .candidate-page-button-icon { icon-size: 1.09em; } /* Notifications & Message Tray */ .notification-banner { min-height: 64px; width: 34em; box-shadow: 0 2px 4px 2px rgba(0, 0, 0, 0.1); border-radius: 9px; margin: 4px; background-color: #FAFAFA; } .notification-banner .notification-actions { spacing: 0; } .notification-banner:hover { background-color: whitesmoke; } .notification-banner:active { background-color: #f0f0f0; } .notification-banner, .notification-banner:hover, .notification-banner:focus, .notification-banner:active { box-shadow: 0 0 4px 2px rgba(0, 0, 0, 0.1); border: 1px solid #c7c7c7; } .summary-source-counter { font-size: 10pt; font-weight: bold; height: 1.6em; width: 1.6em; -shell-counter-overlap-x: 3px; -shell-counter-overlap-y: 3px; background-color: #0073E5; color: #FFFFFF; border: 2px solid #3D3D3D; box-shadow: 0 2px 2px rgba(0, 0, 0, 0.5); border-radius: 0.9em; } .chat-body { spacing: 5px; } .chat-response { margin: 5px; } .chat-log-message { color: #242424; } .chat-new-group { padding-top: 1em; } .chat-received { padding-left: 4px; } .chat-received:rtl { padding-left: 0px; padding-right: 4px; } .chat-sent { padding-left: 18pt; color: #636363; } .chat-sent:rtl { padding-left: 0; padding-right: 18pt; } .chat-meta-message { padding-left: 4px; font-size: 9pt; font-weight: bold; color: #6b6b6b; } .chat-meta-message:rtl { padding-left: 0; padding-right: 4px; } .hotplug-notification-item-icon { icon-size: 24px; padding: 0 4px; } /* Modal Dialogs */ .modal-dialog .modal-dialog-content-box { margin: 32px 40px; spacing: 32px; max-width: 28em; } /* End Session Dialog */ .end-session-dialog { width: 30em; } .end-session-dialog .end-session-dialog-battery-warning, .end-session-dialog .dialog-list-title { color: #f99b11; } /* Message Dialog */ .message-dialog-content { spacing: 18px; } .message-dialog-content .message-dialog-title { text-align: center; } .message-dialog-content .message-dialog-description { text-align: center; } /* Dialog List */ .dialog-list { spacing: 18px; } .dialog-list .dialog-list-title { text-align: center; } .dialog-list .dialog-list-scrollview { max-height: 200px; } .dialog-list .dialog-list-box { spacing: 1em; } .dialog-list .dialog-list-box .dialog-list-item { spacing: 1em; } .dialog-list .dialog-list-box .dialog-list-item .dialog-list-item-title { font-weight: bold; } .dialog-list .dialog-list-box .dialog-list-item .dialog-list-item-description { color: #303030; } /* Run Dialog */ .run-dialog .modal-dialog-content-box { margin-top: 24px; margin-bottom: 14px; } .run-dialog .run-dialog-entry { width: 20em; } .run-dialog .run-dialog-description { text-align: center; color: #0a0a0a; } /* Password or Authentication Dialog */ .prompt-dialog { width: 28em; } .prompt-dialog .modal-dialog-content-box { margin-bottom: 24px; } .prompt-dialog-password-grid { spacing-rows: 8px; spacing-columns: 4px; } .prompt-dialog-password-grid .prompt-dialog-password-entry { width: auto; } .prompt-dialog-password-grid .prompt-dialog-password-entry:ltr { margin-left: 20px; } .prompt-dialog-password-grid .prompt-dialog-password-entry:rtl { margin-right: 20px; } .prompt-dialog-password-layout { spacing: 8px; } .prompt-dialog-password-entry { width: 20em; } .prompt-dialog-error-label, .prompt-dialog-info-label, .prompt-dialog-null-label { text-align: center; } .prompt-dialog-error-label { color: #f99b11; } /* Polkit Dialog */ .polkit-dialog-user-layout { text-align: center; spacing: 8px; margin-bottom: 6px; } .polkit-dialog-user-layout .polkit-dialog-user-root-label { color: #f99b11; } /* Audio selection dialog */ .audio-device-selection-dialog .modal-dialog-content-box { margin-bottom: 28px; } .audio-device-selection-dialog .audio-selection-box { spacing: 20px; } .audio-selection-device { border-radius: 12px; } .audio-selection-device:hover, .audio-selection-device:focus { background-color: rgba(61, 61, 61, 0.1); } .audio-selection-device:active { background-color: #0073E5; color: #FFFFFF; } .audio-selection-device-box { padding: 20px; spacing: 20px; } .audio-selection-device-icon { icon-size: 4.36em; } /* Welcome dialog */ .welcome-dialog-image { background-image: url("resource:///org/gnome/shell/theme/gnome-shell-start.svg"); background-size: contain; /* Reasonable maximum dimensions */ height: 300px; width: 300px; } /* Select Network dialogs */ .nm-dialog { max-height: 34em; min-height: 31em; min-width: 32em; } .nm-dialog-content { spacing: 20px; padding: 24px; } .nm-dialog-subheader { color: #9c9c9c; } .nm-dialog-header-icon { icon-size: 2.18em; } .nm-dialog-header-hbox { spacing: 10px; } .nm-dialog-scroll-view { padding: 6px; border-radius: 6px; background-color: #ffffff; } .nm-dialog-item { padding: 12px; } .nm-dialog-item:selected { background-color: #0073E5; border-radius: 3px; color: #FFFFFF; } .nm-dialog-item:hover { background-color: rgba(61, 61, 61, 0.1); } .nm-dialog-icon { icon-size: 1.09em; } .nm-dialog-icons { spacing: 12px; } .no-networks-box { spacing: 6px; } .no-networks-label { color: #9c9c9c; } .nm-dialog-airplane-box { text-align: center; spacing: 12px; } .nm-dialog-airplane-text { color: #9c9c9c; } /* OSD */ .osd-window { text-align: center; font-weight: bold; spacing: 12px; padding: 12px 18px; margin-bottom: 4em; } .osd-window > * { spacing: 8px; } .osd-window StIcon { icon-size: 2.18em; } .osd-window StLabel:ltr { margin-right: 6px; } .osd-window StLabel:rtl { margin-left: 6px; } .osd-window .level { margin-bottom: 4px; height: 6px; min-width: 10.9em; -barlevel-height: 6px; -barlevel-background-color: rgba(238, 238, 236, 0.3); -barlevel-active-background-color: #eeeeec; -barlevel-overdrive-color: #c7162b; -barlevel-overdrive-separator-width: 3px; } .osd-window .level:first-child { margin-bottom: 0px; } .osd-window .level:ltr { margin-right: 6px; } .osd-window .level:rtl { margin-left: 6px; } .osd-monitor-label { border-radius: 12px; font-size: 3em; font-weight: bold; margin: 12px; text-align: center; min-width: 1.3em; } /* Pad OSD */ .pad-osd-window { padding: 32px; background-color: rgba(29, 29, 29, 0.975); color: #eeeeec; } .pad-osd-window .button:insensitive { color: #3D3D3D; } .pad-osd-window .pad-osd-title-box { spacing: 12px; } .pad-osd-window .pad-osd-title-menu-box { spacing: 6px; } .combo-box-label { width: 15em; } /* App Switcher */ .switcher-popup { padding: 0; spacing: 24px; } .switcher-list { padding: 10px; border-radius: 20px; box-shadow: 0 8px 8px 0 rgba(0, 0, 0, 0.1); } .switcher-list .switcher-list-item-container { spacing: 12px; } .switcher-list .item-box { background-color: transparent; } .switcher-list .item-box:hover { background-color: rgba(238, 238, 236, 0.1); } .switcher-list .item-box:selected, .switcher-list .item-box:focus { background-color: rgba(238, 238, 236, 0.13); } .switcher-list .item-box:selected:hover, .switcher-list .item-box:focus:hover { background-color: rgba(238, 238, 236, 0.16); } .switcher-list .item-box:selected:active, .switcher-list .item-box:focus:active { background-color: rgba(238, 238, 236, 0.13); } .switcher-list .item-box:active { background-color: rgba(238, 238, 236, 0.16); } .switcher-list .item-box:outlined, .switcher-list .item-box:checked { background-color: rgba(238, 238, 236, 0.19); } .switcher-list .item-box:outlined:active, .switcher-list .item-box:checked:active { background-color: rgba(238, 238, 236, 0.22); } .switcher-list .item-box:outlined:hover, .switcher-list .item-box:checked:hover { background-color: rgba(238, 238, 236, 0.25); } .switcher-list .item-box:drop { border: 2px solid rgba(0, 115, 229, 0.8); background-color: rgba(0, 115, 229, 0.2); } .switcher-list .item-box:hover { background: none; } .switcher-list .separator { width: 1px; background: #c7c7c7; } .switcher-list .thumbnail-box { padding: 2px; spacing: 6px; } .switcher-list .thumbnail { width: 256px; border-radius: 6px; } .switcher-arrow { border-color: rgba(0, 0, 0, 0); color: rgba(238, 238, 236, 0.8); } .switcher-arrow:highlighted { border-color: #eeeeec; color: #eeeeec; } .input-source-switcher-symbol { font-size: 34pt; width: 96px; height: 96px; } .cycler-highlight { border: 5px solid #0073E5; } /* Workspace Switcher */ .workspace-switcher { margin-bottom: 4em; spacing: 12px; padding: 12px 18px; } .ws-switcher-indicator { background-color: rgba(238, 238, 236, 0.5); padding: 0.1816666667em; margin: 0.9083333333em; border-radius: 2.18em; } .ws-switcher-indicator:active { background-color: #eeeeec; padding: 0.3633333333em; margin: 0.7266666667em; } .icon-label-button-container { spacing: 6px; } .icon-label-button-container StIcon { icon-size: 32px; } .screenshot-ui-panel { border-radius: 33px; padding: 18px; padding-bottom: 12px; margin-bottom: 4em; spacing: 12px; } .screenshot-ui-close-button { padding: 6px; } .screenshot-ui-close-button.left { margin-left: 8px; } .screenshot-ui-close-button.right { margin-right: 8px; } .screenshot-ui-type-button { padding: 12px 18px !important; border-radius: 15px; } .screenshot-ui-capture-button { width: 36px; height: 36px; border-radius: 99px; border: 4px #eeeeec; padding: 4px; } .screenshot-ui-capture-button .screenshot-ui-capture-button-circle { background-color: #eeeeec; transition-duration: 200ms; border-radius: 99px; } .screenshot-ui-capture-button .screenshot-ui-capture-button-circle:hover, .screenshot-ui-capture-button .screenshot-ui-capture-button-circle:focus { background-color: rgba(61, 61, 61, 0.1); } .screenshot-ui-capture-button:hover .screenshot-ui-capture-button-circle, .screenshot-ui-capture-button:focus .screenshot-ui-capture-button-circle { background-color: #cacac4; } .screenshot-ui-capture-button:active .screenshot-ui-capture-button-circle { background-color: #747467; } .screenshot-ui-capture-button:cast .screenshot-ui-capture-button-circle { background-color: #c7162b; } .screenshot-ui-capture-button:cast:hover .screenshot-ui-capture-button-circle, .screenshot-ui-capture-button:cast:focus .screenshot-ui-capture-button-circle { background-color: #de1930; } .screenshot-ui-capture-button:cast:active .screenshot-ui-capture-button-circle { background-color: #a71224; } .screenshot-ui-shot-cast-container { background-color: rgba(61, 61, 61, 0.1); border-radius: 12px; padding: 3px; spacing: 3px; } .screenshot-ui-shot-cast-container:ltr { margin-left: 3px; } .screenshot-ui-shot-cast-container:rtl { margin-right: 3px; } .screenshot-ui-shot-cast-button { padding: 6px 12px; background-color: transparent; border-radius: 9px; } .screenshot-ui-shot-cast-button:hover, .screenshot-ui-shot-cast-button:focus { background-color: rgba(74, 74, 74, 0.1); } .screenshot-ui-shot-cast-button:active { background-color: rgba(74, 74, 74, 0.2); } .screenshot-ui-shot-cast-button:checked { background-color: white; color: black; } .screenshot-ui-shot-cast-button StIcon { icon-size: 1.09em; } .screenshot-ui-show-pointer-button { border-radius: 99px; padding: 12px !important; } .screenshot-ui-show-pointer-button StIcon { icon-size: 1.09em; } .screenshot-ui-area-indicator-shade { background-color: rgba(0, 0, 0, 0.3); } .screenshot-ui-area-selector .screenshot-ui-area-indicator-shade { background-color: rgba(0, 0, 0, 0.5); } .screenshot-ui-area-selector .screenshot-ui-area-indicator-selection { border: 2px white; } .screenshot-ui-area-selector-handle { border-radius: 99px; background-color: white; box-shadow: 0 1px 3px 2px rgba(0, 0, 0, 0.2); width: 24px; height: 24px; } .screenshot-ui-window-selector { background-color: #222222; } .screenshot-ui-window-selector .screenshot-ui-window-selector-window-container { margin: 100px; } .screenshot-ui-window-selector:primary-monitor .screenshot-ui-window-selector-window-container { margin-bottom: 200px; } .screenshot-ui-window-selector-window-border { transition-duration: 200ms; border-radius: 12px; border: 6px transparent; } .screenshot-ui-window-selector-check { transition-duration: 200ms; color: transparent; border-radius: 99px; border-width: 12px; icon-size: 24px; } .screenshot-ui-window-selector-window:hover .screenshot-ui-window-selector-window-border { border-color: #004d99; } .screenshot-ui-window-selector-window:checked .screenshot-ui-window-selector-window-border { border-color: #0073E5; background-color: rgba(0, 115, 229, 0.2); } .screenshot-ui-window-selector-window:checked .screenshot-ui-window-selector-check { color: #FFFFFF; background-color: #0073E5; } .screenshot-ui-screen-selector { transition-duration: 200ms; background-color: rgba(0, 0, 0, 0.5); } .screenshot-ui-screen-selector:hover { background-color: rgba(0, 0, 0, 0.3); } .screenshot-ui-screen-selector:active { background-color: rgba(0, 0, 0, 0.7); } .screenshot-ui-screen-selector:checked { background-color: transparent; border: 2px white; } .screenshot-ui-tooltip { color: #eeeeec; background-color: rgba(29, 29, 29, 0.975); border-radius: 99px; padding: 6px 12px; text-align: center; -y-offset: 24px; } /* Top Bar */ #panel { background-color: #131313; font-weight: bold; height: 1.86em; transition-duration: 250ms; } #panel.unlock-screen, #panel.login-screen { background-color: transparent; } #panel .panel-button { font-weight: bold; color: #f2f2f2; -natural-hpadding: 12px; -minimum-hpadding: 6px; transition-duration: 150ms; border: 3px solid transparent; border-radius: 99px; } #panel .panel-button.clock-display .clock { transition-duration: 150ms; border: 3px solid transparent; border-radius: 99px; } #panel .panel-button.screen-recording-indicator { box-shadow: inset 0 0 0 100px #c7162b; } #panel .panel-button.screen-recording-indicator StBoxLayout { spacing: 6px; } #panel .panel-button.screen-recording-indicator StIcon { icon-size: 1.09em; } #panel .panel-button:active, #panel .panel-button:overview, #panel .panel-button:focus, #panel .panel-button:checked { box-shadow: inset 0 0 0 100px rgba(242, 242, 242, 0.2); } #panel .panel-button:active.clock-display, #panel .panel-button:overview.clock-display, #panel .panel-button:focus.clock-display, #panel .panel-button:checked.clock-display { box-shadow: none; } #panel .panel-button:active.clock-display .clock, #panel .panel-button:overview.clock-display .clock, #panel .panel-button:focus.clock-display .clock, #panel .panel-button:checked.clock-display .clock { box-shadow: inset 0 0 0 100px rgba(242, 242, 242, 0.2); } #panel .panel-button:active.screen-recording-indicator, #panel .panel-button:overview.screen-recording-indicator, #panel .panel-button:focus.screen-recording-indicator, #panel .panel-button:checked.screen-recording-indicator { box-shadow: inset 0 0 0 100px rgba(199, 22, 43, 0.85); } #panel .panel-button:hover { box-shadow: inset 0 0 0 100px rgba(242, 242, 242, 0.15); } #panel .panel-button:hover.clock-display { box-shadow: none; } #panel .panel-button:hover.clock-display .clock { box-shadow: inset 0 0 0 100px rgba(242, 242, 242, 0.15); } #panel .panel-button:hover.screen-recording-indicator { box-shadow: inset 0 0 0 100px rgba(199, 22, 43, 0.9); } #panel .panel-button:active:hover, #panel .panel-button:overview:hover, #panel .panel-button:focus:hover, #panel .panel-button:checked:hover { box-shadow: inset 0 0 0 100px rgba(242, 242, 242, 0.25); } #panel .panel-button:active:hover.clock-display, #panel .panel-button:overview:hover.clock-display, #panel .panel-button:focus:hover.clock-display, #panel .panel-button:checked:hover.clock-display { box-shadow: none; } #panel .panel-button:active:hover.clock-display .clock, #panel .panel-button:overview:hover.clock-display .clock, #panel .panel-button:focus:hover.clock-display .clock, #panel .panel-button:checked:hover.clock-display .clock { box-shadow: inset 0 0 0 100px rgba(242, 242, 242, 0.25); } #panel .panel-button:active:hover.screen-recording-indicator, #panel .panel-button:overview:hover.screen-recording-indicator, #panel .panel-button:focus:hover.screen-recording-indicator, #panel .panel-button:checked:hover.screen-recording-indicator { box-shadow: inset 0 0 0 100px rgba(199, 22, 43, 0.8); } #panel .panel-button .system-status-icon { icon-size: 1.09em; padding: 5px; margin: 0 4px; } #panel .panel-button .panel-status-indicators-box .system-status-icon, #panel .panel-button .panel-status-menu-box .system-status-icon { margin: 0; } #panel .panel-button .app-menu-icon { -st-icon-style: symbolic; } #panel .panel-button#panelActivities { -natural-hpadding: 18px; } #panel.unlock-screen .panel-button:active, #panel.unlock-screen .panel-button:overview, #panel.unlock-screen .panel-button:focus, #panel.unlock-screen .panel-button:checked, #panel.login-screen .panel-button:active, #panel.login-screen .panel-button:overview, #panel.login-screen .panel-button:focus, #panel.login-screen .panel-button:checked, #panel:overview .panel-button:active, #panel:overview .panel-button:overview, #panel:overview .panel-button:focus, #panel:overview .panel-button:checked { box-shadow: inset 0 0 0 100px rgba(255, 255, 255, 0.15); } #panel.unlock-screen .panel-button:active.clock-display, #panel.unlock-screen .panel-button:overview.clock-display, #panel.unlock-screen .panel-button:focus.clock-display, #panel.unlock-screen .panel-button:checked.clock-display, #panel.login-screen .panel-button:active.clock-display, #panel.login-screen .panel-button:overview.clock-display, #panel.login-screen .panel-button:focus.clock-display, #panel.login-screen .panel-button:checked.clock-display, #panel:overview .panel-button:active.clock-display, #panel:overview .panel-button:overview.clock-display, #panel:overview .panel-button:focus.clock-display, #panel:overview .panel-button:checked.clock-display { box-shadow: none; } #panel.unlock-screen .panel-button:active.clock-display .clock, #panel.unlock-screen .panel-button:overview.clock-display .clock, #panel.unlock-screen .panel-button:focus.clock-display .clock, #panel.unlock-screen .panel-button:checked.clock-display .clock, #panel.login-screen .panel-button:active.clock-display .clock, #panel.login-screen .panel-button:overview.clock-display .clock, #panel.login-screen .panel-button:focus.clock-display .clock, #panel.login-screen .panel-button:checked.clock-display .clock, #panel:overview .panel-button:active.clock-display .clock, #panel:overview .panel-button:overview.clock-display .clock, #panel:overview .panel-button:focus.clock-display .clock, #panel:overview .panel-button:checked.clock-display .clock { box-shadow: inset 0 0 0 100px rgba(255, 255, 255, 0.15); } #panel.unlock-screen .panel-button:active.screen-recording-indicator, #panel.unlock-screen .panel-button:overview.screen-recording-indicator, #panel.unlock-screen .panel-button:focus.screen-recording-indicator, #panel.unlock-screen .panel-button:checked.screen-recording-indicator, #panel.login-screen .panel-button:active.screen-recording-indicator, #panel.login-screen .panel-button:overview.screen-recording-indicator, #panel.login-screen .panel-button:focus.screen-recording-indicator, #panel.login-screen .panel-button:checked.screen-recording-indicator, #panel:overview .panel-button:active.screen-recording-indicator, #panel:overview .panel-button:overview.screen-recording-indicator, #panel:overview .panel-button:focus.screen-recording-indicator, #panel:overview .panel-button:checked.screen-recording-indicator { box-shadow: inset 0 0 0 100px rgba(199, 22, 43, 0.85); } #panel.unlock-screen .panel-button:hover, #panel.login-screen .panel-button:hover, #panel:overview .panel-button:hover { box-shadow: inset 0 0 0 100px rgba(255, 255, 255, 0.1); } #panel.unlock-screen .panel-button:hover.clock-display, #panel.login-screen .panel-button:hover.clock-display, #panel:overview .panel-button:hover.clock-display { box-shadow: none; } #panel.unlock-screen .panel-button:hover.clock-display .clock, #panel.login-screen .panel-button:hover.clock-display .clock, #panel:overview .panel-button:hover.clock-display .clock { box-shadow: inset 0 0 0 100px rgba(255, 255, 255, 0.1); } #panel.unlock-screen .panel-button:hover.screen-recording-indicator, #panel.login-screen .panel-button:hover.screen-recording-indicator, #panel:overview .panel-button:hover.screen-recording-indicator { box-shadow: inset 0 0 0 100px rgba(199, 22, 43, 0.9); } #panel.unlock-screen .panel-button:active:hover, #panel.unlock-screen .panel-button:overview:hover, #panel.unlock-screen .panel-button:focus:hover, #panel.unlock-screen .panel-button:checked:hover, #panel.login-screen .panel-button:active:hover, #panel.login-screen .panel-button:overview:hover, #panel.login-screen .panel-button:focus:hover, #panel.login-screen .panel-button:checked:hover, #panel:overview .panel-button:active:hover, #panel:overview .panel-button:overview:hover, #panel:overview .panel-button:focus:hover, #panel:overview .panel-button:checked:hover { box-shadow: inset 0 0 0 100px rgba(255, 255, 255, 0.2); } #panel.unlock-screen .panel-button:active:hover.clock-display, #panel.unlock-screen .panel-button:overview:hover.clock-display, #panel.unlock-screen .panel-button:focus:hover.clock-display, #panel.unlock-screen .panel-button:checked:hover.clock-display, #panel.login-screen .panel-button:active:hover.clock-display, #panel.login-screen .panel-button:overview:hover.clock-display, #panel.login-screen .panel-button:focus:hover.clock-display, #panel.login-screen .panel-button:checked:hover.clock-display, #panel:overview .panel-button:active:hover.clock-display, #panel:overview .panel-button:overview:hover.clock-display, #panel:overview .panel-button:focus:hover.clock-display, #panel:overview .panel-button:checked:hover.clock-display { box-shadow: none; } #panel.unlock-screen .panel-button:active:hover.clock-display .clock, #panel.unlock-screen .panel-button:overview:hover.clock-display .clock, #panel.unlock-screen .panel-button:focus:hover.clock-display .clock, #panel.unlock-screen .panel-button:checked:hover.clock-display .clock, #panel.login-screen .panel-button:active:hover.clock-display .clock, #panel.login-screen .panel-button:overview:hover.clock-display .clock, #panel.login-screen .panel-button:focus:hover.clock-display .clock, #panel.login-screen .panel-button:checked:hover.clock-display .clock, #panel:overview .panel-button:active:hover.clock-display .clock, #panel:overview .panel-button:overview:hover.clock-display .clock, #panel:overview .panel-button:focus:hover.clock-display .clock, #panel:overview .panel-button:checked:hover.clock-display .clock { box-shadow: inset 0 0 0 100px rgba(255, 255, 255, 0.2); } #panel.unlock-screen .panel-button:active:hover.screen-recording-indicator, #panel.unlock-screen .panel-button:overview:hover.screen-recording-indicator, #panel.unlock-screen .panel-button:focus:hover.screen-recording-indicator, #panel.unlock-screen .panel-button:checked:hover.screen-recording-indicator, #panel.login-screen .panel-button:active:hover.screen-recording-indicator, #panel.login-screen .panel-button:overview:hover.screen-recording-indicator, #panel.login-screen .panel-button:focus:hover.screen-recording-indicator, #panel.login-screen .panel-button:checked:hover.screen-recording-indicator, #panel:overview .panel-button:active:hover.screen-recording-indicator, #panel:overview .panel-button:overview:hover.screen-recording-indicator, #panel:overview .panel-button:focus:hover.screen-recording-indicator, #panel:overview .panel-button:checked:hover.screen-recording-indicator { box-shadow: inset 0 0 0 100px rgba(199, 22, 43, 0.8); } #panel .panel-status-indicators-box, #panel .panel-status-menu-box { spacing: 2px; } #panel .power-status.panel-status-indicators-box { spacing: 0; } #panel .screencast-indicator, #panel .remote-access-indicator { color: #f99b11; } #appMenu { spacing: 6px; } #appMenu .label-shadow { color: transparent; } #appMenu .panel-status-menu-box { padding: 0 6px; spacing: 6px; } .clock-display-box { spacing: 2px; } .clock-display-box .clock { padding-left: 12px; padding-right: 12px; } /* Activities Ripple */ .ripple-box { background-color: rgba(178, 217, 255, 0.3); box-shadow: 0 0 2px 2px #4ca6ff; width: 52px; height: 52px; border-radius: 0 0 52px 0; } .ripple-box:rtl { border-radius: 0 0 0 52px; } /* OVERVIEW */ .controls-manager, .secondary-monitor-workspaces { spacing: 12px; } #overviewGroup { background-color: #222222; } .overview-controls { padding-bottom: 32px; } /* Window Picker */ .window-picker { spacing: 6px; } .window-caption { color: #eeeeec; background-color: rgba(29, 29, 29, 0.975); border-radius: 99px; padding: 6px 12px; border: 1px solid #464646; } .window-close, .screenshot-ui-close-button { background-color: rgba(55, 55, 55, 0.975); color: #eeeeec; border-radius: 99px; padding: 3px; height: 30px; width: 30px; transition-duration: 300ms; border: 1px solid #464646; } .window-close StIcon, .screenshot-ui-close-button StIcon { icon-size: 24px; } .window-close:hover, .screenshot-ui-close-button:hover { background-color: rgba(67, 67, 67, 0.975); } .window-close:active, .screenshot-ui-close-button:active { background-color: rgba(42, 42, 42, 0.975); } .workspace-background { border-radius: 30px; box-shadow: 0 4px 16px 4px rgba(0, 0, 0, 0.275); } .search-entry { border-radius: 18px; margin-top: 24px; margin-bottom: 12px; padding: 7px 9px; width: 320px; background-color: white; color: rgba(61, 61, 61, 0.7); border: 1px solid #c7c7c7; } .search-entry:hover { background-color: white; border-color: #d4d4d4; color: #3D3D3D; } .search-entry:focus { background-color: white; border-color: #2d97ff; box-shadow: 0 0 0 1px #2d97ff inset; color: #3D3D3D; } .search-entry:insensitive { background-color: white; border-color: white; color: #9c9c9c; } .search-entry .search-entry-icon { color: inherit; icon-size: 1.09em; margin-top: 2px; padding: 0 4px; } /* Search */ #searchResults { margin: 0 4px; } #searchResultsContent { max-width: 1072px; } .search-section { spacing: 18px; } .search-section .search-section-separator { height: 8px; background-color: transparent; } .search-section-content { background-color: #1d1d1d; border-radius: 18px; border: 1px solid #464646; color: #eeeeec; padding: 12px; margin: 0 12px; } .list-search-result, .search-provider-icon { background-color: transparent; border-radius: 9px; } .list-search-result:hover, .search-provider-icon:hover { background-color: rgba(238, 238, 236, 0.1); } .list-search-result:selected, .search-provider-icon:selected, .list-search-result:focus, .search-provider-icon:focus { background-color: rgba(238, 238, 236, 0.13); } .list-search-result:selected:hover, .search-provider-icon:selected:hover, .list-search-result:focus:hover, .search-provider-icon:focus:hover { background-color: rgba(238, 238, 236, 0.16); } .list-search-result:selected:active, .search-provider-icon:selected:active, .list-search-result:focus:active, .search-provider-icon:focus:active { background-color: rgba(238, 238, 236, 0.13); } .list-search-result:active, .search-provider-icon:active { background-color: rgba(238, 238, 236, 0.16); } .list-search-result:outlined, .search-provider-icon:outlined, .list-search-result:checked, .search-provider-icon:checked { background-color: rgba(238, 238, 236, 0.19); } .list-search-result:outlined:active, .search-provider-icon:outlined:active, .list-search-result:checked:active, .search-provider-icon:checked:active { background-color: rgba(238, 238, 236, 0.22); } .list-search-result:outlined:hover, .search-provider-icon:outlined:hover, .list-search-result:checked:hover, .search-provider-icon:checked:hover { background-color: rgba(238, 238, 236, 0.25); } .list-search-result:drop, .search-provider-icon:drop { border: 2px solid rgba(0, 115, 229, 0.8); background-color: rgba(0, 115, 229, 0.2); } .grid-search-results { spacing: 30px; margin: 0 12px; } .search-provider-icon:ltr { margin-right: 4px; } .search-provider-icon:rtl { margin-left: 4px; } .search-provider-icon .list-search-provider-content { spacing: 12px; } .search-provider-icon .list-search-provider-content .list-search-provider-details { width: 120px; color: #eeeeec; } .list-search-results { spacing: 6px; } .list-search-result .list-search-result-content { spacing: 6px; } .list-search-result .list-search-result-title { spacing: 12px; } .list-search-result .list-search-result-description { color: #868685; } /* Dash */ #dash { margin-top: 12px; } #dash .placeholder { background-image: none; background-size: contain; height: 32px; } #dash .empty-dash-drop-target { width: 32px; height: 32px; } #dash .app-well-app-running-dot { margin-bottom: 13px; background-color: #0073E5; } .dash-background { background-color: #1d1d1d; border-radius: 24px; padding: 12px; border: 1px solid #464646; spacing: 6px; margin-bottom: 12px; } .dash-item-container > * { margin: 0 2px; } .dash-item-container:ltr:first-child { margin-left: 0; } .dash-item-container:rtl:first-child { margin-right: 0; } .dash-item-container .app-well-app .overview-icon, .dash-item-container .grid-search-result .overview-icon { padding: 6px; } .dash-item-container .show-apps .overview-icon { background-color: transparent; } .dash-item-container .show-apps:hover .overview-icon { background-color: rgba(238, 238, 236, 0.1); } .dash-item-container .show-apps:selected .overview-icon, .dash-item-container .show-apps:focus .overview-icon { background-color: rgba(238, 238, 236, 0.13); } .dash-item-container .show-apps:selected .overview-icon:hover .overview-icon, .dash-item-container .show-apps:focus .overview-icon:hover .overview-icon { background-color: rgba(238, 238, 236, 0.16); } .dash-item-container .show-apps:selected .overview-icon:active .overview-icon, .dash-item-container .show-apps:focus .overview-icon:active .overview-icon { background-color: rgba(238, 238, 236, 0.13); } .dash-item-container .show-apps:active .overview-icon { background-color: rgba(238, 238, 236, 0.16); } .dash-item-container .show-apps:outlined .overview-icon, .dash-item-container .show-apps:checked .overview-icon { background-color: rgba(238, 238, 236, 0.19); } .dash-item-container .show-apps:outlined .overview-icon:active .overview-icon, .dash-item-container .show-apps:checked .overview-icon:active .overview-icon { background-color: rgba(238, 238, 236, 0.22); } .dash-item-container .show-apps:outlined .overview-icon:hover .overview-icon, .dash-item-container .show-apps:checked .overview-icon:hover .overview-icon { background-color: rgba(238, 238, 236, 0.25); } .dash-item-container .show-apps:drop .overview-icon { border: 2px solid rgba(0, 115, 229, 0.8); background-color: rgba(0, 115, 229, 0.2); } .dash-item-container .show-apps:focus .overview-icon, .dash-item-container .show-apps:active .overview-icon, .dash-item-container .show-apps:checked .overview-icon { background-color: rgba(238, 238, 236, 0.2); } .dash-item-container .show-apps, .dash-item-container .app-well-app, .dash-item-container .grid-search-result { padding-bottom: 12px; } .dash-separator { width: 1px; margin: 0 4px; background-color: #464646; margin-bottom: 12px; } .dash-label { color: #eeeeec; background-color: rgba(29, 29, 29, 0.975); border-radius: 99px; padding: 6px 12px; text-align: center; -y-offset: 8px; border: 1px solid #464646; } /* App Grid */ .icon-grid { row-spacing: 12px; column-spacing: 12px; max-row-spacing: 42px; max-column-spacing: 42px; page-padding-top: 24px; page-padding-bottom: 24px; page-padding-left: 18px; page-padding-right: 18px; } /* App Icons */ .app-well-app .overview-icon, .grid-search-result .overview-icon { background-color: transparent; } .app-well-app:hover .overview-icon, .grid-search-result:hover .overview-icon { background-color: rgba(238, 238, 236, 0.1); } .app-well-app:selected .overview-icon, .grid-search-result:selected .overview-icon, .app-well-app:focus .overview-icon, .grid-search-result:focus .overview-icon { background-color: rgba(238, 238, 236, 0.13); } .app-well-app:selected .overview-icon:hover .overview-icon, .grid-search-result:selected .overview-icon:hover .overview-icon, .app-well-app:focus .overview-icon:hover .overview-icon, .grid-search-result:focus .overview-icon:hover .overview-icon { background-color: rgba(238, 238, 236, 0.16); } .app-well-app:selected .overview-icon:active .overview-icon, .grid-search-result:selected .overview-icon:active .overview-icon, .app-well-app:focus .overview-icon:active .overview-icon, .grid-search-result:focus .overview-icon:active .overview-icon { background-color: rgba(238, 238, 236, 0.13); } .app-well-app:active .overview-icon, .grid-search-result:active .overview-icon { background-color: rgba(238, 238, 236, 0.16); } .app-well-app:outlined .overview-icon, .grid-search-result:outlined .overview-icon, .app-well-app:checked .overview-icon, .grid-search-result:checked .overview-icon { background-color: rgba(238, 238, 236, 0.19); } .app-well-app:outlined .overview-icon:active .overview-icon, .grid-search-result:outlined .overview-icon:active .overview-icon, .app-well-app:checked .overview-icon:active .overview-icon, .grid-search-result:checked .overview-icon:active .overview-icon { background-color: rgba(238, 238, 236, 0.22); } .app-well-app:outlined .overview-icon:hover .overview-icon, .grid-search-result:outlined .overview-icon:hover .overview-icon, .app-well-app:checked .overview-icon:hover .overview-icon, .grid-search-result:checked .overview-icon:hover .overview-icon { background-color: rgba(238, 238, 236, 0.25); } .app-well-app:drop .overview-icon, .grid-search-result:drop .overview-icon { border: 2px solid rgba(0, 115, 229, 0.8); background-color: rgba(0, 115, 229, 0.2); } .app-well-app:focus .overview-icon, .grid-search-result:focus .overview-icon, .app-well-app:active .overview-icon, .grid-search-result:active .overview-icon, .app-well-app:checked .overview-icon, .grid-search-result:checked .overview-icon { background-color: rgba(238, 238, 236, 0.2); } .app-well-app .overview-icon, .grid-search-result .overview-icon { padding: 12px; } .app-well-app .overview-icon.overview-icon-with-label > StBoxLayout, .grid-search-result .overview-icon.overview-icon-with-label > StBoxLayout { spacing: 6px; } .app-well-app.app-folder .overview-icon, .app-folder.grid-search-result .overview-icon { background-color: rgba(238, 238, 236, 0.05); } .app-well-app.app-folder:hover .overview-icon, .app-folder.grid-search-result:hover .overview-icon { background-color: rgba(238, 238, 236, 0.1); } .app-well-app.app-folder:selected .overview-icon, .app-folder.grid-search-result:selected .overview-icon, .app-well-app.app-folder:focus .overview-icon, .app-folder.grid-search-result:focus .overview-icon { background-color: rgba(238, 238, 236, 0.13); } .app-well-app.app-folder:selected .overview-icon:hover .overview-icon, .app-folder.grid-search-result:selected .overview-icon:hover .overview-icon, .app-well-app.app-folder:focus .overview-icon:hover .overview-icon, .app-folder.grid-search-result:focus .overview-icon:hover .overview-icon { background-color: rgba(238, 238, 236, 0.16); } .app-well-app.app-folder:selected .overview-icon:active .overview-icon, .app-folder.grid-search-result:selected .overview-icon:active .overview-icon, .app-well-app.app-folder:focus .overview-icon:active .overview-icon, .app-folder.grid-search-result:focus .overview-icon:active .overview-icon { background-color: rgba(238, 238, 236, 0.13); } .app-well-app.app-folder:active .overview-icon, .app-folder.grid-search-result:active .overview-icon { background-color: rgba(238, 238, 236, 0.16); } .app-well-app.app-folder:outlined .overview-icon, .app-folder.grid-search-result:outlined .overview-icon, .app-well-app.app-folder:checked .overview-icon, .app-folder.grid-search-result:checked .overview-icon { background-color: rgba(238, 238, 236, 0.19); } .app-well-app.app-folder:outlined .overview-icon:active .overview-icon, .app-folder.grid-search-result:outlined .overview-icon:active .overview-icon, .app-well-app.app-folder:checked .overview-icon:active .overview-icon, .app-folder.grid-search-result:checked .overview-icon:active .overview-icon { background-color: rgba(238, 238, 236, 0.22); } .app-well-app.app-folder:outlined .overview-icon:hover .overview-icon, .app-folder.grid-search-result:outlined .overview-icon:hover .overview-icon, .app-well-app.app-folder:checked .overview-icon:hover .overview-icon, .app-folder.grid-search-result:checked .overview-icon:hover .overview-icon { background-color: rgba(238, 238, 236, 0.25); } .app-well-app.app-folder:drop .overview-icon, .app-folder.grid-search-result:drop .overview-icon { border: 2px solid rgba(0, 115, 229, 0.8); background-color: rgba(0, 115, 229, 0.2); } .app-well-app.app-folder:focus .overview-icon, .app-folder.grid-search-result:focus .overview-icon, .app-well-app.app-folder:active .overview-icon, .app-folder.grid-search-result:active .overview-icon, .app-well-app.app-folder:checked .overview-icon, .app-folder.grid-search-result:checked .overview-icon { background-color: rgba(238, 238, 236, 0.2); } .app-folder-dialog { border-radius: 24px; background-color: #1d1d1d; border: 1px solid #464646; } .app-folder-dialog .folder-name-container { padding: 24px 36px 0; spacing: 12px; /* FIXME: this is to keep the label in sync with the entry */ } .app-folder-dialog .folder-name-container .folder-name-label, .app-folder-dialog .folder-name-container .folder-name-entry { color: #eeeeec; } .app-folder-dialog .folder-name-container .folder-name-entry { width: 300px; background-color: rgba(39, 39, 39, 0.975); border-color: rgba(255, 255, 255, 0.16); } .app-folder-dialog .folder-name-container .folder-name-label { padding: 5px 7px; color: #eeeeec; } .app-folder-dialog .folder-name-container .edit-folder-button { padding: 0; width: 36px; height: 36px; border-radius: 99px; } .app-folder-dialog .folder-name-container .edit-folder-button > StIcon { icon-size: 1.09em; } .app-folder-dialog .icon-grid { row-spacing: 12px; column-spacing: 30px; page-padding-top: 0; page-padding-bottom: 0; page-padding-left: 0; page-padding-right: 0; } .app-folder-dialog .page-indicators { margin-bottom: 18px; } .app-folder-dialog-container { padding: 12px; width: 640px; height: 640px; } .app-well-app-running-dot { height: 5px; width: 5px; border-radius: 5px; margin-bottom: 8px; background-color: #0073E5; } .rename-folder-popup .rename-folder-popup-item { spacing: 6px; } .rename-folder-popup .rename-folder-popup-item:ltr, .rename-folder-popup .rename-folder-popup-item:rtl { padding: 0 12px; } .page-indicator { padding: 6px 12px 0; } .page-indicator .page-indicator-icon { width: 10px; height: 10px; border-radius: 10px; background-color: white; } .apps-scroll-view { padding: 0; } .system-action-icon { background-color: rgba(0, 0, 0, 0.8); color: #fff; border-radius: 99px; icon-size: 48px; } .page-navigation-hint { width: 300px; } .page-navigation-hint.dnd { background: rgba(255, 255, 255, 0.1); } .page-navigation-hint.next:ltr, .page-navigation-hint.previous:rtl { background-gradient-start: rgba(255, 255, 255, 0.05); background-gradient-end: transparent; background-gradient-direction: horizontal; border-radius: 18px 0px 0px 18px; } .page-navigation-hint.previous:ltr, .page-navigation-hint.next:rtl { background-gradient-start: transparent; background-gradient-end: rgba(255, 255, 255, 0.05); background-gradient-direction: horizontal; border-radius: 0px 18px 18px 0px; } .page-navigation-arrow { margin: 6px; width: 24px; height: 24px; color: #eeeeec; } /* Workspace pager */ .workspace-thumbnails { visible-width: 32px; spacing: 6px; padding: 6px; border-color: transparent; } .workspace-thumbnails .workspace-thumbnail { border-radius: 3px; background-color: #1d1d1d; border: 1px solid #464646; } .workspace-thumbnails .placeholder { background-image: url("resource:///org/gnome/shell/theme/workspace-placeholder.svg"); background-size: contain; width: 18px; } .workspace-thumbnail-indicator { border: 2px solid #2d97ff; border-radius: 3px; padding: 0px; } .ripple-pointer-location { width: 50px; height: 50px; border-radius: 25px; background-color: rgba(127, 191, 255, 0.3); box-shadow: 0 0 2px 2px #4ca6ff; } .pie-timer { width: 60px; height: 60px; -pie-border-width: 3px; -pie-border-color: #0073E5; -pie-background-color: rgba(178, 217, 255, 0.3); } .magnifier-zoom-region { border: 2px solid #0073E5; } .magnifier-zoom-region.full-screen { border-width: 0; } .select-area-rubberband { background-color: rgba(135, 135, 135, 0.2); border: 1px solid rgba(204, 204, 204, 0.8); } .user-icon { /* Yaru: See commit 3d4aca768250 */ background-size: contain; color: #3D3D3D; border-radius: 99px; icon-size: 4.36em; } .user-icon:hover { color: #8a8a8a; } .user-icon StIcon { background-color: rgba(61, 61, 61, 0.05); border-radius: 99px; padding: 12px; width: 2.725em; height: 2.725em; } .user-icon.user-avatar { border: 2px #eeeeec; } .user-widget.vertical .user-icon { icon-size: 6.54em; } .user-widget.vertical .user-icon StIcon { padding: 20px; padding-top: 18px; padding-bottom: 22px; width: 5.995em; height: 5.995em; /* Yaru: See commit 3d4aca768250 */ } .lightbox { background-color: black; } .flashspot { background-color: white; } .hidden { color: rgba(0, 0, 0, 0); } .caps-lock-warning-label { text-align: center; padding-bottom: 8px; color: #f99b11; } /* Workspace animation */ .workspace-animation { background-color: #222222; } /* Tiled window previews */ .tile-preview { background-color: rgba(0, 115, 229, 0.5); border: 1px solid #0073E5; } /* On-screen Keyboard */ #keyboard { background-color: rgba(237, 237, 237, 0.9); } #keyboard .page-indicator { padding: 6px; } #keyboard .page-indicator .page-indicator-icon { width: 8px; height: 8px; } .key-container { padding: 4px; spacing: 4px; } .keyboard-key { font-size: 16pt; font-weight: bold; min-height: 1.2em; min-width: 1.2em; border-width: 1px; border-style: solid; border-radius: 10px; box-shadow: 0 1px 0 0 rgba(0, 0, 0, 0.1); color: #3D3D3D; background-color: white; } .keyboard-key:focus { color: #3D3D3D; background-color: #e6f1fc; box-shadow: inset 0 0 0 2px rgba(0, 115, 229, 0.6); } .keyboard-key:focus:hover { background-color: #e6f1fc; box-shadow: inset 0 0 0 2px rgba(0, 115, 229, 0.7); } .keyboard-key:focus:active { background-color: #e6f1fc; box-shadow: inset 0 0 0 2px rgba(0, 115, 229, 0.7); } .keyboard-key:hover { color: #3D3D3D; background-color: #fafafa; } .keyboard-key:active { color: #3D3D3D; background-color: #f2f2f2; } .keyboard-key:checked { color: #3D3D3D; background-color: #ebebeb; } .keyboard-key:grayed { background-color: #f2f2f2; color: #3D3D3D; border-color: rgba(0, 0, 0, 0.7); } .keyboard-key.default-key { color: #3D3D3D; background-color: white; border-radius: 10px; } .keyboard-key.default-key:hover { color: #3D3D3D; background-color: #fafafa; } .keyboard-key.default-key:active { color: #3D3D3D; background-color: #f2f2f2; } .keyboard-key.default-key:checked { color: #3D3D3D; background-color: #ebebeb; } .keyboard-key.enter-key { color: #FFFFFF; background-color: #12a929; border-radius: 10px; color: #eeeeec; } .keyboard-key.enter-key:hover { color: #FFFFFF; background-color: #11a027; } .keyboard-key.enter-key:active { color: #FFFFFF; background-color: #0f9223; } .keyboard-key.enter-key:checked { color: #FFFFFF; background-color: #0e8420; } .keyboard-key.shift-key-uppercase { background-color: #dedede; color: #3D3D3D; } .keyboard-key.shift-key-uppercase:hover { background-color: #d6d6d6; } .keyboard-key StIcon { icon-size: 24px; } .keyboard-subkeys { -arrow-border-radius: 12px; -arrow-background-color: rgba(237, 237, 237, 0.9); -arrow-border-width: 1px; -arrow-border-color: #c7c7c7; -arrow-base: 20px; -arrow-rise: 10px; -boxpointer-gap: 6px; padding: 6px; } .keyboard-subkeys .keyboard-key { color: #3D3D3D; background-color: white; border-radius: 10px; } .keyboard-subkeys .keyboard-key:focus { color: #3D3D3D; background-color: #e6f1fc; box-shadow: inset 0 0 0 2px rgba(0, 115, 229, 0.6); } .keyboard-subkeys .keyboard-key:focus:hover { background-color: #e6f1fc; box-shadow: inset 0 0 0 2px rgba(0, 115, 229, 0.7); } .keyboard-subkeys .keyboard-key:focus:active { background-color: #e6f1fc; box-shadow: inset 0 0 0 2px rgba(0, 115, 229, 0.7); } .keyboard-subkeys .keyboard-key:hover { color: #3D3D3D; background-color: #fafafa; } .keyboard-subkeys .keyboard-key:active { color: #3D3D3D; background-color: #f2f2f2; } .keyboard-subkeys .keyboard-key:checked { color: #3D3D3D; background-color: #ebebeb; } .emoji-page .keyboard-key { background-color: transparent; border: none; color: initial; } .emoji-panel .keyboard-key:latched { border-color: #0080ff; background-color: #0073E5; } .word-suggestions { font-size: 14pt; spacing: 12px; min-height: 20pt; padding: 12px; color: #3D3D3D; } .word-suggestions StButton { margin: 0 3px; min-width: 32px; border-radius: 4px; padding: 6px 18px; background-color: transparent; background-image: none; } .word-suggestions StButton:focus { color: #3D3D3D; background-color: #e6f1fc; box-shadow: inset 0 0 0 2px rgba(0, 115, 229, 0.6); } .word-suggestions StButton:focus:hover { background-color: #e6f1fc; box-shadow: inset 0 0 0 2px rgba(0, 115, 229, 0.7); } .word-suggestions StButton:focus:active { background-color: #e6f1fc; box-shadow: inset 0 0 0 2px rgba(0, 115, 229, 0.7); } .word-suggestions StButton:hover { color: #3D3D3D; background-color: #fafafa; } .word-suggestions StButton:active { color: #3D3D3D; background-color: #f2f2f2; } .word-suggestions StButton:checked { color: #3D3D3D; background-color: #ebebeb; } /* Looking Glass */ #LookingGlassDialog { background-color: rgba(29, 29, 29, 0.975); border-radius: 0 0 12px 12px; border-top-width: 0; border: 1px solid rgba(255, 255, 255, 0.16); color: #eeeeec; padding: 6px; spacing: 6px; box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.1); } #LookingGlassDialog > #Toolbar { border: none; padding: 6px; border-radius: 0; background-color: transparent; spacing: 6px; } #LookingGlassDialog > #Toolbar .lg-toolbar-button { padding: 6px 12px; } #LookingGlassDialog > #Toolbar .lg-toolbar-button > StIcon { icon-size: 1.09em; } #LookingGlassDialog .labels { spacing: 6px; } #LookingGlassDialog .notebook-tab { -natural-hpadding: 12px; -minimum-hpadding: 12px; font-weight: bold; padding: 6px 12px; color: #cacac4; transition-duration: 100ms; box-shadow: none; border: none; border-radius: 4px; background-color: transparent; } #LookingGlassDialog .notebook-tab:hover { color: #eeeeec; background-color: rgba(238, 238, 236, 0.05); } #LookingGlassDialog .notebook-tab:selected { color: #eeeeec; background-color: rgba(238, 238, 236, 0.1); } #LookingGlassDialog StBoxLayout#EvalBox { padding: 4px; spacing: 6px; padding: 6px; } #LookingGlassDialog StBoxLayout#ResultsArea { spacing: 6px; padding: 6px; } .lg-dialog { color: #eeeeec; } .lg-dialog StEntry { background-color: rgba(42, 42, 42, 0.575); color: #eeeeec; border-color: rgba(238, 238, 236, 0.2); min-height: 22px; selection-background-color: #0073E5; selected-color: #FFFFFF; } .lg-dialog StEntry, .lg-dialog StEntry:focus { box-shadow: none; } .lg-dialog .shell-link { color: #0059b2; } .lg-dialog .shell-link:hover { color: #0073e5; } .lg-dialog .shell-link:active { color: #00407f; } .lg-dialog .actor-link { color: #9c9c9c; } .lg-dialog .actor-link:hover { color: #cfcfcf; } .lg-dialog .actor-link:active { color: dimgray; } .lg-completions-text { font-style: italic; color: #eeeeec; } .lg-obj-inspector-title { spacing: 6px; color: #eeeeec; } .lg-obj-inspector-button { border: 1px solid rgba(0, 0, 0, 0.7); padding: 4px; border-radius: 6px; color: #eeeeec; } .lg-obj-inspector-button:hover { border: 1px solid #ffffff; } #lookingGlassExtensions { padding: 6px; } .lg-extensions-list { padding: 6px; spacing: 6px; } .lg-extension { padding: 12px; border-radius: 6px; margin: 4px; box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.1); color: #3D3D3D; background-color: #ededed; } .lg-extension:focus { color: #3D3D3D; background-color: #ededed; box-shadow: inset 0 0 0 2px #2d97ff; } .lg-extension:focus:hover { background-color: #e5e5e5; box-shadow: inset 0 0 0 2px #2d97ff; } .lg-extension:focus:active { background-color: #dedede; box-shadow: inset 0 0 0 2px #2d97ff; } .lg-extension:hover { color: #3D3D3D; background-color: #e5e5e5; } .lg-extension:active { color: #3D3D3D; background-color: #dedede; } .lg-extension-meta { spacing: 6px; } #LookingGlassPropertyInspector { background: rgba(29, 29, 29, 0.975); border: 1px solid rgba(0, 0, 0, 0.7); border-radius: 6px; padding: 6px; } .lg-debug-flag-button { color: #3D3D3D; } .lg-debug-flag-button StLabel { padding: 6px, 12px; } .lg-debug-flag-button:hover { color: #707070; } .lg-debug-flag-button:active { color: #0a0a0a; } .lg-debug-flags-header { padding-top: 12px; padding: 6px; } /* Login Dialog */ .login-dialog-banner-view { padding-top: 24px; max-width: 23em; } .login-dialog, .unlock-dialog { border: none; background-color: transparent; } .login-dialog .modal-dialog-button-box, .unlock-dialog .modal-dialog-button-box { spacing: 3px; } .login-dialog .modal-dialog-button, .unlock-dialog .modal-dialog-button { padding: 4px 18px; box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2); background-color: #ffffff; border-color: #c7c7c7; color: #3D3D3D; } .login-dialog .modal-dialog-button:hover, .unlock-dialog .modal-dialog-button:hover { background-color: #d9d9d9; } .login-dialog .modal-dialog-button:focus, .unlock-dialog .modal-dialog-button:focus { border-color: #2d97ff; box-shadow: inset 0 0 0 1px #2d97ff; } .login-dialog .modal-dialog-button:active, .unlock-dialog .modal-dialog-button:active { box-shadow: none; background-color: #bfbfbf; color: rgba(238, 238, 236, 0.7); } .login-dialog .modal-dialog-button:default, .unlock-dialog .modal-dialog-button:default { background-color: #0073E5; color: #FFFFFF; } .login-dialog .modal-dialog-button:default:focus, .unlock-dialog .modal-dialog-button:default:focus { box-shadow: inset 0 0 0 2px rgba(0, 115, 229, 0.6); } .login-dialog .modal-dialog-button:default:hover, .login-dialog .modal-dialog-button:default:focus, .unlock-dialog .modal-dialog-button:default:hover, .unlock-dialog .modal-dialog-button:default:focus { background-color: #0080ff; color: white; } .login-dialog .modal-dialog-button:default:active, .unlock-dialog .modal-dialog-button:default:active { background-color: #0061c1; color: #ededed; } .login-dialog .modal-dialog-button:default:insensitive, .unlock-dialog .modal-dialog-button:default:insensitive { color: rgba(61, 61, 61, 0.5); background-color: rgba(61, 61, 61, 0.05); background-color: rgba(0, 115, 229, 0.5); color: rgba(255, 255, 255, 0.5); } .login-dialog .cancel-button, .login-dialog .switch-user-button, .login-dialog .login-dialog-session-list-button, .unlock-dialog .cancel-button, .unlock-dialog .switch-user-button, .unlock-dialog .login-dialog-session-list-button { padding: 0; border-radius: 99px; width: 2.18em; height: 2.18em; } .login-dialog .cancel-button StIcon, .login-dialog .switch-user-button StIcon, .login-dialog .login-dialog-session-list-button StIcon, .unlock-dialog .cancel-button StIcon, .unlock-dialog .switch-user-button StIcon, .unlock-dialog .login-dialog-session-list-button StIcon { icon-size: 1.09em; } .login-dialog .caps-lock-warning-label, .login-dialog .login-dialog-message, .unlock-dialog .caps-lock-warning-label, .unlock-dialog .login-dialog-message { color: #eeeeec; } .login-dialog-logo-bin { padding: 24px 0px; } .login-dialog-banner { color: #d6d6d1; } .login-dialog-button-box { width: 23em; spacing: 5px; } .login-dialog-message { text-align: center; } .login-dialog-user-selection-box { padding: 100px 0px; } .login-dialog-not-listed-label { padding-left: 2px; } .login-dialog-not-listed-button:focus .login-dialog-not-listed-label, .login-dialog-not-listed-button:hover .login-dialog-not-listed-label { color: #eeeeec; } .login-dialog-not-listed-label { font-weight: bold; color: #a6a69b; padding-top: 1em; } .login-dialog-auth-list-view { -st-vfade-offset: 1em; } .login-dialog-auth-list { spacing: 6px; margin-left: 2em; } .login-dialog-auth-list-title { margin-left: 2em; } .login-dialog-auth-list-item { border-radius: 10px; padding: 6px; color: #a6a69b; } .login-dialog-auth-list-item:focus, .login-dialog-auth-list-item:selected { background-color: #0073E5; color: #FFFFFF; } .login-dialog-auth-list-label { font-size: 13pt; font-weight: bold; padding-left: 15px; } .login-dialog-auth-list-label:ltr { padding-left: 14px; text-align: left; } .login-dialog-auth-list-label:rtl { padding-right: 14px; text-align: right; } .login-dialog-user-list-view { -st-vfade-offset: 1em; } .login-dialog-user-list { spacing: 12px; width: 23em; } .login-dialog-user-list:expanded .login-dialog-user-list-item:selected { background-color: rgba(255, 255, 255, 0.1); color: #FFFFFF; } .login-dialog-user-list:expanded .login-dialog-user-list-item:logged-in { border-right: 2px solid rgba(255, 255, 255, 0.1); } .login-dialog-user-list-item { border-radius: 10px; padding: 6px; color: #a6a69b; } .login-dialog-user-list-item:ltr .user-widget { padding-right: 1em; } .login-dialog-user-list-item:rtl .user-widget { padding-left: 1em; } .login-dialog-user-list-item .login-dialog-timed-login-indicator { height: 2px; margin-top: 6px; background-color: #eeeeec; } .login-dialog-user-list-item:focus .login-dialog-timed-login-indicator { background-color: #FFFFFF; } .user-widget-label { color: #eeeeec; } .user-widget.horizontal .user-widget-label { font-size: 13pt; font-weight: bold; padding-left: 15px; } .user-widget.horizontal .user-widget-label:ltr { padding-left: 14px; text-align: left; } .user-widget.horizontal .user-widget-label:rtl { padding-right: 14px; text-align: right; } .user-widget.vertical .user-widget-label { font-size: 16pt; text-align: center; font-weight: normal; padding-top: 16px; } .login-dialog-timed-login-indicator { height: 2px; background-color: black; } .login-dialog-prompt-layout { padding-top: 24px; padding-bottom: 12px; spacing: 12px; width: 23em; } .login-dialog-prompt-entry { height: 1.5em; } .login-dialog-prompt-label { color: #bebeb6; font-size: 12pt; padding-top: 1em; } .unlock-dialog StEntry { border: none !important; } .unlock-dialog StEntry, .unlock-dialog StEntry:focus { color: #F7F7F7; background-color: rgba(247, 247, 247, 0.1); box-shadow: none; } .unlock-dialog StEntry:insensitive { color: rgba(247, 247, 247, 0.5); background-color: rgba(247, 247, 247, 0.05); } .unlock-dialog StEntry StLabel.hint-text { color: rgba(247, 247, 247, 0.7); } .unlock-dialog .user-icon { background-color: rgba(247, 247, 247, 0.1); color: #F7F7F7; } .unlock-dialog .cancel-button, .unlock-dialog .switch-user-button, .unlock-dialog .login-dialog-session-list-button { border-color: transparent; background-color: rgba(247, 247, 247, 0.1); box-shadow: none; } .unlock-dialog .cancel-button, .unlock-dialog .cancel-button:hover, .unlock-dialog .cancel-button:focus, .unlock-dialog .cancel-button:active, .unlock-dialog .switch-user-button, .unlock-dialog .switch-user-button:hover, .unlock-dialog .switch-user-button:focus, .unlock-dialog .switch-user-button:active, .unlock-dialog .login-dialog-session-list-button, .unlock-dialog .login-dialog-session-list-button:hover, .unlock-dialog .login-dialog-session-list-button:focus, .unlock-dialog .login-dialog-session-list-button:active { color: #F7F7F7; } .unlock-dialog .cancel-button:hover, .unlock-dialog .cancel-button:focus, .unlock-dialog .switch-user-button:hover, .unlock-dialog .switch-user-button:focus, .unlock-dialog .login-dialog-session-list-button:hover, .unlock-dialog .login-dialog-session-list-button:focus { background-color: rgba(247, 247, 247, 0.15); } .unlock-dialog .cancel-button:active, .unlock-dialog .switch-user-button:active, .unlock-dialog .login-dialog-session-list-button:active { background-color: rgba(247, 247, 247, 0.2); } /* Screen Shield */ .unlock-dialog-clock { color: white; font-weight: 300; text-align: center; spacing: 24px; padding-bottom: 2.5em; } .unlock-dialog-clock-time { font-size: 64pt; padding-top: 42px; } .unlock-dialog-clock-date { font-size: 16pt; font-weight: normal; } .unlock-dialog-clock-hint { font-weight: normal; padding-top: 48px; } .unlock-dialog-notifications-container { margin: 12px; spacing: 6px; width: 23em; background-color: transparent; } .unlock-dialog-notifications-container .summary-notification-stack-scrollview { padding-top: 0; padding-bottom: 0; } .unlock-dialog-notifications-container .notification, .unlock-dialog-notifications-container .unlock-dialog-notification-source { padding: 12px 16px; border: none; background-color: rgba(238, 238, 236, 0.1); color: #eeeeec; border-radius: 12px; } .unlock-dialog-notifications-container .notification.critical, .unlock-dialog-notifications-container .unlock-dialog-notification-source.critical { background-color: rgba(238, 238, 236, 0.2); } .unlock-dialog-notification-label { padding: 0 0 0 12px; } .unlock-dialog-notification-count-text { font-weight: bold; padding: 0 12px; color: #eeeeec; background-color: rgba(238, 238, 236, 0.1); border-radius: 99px; } .screen-shield-background { background: black; box-shadow: 0 2px 4px rgba(0, 0, 0, 0.6); } #lockDialogGroup { background-color: #222222; } #unlockDialogNotifications StButton#vhandle, #unlockDialogNotifications StButton#hhandle { background-color: rgba(250, 250, 250, 0.3); } #unlockDialogNotifications StButton#vhandle:hover, #unlockDialogNotifications StButton#vhandle:focus, #unlockDialogNotifications StButton#hhandle:hover, #unlockDialogNotifications StButton#hhandle:focus { background-color: rgba(250, 250, 250, 0.5); } #unlockDialogNotifications StButton#vhandle:active, #unlockDialogNotifications StButton#hhandle:active { background-color: rgba(0, 115, 229, 0.5); } * { font-weight: normal !important; text-shadow: none !important; } .file-item { border-radius: 6px; } /* Default Ubuntu Dock styling, append !important to any changed rules This must be in sync with - https://github.com/micheleg/dash-to-dock/blob/ubuntu-dock/_stylesheet.scss */ #dashtodockContainer.bottom #dash { margin: 0px; padding: 0px; } #dashtodockContainer.bottom #dash .dash-background { margin: 0; margin-bottom: 4px; padding: 0; border-radius: 18px; spacing: 6px; } #dashtodockContainer.bottom #dash .dash-separator { background-color: #c7c7c7; margin: 0 4px; width: 1px; height: 0; margin-bottom: 4px; } #dashtodockContainer.bottom #dash #dashtodockDashContainer { padding: 10px; padding-bottom: 0; padding-top: 0; } #dashtodockContainer.bottom #dash .dash-item-container { /* Disable all margins defined upstream, we handle them here */ margin: 0 2px; } #dashtodockContainer.bottom #dash .dash-item-container > * { margin: 0; } #dashtodockContainer.bottom #dash .dash-item-container:ltr:first-child, #dashtodockContainer.bottom #dash .dash-item-container:rtl:last-child { margin-left: 0; } #dashtodockContainer.bottom #dash .dash-item-container:ltr:last-child, #dashtodockContainer.bottom #dash .dash-item-container:rtl:first-child { margin-right: 0; } #dashtodockContainer.bottom #dash .dash-item-container .app-well-app, #dashtodockContainer.bottom #dash .dash-item-container .grid-search-result, #dashtodockContainer.bottom #dash .dash-item-container .show-apps { padding: 2px 2px; padding-bottom: 14px; padding-top: 10px; } #dashtodockContainer.bottom #dash .dash-item-container .app-well-app:ltr:first-child, #dashtodockContainer.bottom #dash .dash-item-container .grid-search-result:ltr:first-child, #dashtodockContainer.bottom #dash .dash-item-container .app-well-app:rtl:last-child, #dashtodockContainer.bottom #dash .dash-item-container .grid-search-result:rtl:last-child, #dashtodockContainer.bottom #dash .dash-item-container .show-apps:ltr:first-child, #dashtodockContainer.bottom #dash .dash-item-container .show-apps:rtl:last-child { padding-left: 0; } #dashtodockContainer.bottom #dash .dash-item-container .app-well-app:ltr:last-child, #dashtodockContainer.bottom #dash .dash-item-container .grid-search-result:ltr:last-child, #dashtodockContainer.bottom #dash .dash-item-container .app-well-app:rtl:first-child, #dashtodockContainer.bottom #dash .dash-item-container .grid-search-result:rtl:first-child, #dashtodockContainer.bottom #dash .dash-item-container .show-apps:ltr:last-child, #dashtodockContainer.bottom #dash .dash-item-container .show-apps:rtl:first-child { padding-right: 0; } #dashtodockContainer.bottom #dash .dash-item-container .app-well-app.running .overview-icon, #dashtodockContainer.bottom #dash .dash-item-container .running.grid-search-result .overview-icon { background-image: none; } #dashtodockContainer.bottom #dash .dash-item-container .app-well-app.focused .overview-icon, #dashtodockContainer.bottom #dash .dash-item-container .focused.grid-search-result .overview-icon { background-color: rgba(238, 238, 236, 0.2); } #dashtodockContainer.bottom #dash .dash-item-container .app-well-app .app-well-app-running-dot, #dashtodockContainer.bottom #dash .dash-item-container .grid-search-result .app-well-app-running-dot { margin-bottom: 2px; } #dashtodockContainer.bottom #dash .dash-item-container > StButton { transition-duration: 250; background-size: contain; } #dashtodockContainer.bottom.fixed #dash .dash-background { margin-top: 4px; } #dashtodockContainer.bottom.fixed #dash .dash-item-container .app-well-app, #dashtodockContainer.bottom.fixed #dash .dash-item-container .grid-search-result, #dashtodockContainer.bottom.fixed #dash .dash-item-container .show-apps { padding-top: 14px; } .dash-label.bottom { margin-bottom: 10px; -x-offset: 0; -y-offset: 0; } #dashtodockContainer.bottom.shrink #dash { margin: 0px; padding: 0px; } #dashtodockContainer.bottom.shrink #dash .dash-background { margin: 0; margin-bottom: 4px; padding: 0; border-radius: 14px; spacing: 2px; } #dashtodockContainer.bottom.shrink #dash .dash-separator { background-color: #c7c7c7; margin: 0 1px; width: 1px; height: 0; margin-bottom: 4px; } #dashtodockContainer.bottom.shrink #dash #dashtodockDashContainer { padding: 3px; padding-bottom: 0; padding-top: 0; } #dashtodockContainer.bottom.shrink #dash .dash-item-container { /* Disable all margins defined upstream, we handle them here */ margin: 0 2px; } #dashtodockContainer.bottom.shrink #dash .dash-item-container > * { margin: 0; } #dashtodockContainer.bottom.shrink #dash .dash-item-container:ltr:first-child, #dashtodockContainer.bottom.shrink #dash .dash-item-container:rtl:last-child { margin-left: 0; } #dashtodockContainer.bottom.shrink #dash .dash-item-container:ltr:last-child, #dashtodockContainer.bottom.shrink #dash .dash-item-container:rtl:first-child { margin-right: 0; } #dashtodockContainer.bottom.shrink #dash .dash-item-container .app-well-app, #dashtodockContainer.bottom.shrink #dash .dash-item-container .grid-search-result, #dashtodockContainer.bottom.shrink #dash .dash-item-container .show-apps { padding: 1px 1px; padding-bottom: 7px; padding-top: 3px; } #dashtodockContainer.bottom.shrink #dash .dash-item-container .app-well-app:ltr:first-child, #dashtodockContainer.bottom.shrink #dash .dash-item-container .grid-search-result:ltr:first-child, #dashtodockContainer.bottom.shrink #dash .dash-item-container .app-well-app:rtl:last-child, #dashtodockContainer.bottom.shrink #dash .dash-item-container .grid-search-result:rtl:last-child, #dashtodockContainer.bottom.shrink #dash .dash-item-container .show-apps:ltr:first-child, #dashtodockContainer.bottom.shrink #dash .dash-item-container .show-apps:rtl:last-child { padding-left: 0; } #dashtodockContainer.bottom.shrink #dash .dash-item-container .app-well-app:ltr:last-child, #dashtodockContainer.bottom.shrink #dash .dash-item-container .grid-search-result:ltr:last-child, #dashtodockContainer.bottom.shrink #dash .dash-item-container .app-well-app:rtl:first-child, #dashtodockContainer.bottom.shrink #dash .dash-item-container .grid-search-result:rtl:first-child, #dashtodockContainer.bottom.shrink #dash .dash-item-container .show-apps:ltr:last-child, #dashtodockContainer.bottom.shrink #dash .dash-item-container .show-apps:rtl:first-child { padding-right: 0; } #dashtodockContainer.bottom.shrink #dash .dash-item-container .app-well-app.running .overview-icon, #dashtodockContainer.bottom.shrink #dash .dash-item-container .running.grid-search-result .overview-icon { background-image: none; } #dashtodockContainer.bottom.shrink #dash .dash-item-container .app-well-app.focused .overview-icon, #dashtodockContainer.bottom.shrink #dash .dash-item-container .focused.grid-search-result .overview-icon { background-color: rgba(238, 238, 236, 0.2); } #dashtodockContainer.bottom.shrink #dash .dash-item-container .app-well-app .app-well-app-running-dot, #dashtodockContainer.bottom.shrink #dash .dash-item-container .grid-search-result .app-well-app-running-dot { margin-bottom: 2px; } #dashtodockContainer.bottom.shrink #dash .dash-item-container > StButton { transition-duration: 250; background-size: contain; } #dashtodockContainer.bottom.shrink.fixed #dash .dash-background { margin-top: 1px; } #dashtodockContainer.bottom.shrink.fixed #dash .dash-item-container .app-well-app, #dashtodockContainer.bottom.shrink.fixed #dash .dash-item-container .grid-search-result, #dashtodockContainer.bottom.shrink.fixed #dash .dash-item-container .show-apps { padding-top: 4px; } .dash-label.bottom.shrink { margin-bottom: 3px; -x-offset: 0; -y-offset: 0; } #dashtodockContainer.bottom.extended #dash { margin: 0px; padding: 0px; } #dashtodockContainer.bottom.extended #dash .dash-background { margin: 0; margin-bottom: 0; padding: 0; border-radius: 0; spacing: 6px; } #dashtodockContainer.bottom.extended #dash .dash-separator { background-color: #c7c7c7; margin: 0 4px; width: 1px; height: 0; margin-bottom: 0; } #dashtodockContainer.bottom.extended #dash #dashtodockDashContainer { padding: 0; padding-bottom: 0; padding-top: 0; } #dashtodockContainer.bottom.extended #dash #dashtodockDashContainer > :first-child .show-apps { padding-left: 8px; } #dashtodockContainer.bottom.extended #dash #dashtodockDashContainer #dashtodockDashScrollview:first-child { padding-left: 8px; } #dashtodockContainer.bottom.extended #dash #dashtodockDashContainer > :last-child .show-apps { padding-right: 8px; } #dashtodockContainer.bottom.extended #dash #dashtodockDashContainer #dashtodockDashScrollview:last-child { padding-right: 8px; } #dashtodockContainer.bottom.extended #dash .dash-item-container { /* Disable all margins defined upstream, we handle them here */ margin: 0 2px; } #dashtodockContainer.bottom.extended #dash .dash-item-container > * { margin: 0; } #dashtodockContainer.bottom.extended #dash .dash-item-container:ltr:first-child, #dashtodockContainer.bottom.extended #dash .dash-item-container:rtl:last-child { margin-left: 0; } #dashtodockContainer.bottom.extended #dash .dash-item-container:ltr:last-child, #dashtodockContainer.bottom.extended #dash .dash-item-container:rtl:first-child { margin-right: 0; } #dashtodockContainer.bottom.extended #dash .dash-item-container .app-well-app, #dashtodockContainer.bottom.extended #dash .dash-item-container .grid-search-result, #dashtodockContainer.bottom.extended #dash .dash-item-container .show-apps { padding: 2px 2px; padding-bottom: 10px; padding-top: 10px; } #dashtodockContainer.bottom.extended #dash .dash-item-container .app-well-app:ltr:first-child, #dashtodockContainer.bottom.extended #dash .dash-item-container .grid-search-result:ltr:first-child, #dashtodockContainer.bottom.extended #dash .dash-item-container .app-well-app:rtl:last-child, #dashtodockContainer.bottom.extended #dash .dash-item-container .grid-search-result:rtl:last-child, #dashtodockContainer.bottom.extended #dash .dash-item-container .show-apps:ltr:first-child, #dashtodockContainer.bottom.extended #dash .dash-item-container .show-apps:rtl:last-child { padding-left: 0; } #dashtodockContainer.bottom.extended #dash .dash-item-container .app-well-app:ltr:last-child, #dashtodockContainer.bottom.extended #dash .dash-item-container .grid-search-result:ltr:last-child, #dashtodockContainer.bottom.extended #dash .dash-item-container .app-well-app:rtl:first-child, #dashtodockContainer.bottom.extended #dash .dash-item-container .grid-search-result:rtl:first-child, #dashtodockContainer.bottom.extended #dash .dash-item-container .show-apps:ltr:last-child, #dashtodockContainer.bottom.extended #dash .dash-item-container .show-apps:rtl:first-child { padding-right: 0; } #dashtodockContainer.bottom.extended #dash .dash-item-container .app-well-app.running .overview-icon, #dashtodockContainer.bottom.extended #dash .dash-item-container .running.grid-search-result .overview-icon { background-image: none; } #dashtodockContainer.bottom.extended #dash .dash-item-container .app-well-app.focused .overview-icon, #dashtodockContainer.bottom.extended #dash .dash-item-container .focused.grid-search-result .overview-icon { background-color: rgba(238, 238, 236, 0.2); } #dashtodockContainer.bottom.extended #dash .dash-item-container .app-well-app .app-well-app-running-dot, #dashtodockContainer.bottom.extended #dash .dash-item-container .grid-search-result .app-well-app-running-dot { margin-bottom: 2px; } #dashtodockContainer.bottom.extended #dash .dash-item-container > StButton { transition-duration: 250; background-size: contain; } #dashtodockContainer.bottom.extended.fixed #dash .dash-background { margin-top: 0; } #dashtodockContainer.bottom.extended.fixed #dash .dash-item-container .app-well-app, #dashtodockContainer.bottom.extended.fixed #dash .dash-item-container .grid-search-result, #dashtodockContainer.bottom.extended.fixed #dash .dash-item-container .show-apps { padding-top: 10px; } .dash-label.bottom { margin-bottom: 10px; -x-offset: 0; -y-offset: 0; } #dashtodockContainer.bottom.extended.shrink #dash { margin: 0px; padding: 0px; } #dashtodockContainer.bottom.extended.shrink #dash .dash-background { margin: 0; margin-bottom: 0; padding: 0; border-radius: 0; spacing: 2px; } #dashtodockContainer.bottom.extended.shrink #dash .dash-separator { background-color: #c7c7c7; margin: 0 1px; width: 1px; height: 0; margin-bottom: 0; } #dashtodockContainer.bottom.extended.shrink #dash #dashtodockDashContainer { padding: 0; padding-bottom: 0; padding-top: 0; } #dashtodockContainer.bottom.extended.shrink #dash #dashtodockDashContainer > :first-child .show-apps { padding-left: 6px; } #dashtodockContainer.bottom.extended.shrink #dash #dashtodockDashContainer #dashtodockDashScrollview:first-child { padding-left: 6px; } #dashtodockContainer.bottom.extended.shrink #dash #dashtodockDashContainer > :last-child .show-apps { padding-right: 6px; } #dashtodockContainer.bottom.extended.shrink #dash #dashtodockDashContainer #dashtodockDashScrollview:last-child { padding-right: 6px; } #dashtodockContainer.bottom.extended.shrink #dash .dash-item-container { /* Disable all margins defined upstream, we handle them here */ margin: 0 2px; } #dashtodockContainer.bottom.extended.shrink #dash .dash-item-container > * { margin: 0; } #dashtodockContainer.bottom.extended.shrink #dash .dash-item-container:ltr:first-child, #dashtodockContainer.bottom.extended.shrink #dash .dash-item-container:rtl:last-child { margin-left: 0; } #dashtodockContainer.bottom.extended.shrink #dash .dash-item-container:ltr:last-child, #dashtodockContainer.bottom.extended.shrink #dash .dash-item-container:rtl:first-child { margin-right: 0; } #dashtodockContainer.bottom.extended.shrink #dash .dash-item-container .app-well-app, #dashtodockContainer.bottom.extended.shrink #dash .dash-item-container .grid-search-result, #dashtodockContainer.bottom.extended.shrink #dash .dash-item-container .show-apps { padding: 1px 1px; padding-bottom: 3px; padding-top: 3px; } #dashtodockContainer.bottom.extended.shrink #dash .dash-item-container .app-well-app:ltr:first-child, #dashtodockContainer.bottom.extended.shrink #dash .dash-item-container .grid-search-result:ltr:first-child, #dashtodockContainer.bottom.extended.shrink #dash .dash-item-container .app-well-app:rtl:last-child, #dashtodockContainer.bottom.extended.shrink #dash .dash-item-container .grid-search-result:rtl:last-child, #dashtodockContainer.bottom.extended.shrink #dash .dash-item-container .show-apps:ltr:first-child, #dashtodockContainer.bottom.extended.shrink #dash .dash-item-container .show-apps:rtl:last-child { padding-left: 0; } #dashtodockContainer.bottom.extended.shrink #dash .dash-item-container .app-well-app:ltr:last-child, #dashtodockContainer.bottom.extended.shrink #dash .dash-item-container .grid-search-result:ltr:last-child, #dashtodockContainer.bottom.extended.shrink #dash .dash-item-container .app-well-app:rtl:first-child, #dashtodockContainer.bottom.extended.shrink #dash .dash-item-container .grid-search-result:rtl:first-child, #dashtodockContainer.bottom.extended.shrink #dash .dash-item-container .show-apps:ltr:last-child, #dashtodockContainer.bottom.extended.shrink #dash .dash-item-container .show-apps:rtl:first-child { padding-right: 0; } #dashtodockContainer.bottom.extended.shrink #dash .dash-item-container .app-well-app.running .overview-icon, #dashtodockContainer.bottom.extended.shrink #dash .dash-item-container .running.grid-search-result .overview-icon { background-image: none; } #dashtodockContainer.bottom.extended.shrink #dash .dash-item-container .app-well-app.focused .overview-icon, #dashtodockContainer.bottom.extended.shrink #dash .dash-item-container .focused.grid-search-result .overview-icon { background-color: rgba(238, 238, 236, 0.2); } #dashtodockContainer.bottom.extended.shrink #dash .dash-item-container .app-well-app .app-well-app-running-dot, #dashtodockContainer.bottom.extended.shrink #dash .dash-item-container .grid-search-result .app-well-app-running-dot { margin-bottom: 2px; } #dashtodockContainer.bottom.extended.shrink #dash .dash-item-container > StButton { transition-duration: 250; background-size: contain; } #dashtodockContainer.bottom.extended.shrink.fixed #dash .dash-background { margin-top: 0; } #dashtodockContainer.bottom.extended.shrink.fixed #dash .dash-item-container .app-well-app, #dashtodockContainer.bottom.extended.shrink.fixed #dash .dash-item-container .grid-search-result, #dashtodockContainer.bottom.extended.shrink.fixed #dash .dash-item-container .show-apps { padding-top: 3px; } .dash-label.bottom.shrink { margin-bottom: 3px; -x-offset: 0; -y-offset: 0; } #dashtodockContainer.top #dash { margin: 0px; padding: 0px; } #dashtodockContainer.top #dash .dash-background { margin: 0; margin-top: 4px; padding: 0; border-radius: 18px; spacing: 6px; } #dashtodockContainer.top #dash .dash-separator { background-color: #c7c7c7; margin: 0 4px; width: 1px; height: 0; margin-top: 4px; } #dashtodockContainer.top #dash #dashtodockDashContainer { padding: 10px; padding-top: 0; padding-bottom: 0; } #dashtodockContainer.top #dash .dash-item-container { /* Disable all margins defined upstream, we handle them here */ margin: 0 2px; } #dashtodockContainer.top #dash .dash-item-container > * { margin: 0; } #dashtodockContainer.top #dash .dash-item-container:ltr:first-child, #dashtodockContainer.top #dash .dash-item-container:rtl:last-child { margin-left: 0; } #dashtodockContainer.top #dash .dash-item-container:ltr:last-child, #dashtodockContainer.top #dash .dash-item-container:rtl:first-child { margin-right: 0; } #dashtodockContainer.top #dash .dash-item-container .app-well-app, #dashtodockContainer.top #dash .dash-item-container .grid-search-result, #dashtodockContainer.top #dash .dash-item-container .show-apps { padding: 2px 2px; padding-top: 14px; padding-bottom: 10px; } #dashtodockContainer.top #dash .dash-item-container .app-well-app:ltr:first-child, #dashtodockContainer.top #dash .dash-item-container .grid-search-result:ltr:first-child, #dashtodockContainer.top #dash .dash-item-container .app-well-app:rtl:last-child, #dashtodockContainer.top #dash .dash-item-container .grid-search-result:rtl:last-child, #dashtodockContainer.top #dash .dash-item-container .show-apps:ltr:first-child, #dashtodockContainer.top #dash .dash-item-container .show-apps:rtl:last-child { padding-left: 0; } #dashtodockContainer.top #dash .dash-item-container .app-well-app:ltr:last-child, #dashtodockContainer.top #dash .dash-item-container .grid-search-result:ltr:last-child, #dashtodockContainer.top #dash .dash-item-container .app-well-app:rtl:first-child, #dashtodockContainer.top #dash .dash-item-container .grid-search-result:rtl:first-child, #dashtodockContainer.top #dash .dash-item-container .show-apps:ltr:last-child, #dashtodockContainer.top #dash .dash-item-container .show-apps:rtl:first-child { padding-right: 0; } #dashtodockContainer.top #dash .dash-item-container .app-well-app.running .overview-icon, #dashtodockContainer.top #dash .dash-item-container .running.grid-search-result .overview-icon { background-image: none; } #dashtodockContainer.top #dash .dash-item-container .app-well-app.focused .overview-icon, #dashtodockContainer.top #dash .dash-item-container .focused.grid-search-result .overview-icon { background-color: rgba(238, 238, 236, 0.2); } #dashtodockContainer.top #dash .dash-item-container .app-well-app .app-well-app-running-dot, #dashtodockContainer.top #dash .dash-item-container .grid-search-result .app-well-app-running-dot { margin-bottom: 2px; } #dashtodockContainer.top #dash .dash-item-container > StButton { transition-duration: 250; background-size: contain; } #dashtodockContainer.top.fixed #dash .dash-background { margin-bottom: 4px; } #dashtodockContainer.top.fixed #dash .dash-item-container .app-well-app, #dashtodockContainer.top.fixed #dash .dash-item-container .grid-search-result, #dashtodockContainer.top.fixed #dash .dash-item-container .show-apps { padding-bottom: 14px; } .dash-label.top { margin-top: 10px; -x-offset: 0; -y-offset: 0; } #dashtodockContainer.top.shrink #dash { margin: 0px; padding: 0px; } #dashtodockContainer.top.shrink #dash .dash-background { margin: 0; margin-top: 4px; padding: 0; border-radius: 14px; spacing: 2px; } #dashtodockContainer.top.shrink #dash .dash-separator { background-color: #c7c7c7; margin: 0 1px; width: 1px; height: 0; margin-top: 4px; } #dashtodockContainer.top.shrink #dash #dashtodockDashContainer { padding: 3px; padding-top: 0; padding-bottom: 0; } #dashtodockContainer.top.shrink #dash .dash-item-container { /* Disable all margins defined upstream, we handle them here */ margin: 0 2px; } #dashtodockContainer.top.shrink #dash .dash-item-container > * { margin: 0; } #dashtodockContainer.top.shrink #dash .dash-item-container:ltr:first-child, #dashtodockContainer.top.shrink #dash .dash-item-container:rtl:last-child { margin-left: 0; } #dashtodockContainer.top.shrink #dash .dash-item-container:ltr:last-child, #dashtodockContainer.top.shrink #dash .dash-item-container:rtl:first-child { margin-right: 0; } #dashtodockContainer.top.shrink #dash .dash-item-container .app-well-app, #dashtodockContainer.top.shrink #dash .dash-item-container .grid-search-result, #dashtodockContainer.top.shrink #dash .dash-item-container .show-apps { padding: 1px 1px; padding-top: 7px; padding-bottom: 3px; } #dashtodockContainer.top.shrink #dash .dash-item-container .app-well-app:ltr:first-child, #dashtodockContainer.top.shrink #dash .dash-item-container .grid-search-result:ltr:first-child, #dashtodockContainer.top.shrink #dash .dash-item-container .app-well-app:rtl:last-child, #dashtodockContainer.top.shrink #dash .dash-item-container .grid-search-result:rtl:last-child, #dashtodockContainer.top.shrink #dash .dash-item-container .show-apps:ltr:first-child, #dashtodockContainer.top.shrink #dash .dash-item-container .show-apps:rtl:last-child { padding-left: 0; } #dashtodockContainer.top.shrink #dash .dash-item-container .app-well-app:ltr:last-child, #dashtodockContainer.top.shrink #dash .dash-item-container .grid-search-result:ltr:last-child, #dashtodockContainer.top.shrink #dash .dash-item-container .app-well-app:rtl:first-child, #dashtodockContainer.top.shrink #dash .dash-item-container .grid-search-result:rtl:first-child, #dashtodockContainer.top.shrink #dash .dash-item-container .show-apps:ltr:last-child, #dashtodockContainer.top.shrink #dash .dash-item-container .show-apps:rtl:first-child { padding-right: 0; } #dashtodockContainer.top.shrink #dash .dash-item-container .app-well-app.running .overview-icon, #dashtodockContainer.top.shrink #dash .dash-item-container .running.grid-search-result .overview-icon { background-image: none; } #dashtodockContainer.top.shrink #dash .dash-item-container .app-well-app.focused .overview-icon, #dashtodockContainer.top.shrink #dash .dash-item-container .focused.grid-search-result .overview-icon { background-color: rgba(238, 238, 236, 0.2); } #dashtodockContainer.top.shrink #dash .dash-item-container .app-well-app .app-well-app-running-dot, #dashtodockContainer.top.shrink #dash .dash-item-container .grid-search-result .app-well-app-running-dot { margin-bottom: 2px; } #dashtodockContainer.top.shrink #dash .dash-item-container > StButton { transition-duration: 250; background-size: contain; } #dashtodockContainer.top.shrink.fixed #dash .dash-background { margin-bottom: 1px; } #dashtodockContainer.top.shrink.fixed #dash .dash-item-container .app-well-app, #dashtodockContainer.top.shrink.fixed #dash .dash-item-container .grid-search-result, #dashtodockContainer.top.shrink.fixed #dash .dash-item-container .show-apps { padding-bottom: 4px; } .dash-label.top.shrink { margin-top: 3px; -x-offset: 0; -y-offset: 0; } #dashtodockContainer.top.extended #dash { margin: 0px; padding: 0px; } #dashtodockContainer.top.extended #dash .dash-background { margin: 0; margin-top: 0; padding: 0; border-radius: 0; spacing: 6px; } #dashtodockContainer.top.extended #dash .dash-separator { background-color: #c7c7c7; margin: 0 4px; width: 1px; height: 0; margin-top: 0; } #dashtodockContainer.top.extended #dash #dashtodockDashContainer { padding: 0; padding-top: 0; padding-bottom: 0; } #dashtodockContainer.top.extended #dash #dashtodockDashContainer > :first-child .show-apps { padding-left: 8px; } #dashtodockContainer.top.extended #dash #dashtodockDashContainer #dashtodockDashScrollview:first-child { padding-left: 8px; } #dashtodockContainer.top.extended #dash #dashtodockDashContainer > :last-child .show-apps { padding-right: 8px; } #dashtodockContainer.top.extended #dash #dashtodockDashContainer #dashtodockDashScrollview:last-child { padding-right: 8px; } #dashtodockContainer.top.extended #dash .dash-item-container { /* Disable all margins defined upstream, we handle them here */ margin: 0 2px; } #dashtodockContainer.top.extended #dash .dash-item-container > * { margin: 0; } #dashtodockContainer.top.extended #dash .dash-item-container:ltr:first-child, #dashtodockContainer.top.extended #dash .dash-item-container:rtl:last-child { margin-left: 0; } #dashtodockContainer.top.extended #dash .dash-item-container:ltr:last-child, #dashtodockContainer.top.extended #dash .dash-item-container:rtl:first-child { margin-right: 0; } #dashtodockContainer.top.extended #dash .dash-item-container .app-well-app, #dashtodockContainer.top.extended #dash .dash-item-container .grid-search-result, #dashtodockContainer.top.extended #dash .dash-item-container .show-apps { padding: 2px 2px; padding-top: 10px; padding-bottom: 10px; } #dashtodockContainer.top.extended #dash .dash-item-container .app-well-app:ltr:first-child, #dashtodockContainer.top.extended #dash .dash-item-container .grid-search-result:ltr:first-child, #dashtodockContainer.top.extended #dash .dash-item-container .app-well-app:rtl:last-child, #dashtodockContainer.top.extended #dash .dash-item-container .grid-search-result:rtl:last-child, #dashtodockContainer.top.extended #dash .dash-item-container .show-apps:ltr:first-child, #dashtodockContainer.top.extended #dash .dash-item-container .show-apps:rtl:last-child { padding-left: 0; } #dashtodockContainer.top.extended #dash .dash-item-container .app-well-app:ltr:last-child, #dashtodockContainer.top.extended #dash .dash-item-container .grid-search-result:ltr:last-child, #dashtodockContainer.top.extended #dash .dash-item-container .app-well-app:rtl:first-child, #dashtodockContainer.top.extended #dash .dash-item-container .grid-search-result:rtl:first-child, #dashtodockContainer.top.extended #dash .dash-item-container .show-apps:ltr:last-child, #dashtodockContainer.top.extended #dash .dash-item-container .show-apps:rtl:first-child { padding-right: 0; } #dashtodockContainer.top.extended #dash .dash-item-container .app-well-app.running .overview-icon, #dashtodockContainer.top.extended #dash .dash-item-container .running.grid-search-result .overview-icon { background-image: none; } #dashtodockContainer.top.extended #dash .dash-item-container .app-well-app.focused .overview-icon, #dashtodockContainer.top.extended #dash .dash-item-container .focused.grid-search-result .overview-icon { background-color: rgba(238, 238, 236, 0.2); } #dashtodockContainer.top.extended #dash .dash-item-container .app-well-app .app-well-app-running-dot, #dashtodockContainer.top.extended #dash .dash-item-container .grid-search-result .app-well-app-running-dot { margin-bottom: 2px; } #dashtodockContainer.top.extended #dash .dash-item-container > StButton { transition-duration: 250; background-size: contain; } #dashtodockContainer.top.extended.fixed #dash .dash-background { margin-bottom: 0; } #dashtodockContainer.top.extended.fixed #dash .dash-item-container .app-well-app, #dashtodockContainer.top.extended.fixed #dash .dash-item-container .grid-search-result, #dashtodockContainer.top.extended.fixed #dash .dash-item-container .show-apps { padding-bottom: 10px; } .dash-label.top { margin-top: 10px; -x-offset: 0; -y-offset: 0; } #dashtodockContainer.top.extended.shrink #dash { margin: 0px; padding: 0px; } #dashtodockContainer.top.extended.shrink #dash .dash-background { margin: 0; margin-top: 0; padding: 0; border-radius: 0; spacing: 2px; } #dashtodockContainer.top.extended.shrink #dash .dash-separator { background-color: #c7c7c7; margin: 0 1px; width: 1px; height: 0; margin-top: 0; } #dashtodockContainer.top.extended.shrink #dash #dashtodockDashContainer { padding: 0; padding-top: 0; padding-bottom: 0; } #dashtodockContainer.top.extended.shrink #dash #dashtodockDashContainer > :first-child .show-apps { padding-left: 6px; } #dashtodockContainer.top.extended.shrink #dash #dashtodockDashContainer #dashtodockDashScrollview:first-child { padding-left: 6px; } #dashtodockContainer.top.extended.shrink #dash #dashtodockDashContainer > :last-child .show-apps { padding-right: 6px; } #dashtodockContainer.top.extended.shrink #dash #dashtodockDashContainer #dashtodockDashScrollview:last-child { padding-right: 6px; } #dashtodockContainer.top.extended.shrink #dash .dash-item-container { /* Disable all margins defined upstream, we handle them here */ margin: 0 2px; } #dashtodockContainer.top.extended.shrink #dash .dash-item-container > * { margin: 0; } #dashtodockContainer.top.extended.shrink #dash .dash-item-container:ltr:first-child, #dashtodockContainer.top.extended.shrink #dash .dash-item-container:rtl:last-child { margin-left: 0; } #dashtodockContainer.top.extended.shrink #dash .dash-item-container:ltr:last-child, #dashtodockContainer.top.extended.shrink #dash .dash-item-container:rtl:first-child { margin-right: 0; } #dashtodockContainer.top.extended.shrink #dash .dash-item-container .app-well-app, #dashtodockContainer.top.extended.shrink #dash .dash-item-container .grid-search-result, #dashtodockContainer.top.extended.shrink #dash .dash-item-container .show-apps { padding: 1px 1px; padding-top: 3px; padding-bottom: 3px; } #dashtodockContainer.top.extended.shrink #dash .dash-item-container .app-well-app:ltr:first-child, #dashtodockContainer.top.extended.shrink #dash .dash-item-container .grid-search-result:ltr:first-child, #dashtodockContainer.top.extended.shrink #dash .dash-item-container .app-well-app:rtl:last-child, #dashtodockContainer.top.extended.shrink #dash .dash-item-container .grid-search-result:rtl:last-child, #dashtodockContainer.top.extended.shrink #dash .dash-item-container .show-apps:ltr:first-child, #dashtodockContainer.top.extended.shrink #dash .dash-item-container .show-apps:rtl:last-child { padding-left: 0; } #dashtodockContainer.top.extended.shrink #dash .dash-item-container .app-well-app:ltr:last-child, #dashtodockContainer.top.extended.shrink #dash .dash-item-container .grid-search-result:ltr:last-child, #dashtodockContainer.top.extended.shrink #dash .dash-item-container .app-well-app:rtl:first-child, #dashtodockContainer.top.extended.shrink #dash .dash-item-container .grid-search-result:rtl:first-child, #dashtodockContainer.top.extended.shrink #dash .dash-item-container .show-apps:ltr:last-child, #dashtodockContainer.top.extended.shrink #dash .dash-item-container .show-apps:rtl:first-child { padding-right: 0; } #dashtodockContainer.top.extended.shrink #dash .dash-item-container .app-well-app.running .overview-icon, #dashtodockContainer.top.extended.shrink #dash .dash-item-container .running.grid-search-result .overview-icon { background-image: none; } #dashtodockContainer.top.extended.shrink #dash .dash-item-container .app-well-app.focused .overview-icon, #dashtodockContainer.top.extended.shrink #dash .dash-item-container .focused.grid-search-result .overview-icon { background-color: rgba(238, 238, 236, 0.2); } #dashtodockContainer.top.extended.shrink #dash .dash-item-container .app-well-app .app-well-app-running-dot, #dashtodockContainer.top.extended.shrink #dash .dash-item-container .grid-search-result .app-well-app-running-dot { margin-bottom: 2px; } #dashtodockContainer.top.extended.shrink #dash .dash-item-container > StButton { transition-duration: 250; background-size: contain; } #dashtodockContainer.top.extended.shrink.fixed #dash .dash-background { margin-bottom: 0; } #dashtodockContainer.top.extended.shrink.fixed #dash .dash-item-container .app-well-app, #dashtodockContainer.top.extended.shrink.fixed #dash .dash-item-container .grid-search-result, #dashtodockContainer.top.extended.shrink.fixed #dash .dash-item-container .show-apps { padding-bottom: 3px; } .dash-label.top.shrink { margin-top: 3px; -x-offset: 0; -y-offset: 0; } #dashtodockContainer.left #dash { margin: 0px; padding: 0px; } #dashtodockContainer.left #dash .dash-background { margin: 0; margin-left: 4px; padding: 0; border-radius: 18px; spacing: 6px; } #dashtodockContainer.left #dash .dash-separator { background-color: #c7c7c7; width: 0; height: 1px; margin: 4px 0; margin-left: 4px; } #dashtodockContainer.left #dash #dashtodockDashContainer { padding: 10px; padding-left: 0; padding-right: 0; } #dashtodockContainer.left #dash .dash-item-container { /* Disable all margins defined upstream, we handle them here */ margin: 2px 0; } #dashtodockContainer.left #dash .dash-item-container > * { margin: 0; } #dashtodockContainer.left #dash .dash-item-container:first-child { margin-top: 0; } #dashtodockContainer.left #dash .dash-item-container:last-child { margin-bottom: 0; } #dashtodockContainer.left #dash .dash-item-container .app-well-app, #dashtodockContainer.left #dash .dash-item-container .grid-search-result, #dashtodockContainer.left #dash .dash-item-container .show-apps { padding: 2px 2px; padding-left: 14px; padding-right: 10px; } #dashtodockContainer.left #dash .dash-item-container .app-well-app:first-child, #dashtodockContainer.left #dash .dash-item-container .grid-search-result:first-child, #dashtodockContainer.left #dash .dash-item-container .show-apps:first-child { padding-top: 0; } #dashtodockContainer.left #dash .dash-item-container .app-well-app:last-child, #dashtodockContainer.left #dash .dash-item-container .grid-search-result:last-child, #dashtodockContainer.left #dash .dash-item-container .show-apps:last-child { padding-bottom: 0; } #dashtodockContainer.left #dash .dash-item-container .app-well-app.running .overview-icon, #dashtodockContainer.left #dash .dash-item-container .running.grid-search-result .overview-icon { background-image: none; } #dashtodockContainer.left #dash .dash-item-container .app-well-app.focused .overview-icon, #dashtodockContainer.left #dash .dash-item-container .focused.grid-search-result .overview-icon { background-color: rgba(238, 238, 236, 0.2); } #dashtodockContainer.left #dash .dash-item-container .app-well-app .app-well-app-running-dot, #dashtodockContainer.left #dash .dash-item-container .grid-search-result .app-well-app-running-dot { margin-bottom: 2px; } #dashtodockContainer.left #dash .dash-item-container > StButton { transition-duration: 250; background-size: contain; } #dashtodockContainer.left.fixed #dash .dash-background { margin-right: 4px; } #dashtodockContainer.left.fixed #dash .dash-item-container .app-well-app, #dashtodockContainer.left.fixed #dash .dash-item-container .grid-search-result, #dashtodockContainer.left.fixed #dash .dash-item-container .show-apps { padding-right: 14px; } .dash-label.left { margin: 0; -x-offset: 10px; -y-offset: 0; } #dashtodockContainer.left.shrink #dash { margin: 0px; padding: 0px; } #dashtodockContainer.left.shrink #dash .dash-background { margin: 0; margin-left: 4px; padding: 0; border-radius: 14px; spacing: 2px; } #dashtodockContainer.left.shrink #dash .dash-separator { background-color: #c7c7c7; width: 0; height: 1px; margin: 1px 0; margin-left: 4px; } #dashtodockContainer.left.shrink #dash #dashtodockDashContainer { padding: 3px; padding-left: 0; padding-right: 0; } #dashtodockContainer.left.shrink #dash .dash-item-container { /* Disable all margins defined upstream, we handle them here */ margin: 2px 0; } #dashtodockContainer.left.shrink #dash .dash-item-container > * { margin: 0; } #dashtodockContainer.left.shrink #dash .dash-item-container:first-child { margin-top: 0; } #dashtodockContainer.left.shrink #dash .dash-item-container:last-child { margin-bottom: 0; } #dashtodockContainer.left.shrink #dash .dash-item-container .app-well-app, #dashtodockContainer.left.shrink #dash .dash-item-container .grid-search-result, #dashtodockContainer.left.shrink #dash .dash-item-container .show-apps { padding: 1px 1px; padding-left: 7px; padding-right: 3px; } #dashtodockContainer.left.shrink #dash .dash-item-container .app-well-app:first-child, #dashtodockContainer.left.shrink #dash .dash-item-container .grid-search-result:first-child, #dashtodockContainer.left.shrink #dash .dash-item-container .show-apps:first-child { padding-top: 0; } #dashtodockContainer.left.shrink #dash .dash-item-container .app-well-app:last-child, #dashtodockContainer.left.shrink #dash .dash-item-container .grid-search-result:last-child, #dashtodockContainer.left.shrink #dash .dash-item-container .show-apps:last-child { padding-bottom: 0; } #dashtodockContainer.left.shrink #dash .dash-item-container .app-well-app.running .overview-icon, #dashtodockContainer.left.shrink #dash .dash-item-container .running.grid-search-result .overview-icon { background-image: none; } #dashtodockContainer.left.shrink #dash .dash-item-container .app-well-app.focused .overview-icon, #dashtodockContainer.left.shrink #dash .dash-item-container .focused.grid-search-result .overview-icon { background-color: rgba(238, 238, 236, 0.2); } #dashtodockContainer.left.shrink #dash .dash-item-container .app-well-app .app-well-app-running-dot, #dashtodockContainer.left.shrink #dash .dash-item-container .grid-search-result .app-well-app-running-dot { margin-bottom: 2px; } #dashtodockContainer.left.shrink #dash .dash-item-container > StButton { transition-duration: 250; background-size: contain; } #dashtodockContainer.left.shrink.fixed #dash .dash-background { margin-right: 1px; } #dashtodockContainer.left.shrink.fixed #dash .dash-item-container .app-well-app, #dashtodockContainer.left.shrink.fixed #dash .dash-item-container .grid-search-result, #dashtodockContainer.left.shrink.fixed #dash .dash-item-container .show-apps { padding-right: 4px; } .dash-label.left.shrink { margin: 0; -x-offset: 3px; -y-offset: 0; } #dashtodockContainer.left.extended #dash { margin: 0px; padding: 0px; } #dashtodockContainer.left.extended #dash .dash-background { margin: 0; margin-left: 0; padding: 0; border-radius: 0; spacing: 6px; } #dashtodockContainer.left.extended #dash .dash-separator { background-color: #c7c7c7; width: 0; height: 1px; margin: 4px 0; margin-left: 0; } #dashtodockContainer.left.extended #dash #dashtodockDashContainer { padding: 0; padding-left: 0; padding-right: 0; } #dashtodockContainer.left.extended #dash #dashtodockDashContainer > :first-child .show-apps { padding-top: 8px; } #dashtodockContainer.left.extended #dash #dashtodockDashContainer #dashtodockDashScrollview:first-child { padding-top: 8px; } #dashtodockContainer.left.extended #dash #dashtodockDashContainer > :last-child .show-apps { padding-bottom: 8px; } #dashtodockContainer.left.extended #dash #dashtodockDashContainer #dashtodockDashScrollview:last-child { padding-bottom: 8px; } #dashtodockContainer.left.extended #dash .dash-item-container { /* Disable all margins defined upstream, we handle them here */ margin: 2px 0; } #dashtodockContainer.left.extended #dash .dash-item-container > * { margin: 0; } #dashtodockContainer.left.extended #dash .dash-item-container:first-child { margin-top: 0; } #dashtodockContainer.left.extended #dash .dash-item-container:last-child { margin-bottom: 0; } #dashtodockContainer.left.extended #dash .dash-item-container .app-well-app, #dashtodockContainer.left.extended #dash .dash-item-container .grid-search-result, #dashtodockContainer.left.extended #dash .dash-item-container .show-apps { padding: 2px 2px; padding-left: 10px; padding-right: 10px; } #dashtodockContainer.left.extended #dash .dash-item-container .app-well-app:first-child, #dashtodockContainer.left.extended #dash .dash-item-container .grid-search-result:first-child, #dashtodockContainer.left.extended #dash .dash-item-container .show-apps:first-child { padding-top: 0; } #dashtodockContainer.left.extended #dash .dash-item-container .app-well-app:last-child, #dashtodockContainer.left.extended #dash .dash-item-container .grid-search-result:last-child, #dashtodockContainer.left.extended #dash .dash-item-container .show-apps:last-child { padding-bottom: 0; } #dashtodockContainer.left.extended #dash .dash-item-container .app-well-app.running .overview-icon, #dashtodockContainer.left.extended #dash .dash-item-container .running.grid-search-result .overview-icon { background-image: none; } #dashtodockContainer.left.extended #dash .dash-item-container .app-well-app.focused .overview-icon, #dashtodockContainer.left.extended #dash .dash-item-container .focused.grid-search-result .overview-icon { background-color: rgba(238, 238, 236, 0.2); } #dashtodockContainer.left.extended #dash .dash-item-container .app-well-app .app-well-app-running-dot, #dashtodockContainer.left.extended #dash .dash-item-container .grid-search-result .app-well-app-running-dot { margin-bottom: 2px; } #dashtodockContainer.left.extended #dash .dash-item-container > StButton { transition-duration: 250; background-size: contain; } #dashtodockContainer.left.extended.fixed #dash .dash-background { margin-right: 0; } #dashtodockContainer.left.extended.fixed #dash .dash-item-container .app-well-app, #dashtodockContainer.left.extended.fixed #dash .dash-item-container .grid-search-result, #dashtodockContainer.left.extended.fixed #dash .dash-item-container .show-apps { padding-right: 10px; } .dash-label.left { margin: 0; -x-offset: 10px; -y-offset: 0; } #dashtodockContainer.left.extended.shrink #dash { margin: 0px; padding: 0px; } #dashtodockContainer.left.extended.shrink #dash .dash-background { margin: 0; margin-left: 0; padding: 0; border-radius: 0; spacing: 2px; } #dashtodockContainer.left.extended.shrink #dash .dash-separator { background-color: #c7c7c7; width: 0; height: 1px; margin: 1px 0; margin-left: 0; } #dashtodockContainer.left.extended.shrink #dash #dashtodockDashContainer { padding: 0; padding-left: 0; padding-right: 0; } #dashtodockContainer.left.extended.shrink #dash #dashtodockDashContainer > :first-child .show-apps { padding-top: 6px; } #dashtodockContainer.left.extended.shrink #dash #dashtodockDashContainer #dashtodockDashScrollview:first-child { padding-top: 6px; } #dashtodockContainer.left.extended.shrink #dash #dashtodockDashContainer > :last-child .show-apps { padding-bottom: 6px; } #dashtodockContainer.left.extended.shrink #dash #dashtodockDashContainer #dashtodockDashScrollview:last-child { padding-bottom: 6px; } #dashtodockContainer.left.extended.shrink #dash .dash-item-container { /* Disable all margins defined upstream, we handle them here */ margin: 2px 0; } #dashtodockContainer.left.extended.shrink #dash .dash-item-container > * { margin: 0; } #dashtodockContainer.left.extended.shrink #dash .dash-item-container:first-child { margin-top: 0; } #dashtodockContainer.left.extended.shrink #dash .dash-item-container:last-child { margin-bottom: 0; } #dashtodockContainer.left.extended.shrink #dash .dash-item-container .app-well-app, #dashtodockContainer.left.extended.shrink #dash .dash-item-container .grid-search-result, #dashtodockContainer.left.extended.shrink #dash .dash-item-container .show-apps { padding: 1px 1px; padding-left: 3px; padding-right: 3px; } #dashtodockContainer.left.extended.shrink #dash .dash-item-container .app-well-app:first-child, #dashtodockContainer.left.extended.shrink #dash .dash-item-container .grid-search-result:first-child, #dashtodockContainer.left.extended.shrink #dash .dash-item-container .show-apps:first-child { padding-top: 0; } #dashtodockContainer.left.extended.shrink #dash .dash-item-container .app-well-app:last-child, #dashtodockContainer.left.extended.shrink #dash .dash-item-container .grid-search-result:last-child, #dashtodockContainer.left.extended.shrink #dash .dash-item-container .show-apps:last-child { padding-bottom: 0; } #dashtodockContainer.left.extended.shrink #dash .dash-item-container .app-well-app.running .overview-icon, #dashtodockContainer.left.extended.shrink #dash .dash-item-container .running.grid-search-result .overview-icon { background-image: none; } #dashtodockContainer.left.extended.shrink #dash .dash-item-container .app-well-app.focused .overview-icon, #dashtodockContainer.left.extended.shrink #dash .dash-item-container .focused.grid-search-result .overview-icon { background-color: rgba(238, 238, 236, 0.2); } #dashtodockContainer.left.extended.shrink #dash .dash-item-container .app-well-app .app-well-app-running-dot, #dashtodockContainer.left.extended.shrink #dash .dash-item-container .grid-search-result .app-well-app-running-dot { margin-bottom: 2px; } #dashtodockContainer.left.extended.shrink #dash .dash-item-container > StButton { transition-duration: 250; background-size: contain; } #dashtodockContainer.left.extended.shrink.fixed #dash .dash-background { margin-right: 0; } #dashtodockContainer.left.extended.shrink.fixed #dash .dash-item-container .app-well-app, #dashtodockContainer.left.extended.shrink.fixed #dash .dash-item-container .grid-search-result, #dashtodockContainer.left.extended.shrink.fixed #dash .dash-item-container .show-apps { padding-right: 3px; } .dash-label.left.shrink { margin: 0; -x-offset: 3px; -y-offset: 0; } #dashtodockContainer.right #dash { margin: 0px; padding: 0px; } #dashtodockContainer.right #dash .dash-background { margin: 0; margin-right: 4px; padding: 0; border-radius: 18px; spacing: 6px; } #dashtodockContainer.right #dash .dash-separator { background-color: #c7c7c7; width: 0; height: 1px; margin: 4px 0; margin-right: 4px; } #dashtodockContainer.right #dash #dashtodockDashContainer { padding: 10px; padding-right: 0; padding-left: 0; } #dashtodockContainer.right #dash .dash-item-container { /* Disable all margins defined upstream, we handle them here */ margin: 2px 0; } #dashtodockContainer.right #dash .dash-item-container > * { margin: 0; } #dashtodockContainer.right #dash .dash-item-container:first-child { margin-top: 0; } #dashtodockContainer.right #dash .dash-item-container:last-child { margin-bottom: 0; } #dashtodockContainer.right #dash .dash-item-container .app-well-app, #dashtodockContainer.right #dash .dash-item-container .grid-search-result, #dashtodockContainer.right #dash .dash-item-container .show-apps { padding: 2px 2px; padding-right: 14px; padding-left: 10px; } #dashtodockContainer.right #dash .dash-item-container .app-well-app:first-child, #dashtodockContainer.right #dash .dash-item-container .grid-search-result:first-child, #dashtodockContainer.right #dash .dash-item-container .show-apps:first-child { padding-top: 0; } #dashtodockContainer.right #dash .dash-item-container .app-well-app:last-child, #dashtodockContainer.right #dash .dash-item-container .grid-search-result:last-child, #dashtodockContainer.right #dash .dash-item-container .show-apps:last-child { padding-bottom: 0; } #dashtodockContainer.right #dash .dash-item-container .app-well-app.running .overview-icon, #dashtodockContainer.right #dash .dash-item-container .running.grid-search-result .overview-icon { background-image: none; } #dashtodockContainer.right #dash .dash-item-container .app-well-app.focused .overview-icon, #dashtodockContainer.right #dash .dash-item-container .focused.grid-search-result .overview-icon { background-color: rgba(238, 238, 236, 0.2); } #dashtodockContainer.right #dash .dash-item-container .app-well-app .app-well-app-running-dot, #dashtodockContainer.right #dash .dash-item-container .grid-search-result .app-well-app-running-dot { margin-bottom: 2px; } #dashtodockContainer.right #dash .dash-item-container > StButton { transition-duration: 250; background-size: contain; } #dashtodockContainer.right.fixed #dash .dash-background { margin-left: 4px; } #dashtodockContainer.right.fixed #dash .dash-item-container .app-well-app, #dashtodockContainer.right.fixed #dash .dash-item-container .grid-search-result, #dashtodockContainer.right.fixed #dash .dash-item-container .show-apps { padding-left: 14px; } .dash-label.right { margin: 0; -x-offset: 10px; -y-offset: 0; } #dashtodockContainer.right.shrink #dash { margin: 0px; padding: 0px; } #dashtodockContainer.right.shrink #dash .dash-background { margin: 0; margin-right: 4px; padding: 0; border-radius: 14px; spacing: 2px; } #dashtodockContainer.right.shrink #dash .dash-separator { background-color: #c7c7c7; width: 0; height: 1px; margin: 1px 0; margin-right: 4px; } #dashtodockContainer.right.shrink #dash #dashtodockDashContainer { padding: 3px; padding-right: 0; padding-left: 0; } #dashtodockContainer.right.shrink #dash .dash-item-container { /* Disable all margins defined upstream, we handle them here */ margin: 2px 0; } #dashtodockContainer.right.shrink #dash .dash-item-container > * { margin: 0; } #dashtodockContainer.right.shrink #dash .dash-item-container:first-child { margin-top: 0; } #dashtodockContainer.right.shrink #dash .dash-item-container:last-child { margin-bottom: 0; } #dashtodockContainer.right.shrink #dash .dash-item-container .app-well-app, #dashtodockContainer.right.shrink #dash .dash-item-container .grid-search-result, #dashtodockContainer.right.shrink #dash .dash-item-container .show-apps { padding: 1px 1px; padding-right: 7px; padding-left: 3px; } #dashtodockContainer.right.shrink #dash .dash-item-container .app-well-app:first-child, #dashtodockContainer.right.shrink #dash .dash-item-container .grid-search-result:first-child, #dashtodockContainer.right.shrink #dash .dash-item-container .show-apps:first-child { padding-top: 0; } #dashtodockContainer.right.shrink #dash .dash-item-container .app-well-app:last-child, #dashtodockContainer.right.shrink #dash .dash-item-container .grid-search-result:last-child, #dashtodockContainer.right.shrink #dash .dash-item-container .show-apps:last-child { padding-bottom: 0; } #dashtodockContainer.right.shrink #dash .dash-item-container .app-well-app.running .overview-icon, #dashtodockContainer.right.shrink #dash .dash-item-container .running.grid-search-result .overview-icon { background-image: none; } #dashtodockContainer.right.shrink #dash .dash-item-container .app-well-app.focused .overview-icon, #dashtodockContainer.right.shrink #dash .dash-item-container .focused.grid-search-result .overview-icon { background-color: rgba(238, 238, 236, 0.2); } #dashtodockContainer.right.shrink #dash .dash-item-container .app-well-app .app-well-app-running-dot, #dashtodockContainer.right.shrink #dash .dash-item-container .grid-search-result .app-well-app-running-dot { margin-bottom: 2px; } #dashtodockContainer.right.shrink #dash .dash-item-container > StButton { transition-duration: 250; background-size: contain; } #dashtodockContainer.right.shrink.fixed #dash .dash-background { margin-left: 1px; } #dashtodockContainer.right.shrink.fixed #dash .dash-item-container .app-well-app, #dashtodockContainer.right.shrink.fixed #dash .dash-item-container .grid-search-result, #dashtodockContainer.right.shrink.fixed #dash .dash-item-container .show-apps { padding-left: 4px; } .dash-label.right.shrink { margin: 0; -x-offset: 3px; -y-offset: 0; } #dashtodockContainer.right.extended #dash { margin: 0px; padding: 0px; } #dashtodockContainer.right.extended #dash .dash-background { margin: 0; margin-right: 0; padding: 0; border-radius: 0; spacing: 6px; } #dashtodockContainer.right.extended #dash .dash-separator { background-color: #c7c7c7; width: 0; height: 1px; margin: 4px 0; margin-right: 0; } #dashtodockContainer.right.extended #dash #dashtodockDashContainer { padding: 0; padding-right: 0; padding-left: 0; } #dashtodockContainer.right.extended #dash #dashtodockDashContainer > :first-child .show-apps { padding-top: 8px; } #dashtodockContainer.right.extended #dash #dashtodockDashContainer #dashtodockDashScrollview:first-child { padding-top: 8px; } #dashtodockContainer.right.extended #dash #dashtodockDashContainer > :last-child .show-apps { padding-bottom: 8px; } #dashtodockContainer.right.extended #dash #dashtodockDashContainer #dashtodockDashScrollview:last-child { padding-bottom: 8px; } #dashtodockContainer.right.extended #dash .dash-item-container { /* Disable all margins defined upstream, we handle them here */ margin: 2px 0; } #dashtodockContainer.right.extended #dash .dash-item-container > * { margin: 0; } #dashtodockContainer.right.extended #dash .dash-item-container:first-child { margin-top: 0; } #dashtodockContainer.right.extended #dash .dash-item-container:last-child { margin-bottom: 0; } #dashtodockContainer.right.extended #dash .dash-item-container .app-well-app, #dashtodockContainer.right.extended #dash .dash-item-container .grid-search-result, #dashtodockContainer.right.extended #dash .dash-item-container .show-apps { padding: 2px 2px; padding-right: 10px; padding-left: 10px; } #dashtodockContainer.right.extended #dash .dash-item-container .app-well-app:first-child, #dashtodockContainer.right.extended #dash .dash-item-container .grid-search-result:first-child, #dashtodockContainer.right.extended #dash .dash-item-container .show-apps:first-child { padding-top: 0; } #dashtodockContainer.right.extended #dash .dash-item-container .app-well-app:last-child, #dashtodockContainer.right.extended #dash .dash-item-container .grid-search-result:last-child, #dashtodockContainer.right.extended #dash .dash-item-container .show-apps:last-child { padding-bottom: 0; } #dashtodockContainer.right.extended #dash .dash-item-container .app-well-app.running .overview-icon, #dashtodockContainer.right.extended #dash .dash-item-container .running.grid-search-result .overview-icon { background-image: none; } #dashtodockContainer.right.extended #dash .dash-item-container .app-well-app.focused .overview-icon, #dashtodockContainer.right.extended #dash .dash-item-container .focused.grid-search-result .overview-icon { background-color: rgba(238, 238, 236, 0.2); } #dashtodockContainer.right.extended #dash .dash-item-container .app-well-app .app-well-app-running-dot, #dashtodockContainer.right.extended #dash .dash-item-container .grid-search-result .app-well-app-running-dot { margin-bottom: 2px; } #dashtodockContainer.right.extended #dash .dash-item-container > StButton { transition-duration: 250; background-size: contain; } #dashtodockContainer.right.extended.fixed #dash .dash-background { margin-left: 0; } #dashtodockContainer.right.extended.fixed #dash .dash-item-container .app-well-app, #dashtodockContainer.right.extended.fixed #dash .dash-item-container .grid-search-result, #dashtodockContainer.right.extended.fixed #dash .dash-item-container .show-apps { padding-left: 10px; } .dash-label.right { margin: 0; -x-offset: 10px; -y-offset: 0; } #dashtodockContainer.right.extended.shrink #dash { margin: 0px; padding: 0px; } #dashtodockContainer.right.extended.shrink #dash .dash-background { margin: 0; margin-right: 0; padding: 0; border-radius: 0; spacing: 2px; } #dashtodockContainer.right.extended.shrink #dash .dash-separator { background-color: #c7c7c7; width: 0; height: 1px; margin: 1px 0; margin-right: 0; } #dashtodockContainer.right.extended.shrink #dash #dashtodockDashContainer { padding: 0; padding-right: 0; padding-left: 0; } #dashtodockContainer.right.extended.shrink #dash #dashtodockDashContainer > :first-child .show-apps { padding-top: 6px; } #dashtodockContainer.right.extended.shrink #dash #dashtodockDashContainer #dashtodockDashScrollview:first-child { padding-top: 6px; } #dashtodockContainer.right.extended.shrink #dash #dashtodockDashContainer > :last-child .show-apps { padding-bottom: 6px; } #dashtodockContainer.right.extended.shrink #dash #dashtodockDashContainer #dashtodockDashScrollview:last-child { padding-bottom: 6px; } #dashtodockContainer.right.extended.shrink #dash .dash-item-container { /* Disable all margins defined upstream, we handle them here */ margin: 2px 0; } #dashtodockContainer.right.extended.shrink #dash .dash-item-container > * { margin: 0; } #dashtodockContainer.right.extended.shrink #dash .dash-item-container:first-child { margin-top: 0; } #dashtodockContainer.right.extended.shrink #dash .dash-item-container:last-child { margin-bottom: 0; } #dashtodockContainer.right.extended.shrink #dash .dash-item-container .app-well-app, #dashtodockContainer.right.extended.shrink #dash .dash-item-container .grid-search-result, #dashtodockContainer.right.extended.shrink #dash .dash-item-container .show-apps { padding: 1px 1px; padding-right: 3px; padding-left: 3px; } #dashtodockContainer.right.extended.shrink #dash .dash-item-container .app-well-app:first-child, #dashtodockContainer.right.extended.shrink #dash .dash-item-container .grid-search-result:first-child, #dashtodockContainer.right.extended.shrink #dash .dash-item-container .show-apps:first-child { padding-top: 0; } #dashtodockContainer.right.extended.shrink #dash .dash-item-container .app-well-app:last-child, #dashtodockContainer.right.extended.shrink #dash .dash-item-container .grid-search-result:last-child, #dashtodockContainer.right.extended.shrink #dash .dash-item-container .show-apps:last-child { padding-bottom: 0; } #dashtodockContainer.right.extended.shrink #dash .dash-item-container .app-well-app.running .overview-icon, #dashtodockContainer.right.extended.shrink #dash .dash-item-container .running.grid-search-result .overview-icon { background-image: none; } #dashtodockContainer.right.extended.shrink #dash .dash-item-container .app-well-app.focused .overview-icon, #dashtodockContainer.right.extended.shrink #dash .dash-item-container .focused.grid-search-result .overview-icon { background-color: rgba(238, 238, 236, 0.2); } #dashtodockContainer.right.extended.shrink #dash .dash-item-container .app-well-app .app-well-app-running-dot, #dashtodockContainer.right.extended.shrink #dash .dash-item-container .grid-search-result .app-well-app-running-dot { margin-bottom: 2px; } #dashtodockContainer.right.extended.shrink #dash .dash-item-container > StButton { transition-duration: 250; background-size: contain; } #dashtodockContainer.right.extended.shrink.fixed #dash .dash-background { margin-left: 0; } #dashtodockContainer.right.extended.shrink.fixed #dash .dash-item-container .app-well-app, #dashtodockContainer.right.extended.shrink.fixed #dash .dash-item-container .grid-search-result, #dashtodockContainer.right.extended.shrink.fixed #dash .dash-item-container .show-apps { padding-left: 3px; } .dash-label.right.shrink { margin: 0; -x-offset: 3px; -y-offset: 0; } #dashtodockContainer.top.shrink #dash .dash-background { margin-top: 4px; margin-bottom: 0; } #dashtodockContainer.straight-corner #dash .dash-background, #dashtodockContainer.shrink.straight-corner #dash .dash-background { border-radius: 0px; } /* Scrollview style */ .bottom #dashtodockDashScrollview, .top #dashtodockDashScrollview { -st-hfade-offset: 24px; } .left #dashtodockDashScrollview, .right #dashtodockDashScrollview { -st-vfade-offset: 24px; } #dashtodockContainer.dashtodock #dash .dash-background { background: #1d1d1d; } #dashtodockContainer.dashtodock .progress-bar { /* Customization of the progress bar style, e.g.: -progress-bar-background: rgba(0.8, 0.8, 0.8, 1); -progress-bar-border: rgba(0.9, 0.9, 0.9, 1); */ } #dashtodockContainer.top #dash .placeholder, #dashtodockContainer.bottom #dash .placeholder { width: 32px; height: 1px; } /* * This is applied to a dummy actor. Only the alpha value for the background and border color * and the transition-duration are used */ #dashtodockContainer.dummy-opaque { background-color: rgba(0, 0, 0, 0.8); border-color: rgba(0, 0, 0, 0.4); transition-duration: 300ms; } /* * This is applied to a dummy actor. Only the alpha value for the background and border color * and the transition-duration are used */ #dashtodockContainer.dummy-transparent { background-color: rgba(0, 0, 0, 0.2); border-color: rgba(0, 0, 0, 0.1); transition-duration: 500ms; } #dashtodockContainer .number-overlay { color: white; background-color: rgba(0, 0, 0, 0.8); text-align: center; } #dashtodockContainer .notification-badge { color: white; background-color: red; padding: 0.2em 0.5em; border-radius: 1em; font-weight: bold; text-align: center; margin: 2px; } #dashtodockPreviewSeparator.popup-separator-menu-item-horizontal { width: 1px; height: auto; border-right-width: 1px; margin: 32px 0px; } .dashtodock-app-well-preview-menu-item { padding: 1em 1em 0.5em 1em; } #dashtodockContainer .metro .overview-icon { border-radius: 0px; } #dashtodockContainer.bottom .metro.running2.focused, #dashtodockContainer.top .metro.running2.focused { background-image: url("./media/highlight_stacked_bg.svg"); background-position: 0px 0px; background-size: contain; } #dashtodockContainer.left .metro.running2.focused, #dashtodockContainer.right .metro.running2.focused { background-image: url("./media/highlight_stacked_bg_h.svg"); background-position: 0px 0px; background-size: contain; } #dashtodockContainer.bottom .metro.running3.focused, #dashtodockContainer.top .metro.running3.focused { background-image: url("./media/highlight_stacked_bg.svg"); background-position: 0px 0px; background-size: contain; } #dashtodockContainer.left .metro.running3.focused, #dashtodockContainer.right .metro.running3.focused { background-image: url("./media/highlight_stacked_bg_h.svg"); background-position: 0px 0px; background-size: contain; } #dashtodockContainer.bottom .metro.running4.focused, #dashtodockContainer.top .metro.running4.focused { background-image: url("./media/highlight_stacked_bg.svg"); background-position: 0px 0px; background-size: contain; } #dashtodockContainer.left .metro.running4.focused, #dashtodockContainer.right .metro.running4.focused { background-image: url("./media/highlight_stacked_bg_h.svg"); background-position: 0px 0px; background-size: contain; } /* Yaru Dock styling */ #dashtodockContainer.bottom #dash, #dashtodockContainer.bottom.dashtodock #dash, #dashtodockContainer.bottom.shrink #dash { margin: 0px; padding: 0px; } #dashtodockContainer.bottom #dash .dash-background, #dashtodockContainer.bottom.dashtodock #dash .dash-background, #dashtodockContainer.bottom.shrink #dash .dash-background { background: rgba(19, 19, 19, 0.75); transition-duration: 250ms; } #dashtodockContainer.bottom #dash .dash-separator, #dashtodockContainer.bottom.dashtodock #dash .dash-separator, #dashtodockContainer.bottom.shrink #dash .dash-separator { background: rgba(238, 238, 236, 0.3); } #dashtodockContainer.bottom.overview #dash .dash-background, #dashtodockContainer.bottom.overview.dashtodock #dash .dash-background, #dashtodockContainer.bottom.overview.shrink #dash .dash-background { background-color: #131313; } #dashtodockContainer.bottom.extended #dash .dash-background, #dashtodockContainer.bottom.extended.dashtodock #dash .dash-background, #dashtodockContainer.bottom.extended.shrink #dash .dash-background { border: none; } #dashtodockContainer.bottom .dash-item-container .show-apps, #dashtodockContainer.bottom .dash-item-container .app-well-app, #dashtodockContainer.bottom .dash-item-container .grid-search-result { border-radius: 18px; } #dashtodockContainer.bottom .dash-item-container .show-apps:active .overview-icon, #dashtodockContainer.bottom .dash-item-container .show-apps:checked .overview-icon, #dashtodockContainer.bottom .dash-item-container .app-well-app:active .overview-icon, #dashtodockContainer.bottom .dash-item-container .grid-search-result:active .overview-icon, #dashtodockContainer.bottom .dash-item-container .app-well-app:checked .overview-icon, #dashtodockContainer.bottom .dash-item-container .grid-search-result:checked .overview-icon { background-color: rgba(255, 255, 255, 0.25); box-shadow: none; } #dashtodockContainer.bottom .notification-badge { background-color: #109b26; border: 1px solid #0c6d1a; box-shadow: -1px 1px 5px 0px rgba(0, 0, 0, 0.5); } #dashtodockContainer.top #dash, #dashtodockContainer.top.dashtodock #dash, #dashtodockContainer.top.shrink #dash { margin: 0px; padding: 0px; } #dashtodockContainer.top #dash .dash-background, #dashtodockContainer.top.dashtodock #dash .dash-background, #dashtodockContainer.top.shrink #dash .dash-background { background: rgba(19, 19, 19, 0.75); transition-duration: 250ms; } #dashtodockContainer.top #dash .dash-separator, #dashtodockContainer.top.dashtodock #dash .dash-separator, #dashtodockContainer.top.shrink #dash .dash-separator { background: rgba(238, 238, 236, 0.3); } #dashtodockContainer.top.overview #dash .dash-background, #dashtodockContainer.top.overview.dashtodock #dash .dash-background, #dashtodockContainer.top.overview.shrink #dash .dash-background { background-color: #131313; } #dashtodockContainer.top.extended #dash .dash-background, #dashtodockContainer.top.extended.dashtodock #dash .dash-background, #dashtodockContainer.top.extended.shrink #dash .dash-background { border: none; } #dashtodockContainer.top .dash-item-container .show-apps, #dashtodockContainer.top .dash-item-container .app-well-app, #dashtodockContainer.top .dash-item-container .grid-search-result { border-radius: 18px; } #dashtodockContainer.top .dash-item-container .show-apps:active .overview-icon, #dashtodockContainer.top .dash-item-container .show-apps:checked .overview-icon, #dashtodockContainer.top .dash-item-container .app-well-app:active .overview-icon, #dashtodockContainer.top .dash-item-container .grid-search-result:active .overview-icon, #dashtodockContainer.top .dash-item-container .app-well-app:checked .overview-icon, #dashtodockContainer.top .dash-item-container .grid-search-result:checked .overview-icon { background-color: rgba(255, 255, 255, 0.25); box-shadow: none; } #dashtodockContainer.top .notification-badge { background-color: #109b26; border: 1px solid #0c6d1a; box-shadow: -1px 1px 5px 0px rgba(0, 0, 0, 0.5); } #dashtodockContainer.left #dash, #dashtodockContainer.left.dashtodock #dash, #dashtodockContainer.left.shrink #dash { margin: 0px; padding: 0px; } #dashtodockContainer.left #dash .dash-background, #dashtodockContainer.left.dashtodock #dash .dash-background, #dashtodockContainer.left.shrink #dash .dash-background { background: rgba(19, 19, 19, 0.75); transition-duration: 250ms; } #dashtodockContainer.left #dash .dash-separator, #dashtodockContainer.left.dashtodock #dash .dash-separator, #dashtodockContainer.left.shrink #dash .dash-separator { background: rgba(238, 238, 236, 0.3); } #dashtodockContainer.left.overview #dash .dash-background, #dashtodockContainer.left.overview.dashtodock #dash .dash-background, #dashtodockContainer.left.overview.shrink #dash .dash-background { background-color: #131313; } #dashtodockContainer.left.extended #dash .dash-background, #dashtodockContainer.left.extended.dashtodock #dash .dash-background, #dashtodockContainer.left.extended.shrink #dash .dash-background { border: none; } #dashtodockContainer.left .dash-item-container .show-apps, #dashtodockContainer.left .dash-item-container .app-well-app, #dashtodockContainer.left .dash-item-container .grid-search-result { border-radius: 18px; } #dashtodockContainer.left .dash-item-container .show-apps:active .overview-icon, #dashtodockContainer.left .dash-item-container .show-apps:checked .overview-icon, #dashtodockContainer.left .dash-item-container .app-well-app:active .overview-icon, #dashtodockContainer.left .dash-item-container .grid-search-result:active .overview-icon, #dashtodockContainer.left .dash-item-container .app-well-app:checked .overview-icon, #dashtodockContainer.left .dash-item-container .grid-search-result:checked .overview-icon { background-color: rgba(255, 255, 255, 0.25); box-shadow: none; } #dashtodockContainer.left .notification-badge { background-color: #109b26; border: 1px solid #0c6d1a; box-shadow: -1px 1px 5px 0px rgba(0, 0, 0, 0.5); } #dashtodockContainer.right #dash, #dashtodockContainer.right.dashtodock #dash, #dashtodockContainer.right.shrink #dash { margin: 0px; padding: 0px; } #dashtodockContainer.right #dash .dash-background, #dashtodockContainer.right.dashtodock #dash .dash-background, #dashtodockContainer.right.shrink #dash .dash-background { background: rgba(19, 19, 19, 0.75); transition-duration: 250ms; } #dashtodockContainer.right #dash .dash-separator, #dashtodockContainer.right.dashtodock #dash .dash-separator, #dashtodockContainer.right.shrink #dash .dash-separator { background: rgba(238, 238, 236, 0.3); } #dashtodockContainer.right.overview #dash .dash-background, #dashtodockContainer.right.overview.dashtodock #dash .dash-background, #dashtodockContainer.right.overview.shrink #dash .dash-background { background-color: #131313; } #dashtodockContainer.right.extended #dash .dash-background, #dashtodockContainer.right.extended.dashtodock #dash .dash-background, #dashtodockContainer.right.extended.shrink #dash .dash-background { border: none; } #dashtodockContainer.right .dash-item-container .show-apps, #dashtodockContainer.right .dash-item-container .app-well-app, #dashtodockContainer.right .dash-item-container .grid-search-result { border-radius: 18px; } #dashtodockContainer.right .dash-item-container .show-apps:active .overview-icon, #dashtodockContainer.right .dash-item-container .show-apps:checked .overview-icon, #dashtodockContainer.right .dash-item-container .app-well-app:active .overview-icon, #dashtodockContainer.right .dash-item-container .grid-search-result:active .overview-icon, #dashtodockContainer.right .dash-item-container .app-well-app:checked .overview-icon, #dashtodockContainer.right .dash-item-container .grid-search-result:checked .overview-icon { background-color: rgba(255, 255, 255, 0.25); box-shadow: none; } #dashtodockContainer.right .notification-badge { background-color: #109b26; border: 1px solid #0c6d1a; box-shadow: -1px 1px 5px 0px rgba(0, 0, 0, 0.5); } (uuay)checkbox-off-purple-dark.svg� <svg width="24" height="24" xmlns="http://www.w3.org/2000/svg"><rect x="1.5" y="1.5" width="21" height="21" rx="3" fill="#4a4a4a" stroke="#464646" stroke-linejoin="round" style="fill:#222222;stroke:#494949"/></svg> (uuay)toggle-off-viridian-dark.svg P <svg width="48" height="26" xmlns="http://www.w3.org/2000/svg"><rect style="fill:#4a4a4a;fill-opacity:1;stroke:none;stroke-width:1;marker:none" width="48" height="26" x="-48" ry="13" fill="#3081e3" rx="13" transform="scale(-1 1)"/><rect ry="11" rx="11" y="3" x="-24" height="22" width="22" style="fill:#000;fill-opacity:.2;stroke:none;stroke-width:.999999;marker:none" fill="#f8f7f7" transform="scale(-1 1)"/><rect ry="11" rx="11" y="2" x="-24" height="22" width="22" style="fill:#fff;fill-opacity:1;stroke:none;stroke-width:.999999;marker:none" fill="#f8f7f7" transform="scale(-1 1)"/></svg> (uuay)/ toggle-off-blue-dark.svgP <svg width="48" height="26" xmlns="http://www.w3.org/2000/svg"><rect style="fill:#4a4a4a;fill-opacity:1;stroke:none;stroke-width:1;marker:none" width="48" height="26" x="-48" ry="13" fill="#3081e3" rx="13" transform="scale(-1 1)"/><rect ry="11" rx="11" y="3" x="-24" height="22" width="22" style="fill:#000;fill-opacity:.2;stroke:none;stroke-width:.999999;marker:none" fill="#f8f7f7" transform="scale(-1 1)"/><rect ry="11" rx="11" y="2" x="-24" height="22" width="22" style="fill:#fff;fill-opacity:1;stroke:none;stroke-width:.999999;marker:none" fill="#f8f7f7" transform="scale(-1 1)"/></svg> (uuay)gnome-shell-prussiangreen-dark.css A� /* This stylesheet is generated, DO NOT EDIT */ /* Copyright 2009, 2015 Red Hat, Inc. * * Portions adapted from Mx's data/style/default.css * Copyright 2009 Intel Corporation * * This program is free software; you can redistribute it and/or modify it * under the terms and conditions of the GNU Lesser General Public License, * version 2.1, as published by the Free Software Foundation. * * This program is distributed in the hope it will be useful, but WITHOUT ANY * WARRANTY; without even the implied warranty of MERCHANTABILITY or FITNESS * FOR A PARTICULAR PURPOSE. See the GNU Lesser General Public License for * more details. * * You should have received a copy of the GNU Lesser General Public License * along with this program; if not, write to the Free Software Foundation, * Inc., 51 Franklin St - Fifth Floor, Boston, MA 02110-1301 USA. */ /* Global Values */ stage { font-size: 11pt; color: #F7F7F7; } /* Common Stylings */ .screenshot-ui-panel, .workspace-switcher, .switcher-list, .resize-popup, .osd-monitor-label, .osd-window { color: #eeeeec; background-color: rgba(29, 29, 29, 0.975); border: 1px solid #464646; border-radius: 999px; padding: 12px; box-shadow: 0 3px 9px 1px rgba(0, 0, 0, 0.5); } .workspace-thumbnails .workspace-thumbnail { color: #eeeeec; background-color: rgba(238, 238, 236, 0.1); } .app-well-app.app-folder .overview-icon, .app-folder.grid-search-result .overview-icon, .app-well-app .overview-icon, .grid-search-result .overview-icon, .dash-item-container .show-apps .overview-icon, .list-search-result, .search-provider-icon, .switcher-list .item-box { border-radius: 12px; padding: 6px; spacing: 6px; border: 2px solid transparent; transition-duration: 100ms; text-align: center; color: #eeeeec; } .modal-dialog { color: #F7F7F7; background-color: #1d1d1d; border-radius: 8.5px; border: 1px solid rgba(247, 247, 247, 0.15); } #LookingGlassDialog > #Toolbar .lg-toolbar-button, .pad-osd-window .button, .button, .app-folder-dialog .folder-name-container .edit-folder-button { border-radius: 4px; border-style: solid; border-width: 1px; font-weight: bold; padding: 3px 24px; color: #F7F7F7; background-color: #2c2c2c; } #LookingGlassDialog > #Toolbar .lg-toolbar-button:focus, .button:focus, .app-folder-dialog .folder-name-container .edit-folder-button:focus { color: #F7F7F7; background-color: #2c2c2c; box-shadow: inset 0 0 0 2px #43b6b3; } #LookingGlassDialog > #Toolbar .lg-toolbar-button:focus:hover, .button:focus:hover, .app-folder-dialog .folder-name-container .edit-folder-button:focus:hover { background-color: #343434; box-shadow: inset 0 0 0 2px #43b6b3; } #LookingGlassDialog > #Toolbar .lg-toolbar-button:focus:active, .button:focus:active, .app-folder-dialog .folder-name-container .edit-folder-button:focus:active { background-color: #3b3b3b; box-shadow: inset 0 0 0 2px #43b6b3; } #LookingGlassDialog > #Toolbar .lg-toolbar-button:hover, .button:hover, .app-folder-dialog .folder-name-container .edit-folder-button:hover { color: #F7F7F7; background-color: #343434; } #LookingGlassDialog > #Toolbar .lg-toolbar-button:insensitive, .button:insensitive, .app-folder-dialog .folder-name-container .edit-folder-button:insensitive { color: rgba(247, 247, 247, 0.5); background-color: rgba(247, 247, 247, 0.05); } #LookingGlassDialog > #Toolbar .lg-toolbar-button:active, .button:active, .app-folder-dialog .folder-name-container .edit-folder-button:active { color: #F7F7F7; background-color: #3b3b3b; } #LookingGlassDialog > #Toolbar .lg-toolbar-button:checked, .button:checked, .app-folder-dialog .folder-name-container .edit-folder-button:checked { color: #F7F7F7; background-color: #434343; } #LookingGlassDialog > #Toolbar .lg-toolbar-button:checked:hover, .button:checked:hover, .app-folder-dialog .folder-name-container .edit-folder-button:checked:hover { background-color: #4b4b4b; } #LookingGlassDialog > #Toolbar .lg-toolbar-button:checked:active, .button:checked:active, .app-folder-dialog .folder-name-container .edit-folder-button:checked:active { background-color: #525252; } .app-folder-dialog .folder-name-container .edit-folder-button { color: #F7F7F7; background-color: #2c2c2c; } .app-folder-dialog .folder-name-container .edit-folder-button:focus { color: #F7F7F7; background-color: #2c2c2c; box-shadow: inset 0 0 0 2px #43b6b3; } .app-folder-dialog .folder-name-container .edit-folder-button:focus:hover { background-color: #343434; box-shadow: inset 0 0 0 2px #43b6b3; } .app-folder-dialog .folder-name-container .edit-folder-button:focus:active { background-color: #3b3b3b; box-shadow: inset 0 0 0 2px #43b6b3; } .app-folder-dialog .folder-name-container .edit-folder-button:hover { color: #F7F7F7; background-color: #343434; } .app-folder-dialog .folder-name-container .edit-folder-button:insensitive { color: rgba(247, 247, 247, 0.5); background-color: rgba(247, 247, 247, 0.05); } .app-folder-dialog .folder-name-container .edit-folder-button:active { color: #F7F7F7; background-color: #3b3b3b; } .app-folder-dialog .folder-name-container .edit-folder-button:checked { color: #F7F7F7; background-color: #434343; } .app-folder-dialog .folder-name-container .edit-folder-button:checked:hover { background-color: #4b4b4b; } .app-folder-dialog .folder-name-container .edit-folder-button:checked:active { background-color: #525252; } .modal-dialog .modal-dialog-linked-button, .hotplug-notification-item, .notification-banner .notification-button { padding: 12px; color: #F7F7F7; background-color: #2c2c2c; } .modal-dialog .modal-dialog-linked-button:ltr, .hotplug-notification-item:ltr, .notification-banner .notification-button:ltr { margin-right: 1px; } .modal-dialog .modal-dialog-linked-button:rtl, .hotplug-notification-item:rtl, .notification-banner .notification-button:rtl { margin-left: 1px; } .modal-dialog .modal-dialog-linked-button:insensitive, .hotplug-notification-item:insensitive, .notification-banner .notification-button:insensitive { color: rgba(247, 247, 247, 0.5); background-color: rgba(247, 247, 247, 0.05); } .modal-dialog .modal-dialog-linked-button:focus, .hotplug-notification-item:focus, .notification-banner .notification-button:focus { color: #F7F7F7; background-color: #2c2c2c; box-shadow: inset 0 0 0 2px #43b6b3; } .modal-dialog .modal-dialog-linked-button:focus:hover, .hotplug-notification-item:focus:hover, .notification-banner .notification-button:focus:hover { background-color: #343434; box-shadow: inset 0 0 0 2px #43b6b3; } .modal-dialog .modal-dialog-linked-button:focus:active, .hotplug-notification-item:focus:active, .notification-banner .notification-button:focus:active { background-color: #3b3b3b; box-shadow: inset 0 0 0 2px #43b6b3; } .modal-dialog .modal-dialog-linked-button:hover, .hotplug-notification-item:hover, .notification-banner .notification-button:hover { color: #F7F7F7; background-color: #343434; } .modal-dialog .modal-dialog-linked-button:active, .hotplug-notification-item:active, .notification-banner .notification-button:active { color: #F7F7F7; background-color: #3b3b3b; } .modal-dialog .modal-dialog-linked-button:first-child:ltr, .hotplug-notification-item:first-child:ltr, .notification-banner .notification-button:first-child:ltr { border-radius: 0 0 0 7.5px; } .modal-dialog .modal-dialog-linked-button:last-child:ltr, .hotplug-notification-item:last-child:ltr, .notification-banner .notification-button:last-child:ltr { border-radius: 0 0 7.5px 0; margin-right: 0 !important; } .modal-dialog .modal-dialog-linked-button:first-child:rtl, .hotplug-notification-item:first-child:rtl, .notification-banner .notification-button:first-child:rtl { border-radius: 0 0 7.5px 0; margin-left: 0 !important; } .modal-dialog .modal-dialog-linked-button:last-child:rtl, .hotplug-notification-item:last-child:rtl, .notification-banner .notification-button:last-child:rtl { border-radius: 0 0 0 7.5px; margin-right: 0 !important; } .modal-dialog .modal-dialog-linked-button:first-child:last-child, .hotplug-notification-item:first-child:last-child, .notification-banner .notification-button:first-child:last-child { border-radius: 0 0 7.5px 7.5px !important; margin-left: 0 !important; margin-right: 0 !important; } .screenshot-ui-show-pointer-button, .screenshot-ui-type-button { background-color: transparent; background-color: none; } .screenshot-ui-show-pointer-button:insensitive, .screenshot-ui-type-button:insensitive { color: rgba(247, 247, 247, 0.5); background-color: rgba(247, 247, 247, 0.05); background-color: transparent; color: rgba(255, 255, 255, 0.5); } .screenshot-ui-show-pointer-button:insensitive, .screenshot-ui-type-button:insensitive { background-color: transparent; background-color: none; } .screenshot-ui-show-pointer-button:insensitive:insensitive, .screenshot-ui-type-button:insensitive:insensitive { color: rgba(247, 247, 247, 0.5); background-color: rgba(247, 247, 247, 0.05); background-color: transparent; color: rgba(255, 255, 255, 0.5); } .screenshot-ui-show-pointer-button:focus, .screenshot-ui-type-button:focus { color: #eeeeec; background-color: rgba(44, 44, 44, 0.97675); box-shadow: inset 0 0 0 2px #43b6b3; } .screenshot-ui-show-pointer-button:focus:hover, .screenshot-ui-type-button:focus:hover { background-color: rgba(52, 52, 52, 0.97675); box-shadow: inset 0 0 0 2px #43b6b3; } .screenshot-ui-show-pointer-button:focus:active, .screenshot-ui-type-button:focus:active { background-color: rgba(59, 59, 59, 0.97675); box-shadow: inset 0 0 0 2px #43b6b3; } .screenshot-ui-show-pointer-button:hover, .screenshot-ui-type-button:hover { color: #eeeeec; background-color: rgba(52, 52, 52, 0.97675); } .screenshot-ui-show-pointer-button:active, .screenshot-ui-type-button:active { color: #eeeeec; background-color: rgba(59, 59, 59, 0.97675); } .screenshot-ui-show-pointer-button:outlined, .screenshot-ui-type-button:outlined, .screenshot-ui-show-pointer-button:checked, .screenshot-ui-type-button:checked { color: #eeeeec; background-color: rgba(67, 67, 67, 0.97675); } .screenshot-ui-show-pointer-button:outlined:hover, .screenshot-ui-type-button:outlined:hover, .screenshot-ui-show-pointer-button:checked:hover, .screenshot-ui-type-button:checked:hover { background-color: rgba(75, 75, 75, 0.97675); } .screenshot-ui-show-pointer-button:outlined:active, .screenshot-ui-type-button:outlined:active, .screenshot-ui-show-pointer-button:checked:active, .screenshot-ui-type-button:checked:active { background-color: rgba(82, 82, 82, 0.97675); } /* General Typography */ .app-folder-dialog .folder-name-container .folder-name-label, .app-folder-dialog .folder-name-container .folder-name-entry, .search-statustext { font-weight: 800; font-size: 20pt; } .lg-debug-flags-header, .message-dialog-content .message-dialog-title, .message-list .message-list-placeholder, .datemenu-today-button .date-label { font-weight: 800; font-size: 15pt; } .nm-dialog-airplane-headline { font-weight: 700; font-size: 15pt; } .message-dialog-content .message-dialog-title.lightweight, .headline { font-weight: 700; font-size: 13pt; } .lg-extension-name, .osd-window, .nm-dialog-header, .dialog-list .dialog-list-title, .message-list-controls, .weather-button .weather-forecast-temp, .weather-button .weather-header, .world-clocks-button .world-clocks-time, .world-clocks-button .world-clocks-header, .events-button .events-title, .calendar .calendar-month-header .calendar-month-label, .datemenu-today-button .day-label, .popup-menu-ornament { font-weight: 700; font-size: 11pt; } .app-menu .popup-inactive-menu-item:first-child > StLabel { font-weight: 700; font-size: 9pt; } .login-dialog-not-listed-label, .lg-completions-text, .caps-lock-warning-label, #dash, .icon-label-button-container, .prompt-dialog-error-label, .prompt-dialog-info-label, .prompt-dialog-null-label, .run-dialog .run-dialog-description, .dialog-list .dialog-list-box .dialog-list-item .dialog-list-item-description, .weather-button .weather-forecast-time, .world-clocks-button .world-clocks-timezone, .events-button .event-time { font-weight: 400; font-size: 9pt; } .calendar .calendar-day-base.calendar-day-heading, .calendar .calendar-day-base { font-weight: 400; font-size: 8pt; } .unlock-dialog-clock-time, #panel, .weather-button .weather-forecast-time, .world-clocks-button .world-clocks-timezone, .world-clocks-button .world-clocks-time, .events-button .event-time, .calendar .calendar-day-base { font-feature-settings: "tnum"; } /* WIDGETS */ .shell-link { color: #57c1be; } .shell-link:hover { color: #7ccfcd; } .lowres-icon { icon-shadow: 0 1px 2px rgba(0, 0, 0, 0.3); } .icon-dropshadow { icon-shadow: 0 1px 5px rgba(0, 0, 0, 0.8); } /* Entries */ StEntry { min-height: 22px; border-radius: 6px; padding: 8px; border-width: 1px; color: #F7F7F7; background-color: #1d1d1d; color: rgba(247, 247, 247, 0.7); border: 1px solid #464646; selection-background-color: #308280; selected-color: #FFFFFF; } StEntry:hover { background-color: #1d1d1d; border-color: #535353; color: #F7F7F7; } StEntry:focus { background-color: #1d1d1d; border-color: #43b6b3; box-shadow: 0 0 0 1px #43b6b3 inset; color: #F7F7F7; } StEntry:insensitive { background-color: #2c2c2c; border-color: #2c2c2c; color: #8a8a8a; } StEntry StIcon.capslock-warning { icon-size: 16px; warning-color: #f99b11; padding: 0 4px; } StEntry StIcon.peek-password { icon-size: 1.09em; padding: 0 4px; } StEntry StLabel.hint-text { margin-left: 2px; color: rgba(247, 247, 247, 0.7); } /* Buttons */ .button { min-height: 22px; } /* Check Boxes */ .check-box StBoxLayout { spacing: .8em; } .check-box StBin { width: 24px; height: 22px; background-image: url("resource:///org/gnome/shell/theme/checkbox-off-prussiangreen-dark.svg"); } .check-box:focus StBin { background-image: url("resource:///org/gnome/shell/theme/checkbox-off-focused-prussiangreen-dark.svg"); } .check-box:checked StBin { background-image: url("resource:///org/gnome/shell/theme/checkbox-prussiangreen-dark.svg"); } .check-box:focus:checked StBin { background-image: url("resource:///org/gnome/shell/theme/checkbox-focused-prussiangreen-dark.svg"); } /* Switches */ .toggle-switch { color: #F7F7F7; height: 26px; width: 48px; background-size: contain; background-image: url("resource:///org/gnome/shell/theme/toggle-off-prussiangreen-dark.svg"); } .toggle-switch:checked { background-image: url("resource:///org/gnome/shell/theme/toggle-on-prussiangreen-dark.svg"); } /* Slider */ .slider { -barlevel-height: 4px; -barlevel-background-color: rgba(247, 247, 247, 0.2); -barlevel-border-width: 2px; -barlevel-border-color: transparent; -barlevel-active-background-color: #308280; -barlevel-active-border-color: transparent; -barlevel-overdrive-color: #991121; -barlevel-overdrive-border-color: transparent; -barlevel-overdrive-separator-width: 1px; -slider-handle-border-width: 0; -slider-handle-border-color: transparent; -slider-handle-radius: 8px; color: #fcfcfc; height: 16px; } /* Scrollbars */ StScrollView.vfade { -st-vfade-offset: 68px; } StScrollView.hfade { -st-hfade-offset: 68px; } StScrollBar { padding: 0; } StScrollView StScrollBar { min-width: 8px; min-height: 8px; } StScrollBar StBin#trough { border-radius: 0; background-color: transparent; } StScrollBar StButton#vhandle, StScrollBar StButton#hhandle { border-radius: 8px; background-color: #5e5e5e; border: 3px solid transparent; transition: 500ms all ease; } StScrollBar StButton#vhandle:hover, StScrollBar StButton#hhandle:hover { background-color: #8a8a8a; } StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { background-color: #747474; } /* Popovers/Menus */ .popup-menu-boxpointer, .candidate-popup-boxpointer { -arrow-rise: 6px; } .popup-menu { min-width: 15em; color: #F7F7F7; } .popup-menu.panel-menu { margin-bottom: 1.75em; } .popup-menu-content, .candidate-popup-content { padding: 6px; border-radius: 10px; border: 1px solid rgba(247, 247, 247, 0.15); box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.1); background-color: #1d1d1d; } .popup-menu-item { padding: 9px 12px; border-radius: 6px; spacing: 6px; transition: 0.2s all ease; background-color: transparent; } .popup-menu-item:ltr { padding-left: 6px; } .popup-menu-item:rtl { padding-right: 6px; } .popup-menu-item:focus, .popup-menu-item:hover { background-color: rgba(247, 247, 247, 0.1) !important; } .popup-menu-item:focus:active, .popup-menu-item:hover:active { background-color: rgba(247, 247, 247, 0.2) !important; } .popup-menu-item:checked { background-color: #343434 !important; } .popup-menu-item:checked { margin-bottom: 0; box-shadow: inset 0 -1px 0 0 #272727; border-radius: 6px 6px 0 0; } .popup-menu-item:checked:focus, .popup-menu-item:checked:hover { background-color: #434343 !important; } .popup-menu-item:checked:active { background-color: #4b4b4b !important; } .popup-menu-item:active { background-color: #4b4b4b; color: #efefef; } .popup-menu-item:insensitive { color: rgba(247, 247, 247, 0.5); } .popup-menu-item .toggle-switch:ltr { margin-left: 4px; } .popup-menu-item .toggle-switch:rtl { margin-right: 4px; } .popup-inactive-menu-item { color: #F7F7F7; } .popup-inactive-menu-item:insensitive { color: #8a8a8a; } .popup-menu-arrow, .popup-menu-icon { icon-size: 16px !important; } .popup-sub-menu { background-color: #343434; border-radius: 0 0 6px 6px; } .popup-sub-menu .popup-menu-ornament { min-width: 1.09em !important; } .popup-sub-menu .popup-menu-item { border-radius: 0; margin: 0; } .popup-sub-menu .popup-menu-item:last-child { border-radius: 0 0 6px 6px; } .popup-sub-menu .popup-menu-item:focus, .popup-sub-menu .popup-menu-item:hover { background-color: rgba(255, 255, 255, 0.1) !important; } .popup-sub-menu .popup-menu-item:checked { background-color: #4e4e4e !important; } .popup-sub-menu .popup-menu-item:checked:focus, .popup-sub-menu .popup-menu-item:checked:hover { background-color: #484848 !important; } .popup-sub-menu .popup-menu-item:active { background-color: rgba(255, 255, 255, 0.2) !important; } .popup-sub-menu .popup-menu-section .popup-menu-item:last-child:hover, .popup-sub-menu .popup-menu-section .popup-menu-item:last-child:focus { border-radius: 0; } .popup-sub-menu .popup-menu-section:last-child .popup-menu-item:last-child { border-radius: 0 0 6px 6px; } .popup-menu-ornament { width: 1.2em; text-align: center !important; } .popup-menu-ornament:ltr { text-align: right; } .popup-menu-ornament:rtl { text-align: left; } .popup-separator-menu-item { margin: 6px 0; padding: 0 !important; } .popup-separator-menu-item:ltr { margin-right: 4px; } .popup-separator-menu-item:rtl { margin-left: 4px; } .popup-separator-menu-item .popup-separator-menu-item-separator { height: 1px; background-color: #464646; } .popup-separator-menu-item .popup-menu-ornament { width: 0 !important; } .popup-sub-menu .popup-separator-menu-item { background-color: transparent; } .popup-sub-menu .popup-separator-menu-item:ltr { margin-right: 2.5em; } .popup-sub-menu .popup-separator-menu-item:rtl { margin-left: 2.5em; } .popup-sub-menu .popup-separator-menu-item .popup-separator-menu-item-separator { background-color: #585858; } .background-menu { -boxpointer-gap: 0px; -arrow-rise: 0px; } .aggregate-menu { min-width: 22em; } .aggregate-menu .popup-menu-ornament { width: 0 !important; } .aggregate-menu .popup-menu-icon { -st-icon-style: symbolic; } .aggregate-menu .popup-menu-icon:ltr { margin-right: 8px; } .aggregate-menu .popup-menu-icon:rtl { margin-left: 8px; } .aggregate-menu .popup-sub-menu .popup-menu-item > :first-child:ltr { margin-left: 1em; } .aggregate-menu .popup-sub-menu .popup-menu-item > :first-child:rtl { margin-right: 1em; } .app-menu { max-width: 27.25em; } .app-menu .popup-menu-ornament { width: 0 !important; } .app-menu .popup-inactive-menu-item:first-child > StLabel:ltr { margin-right: 8px; } .app-menu .popup-inactive-menu-item:first-child > StLabel:rtl { margin-left: 8px; } /* Date/Time Menu */ #calendarArea { padding: 4px; } .datemenu-calendar-column { spacing: 6px; } .datemenu-calendar-column:ltr { padding-left: 6px; } .datemenu-calendar-column:rtl { padding-right: 6px; } .datemenu-calendar-column .datemenu-displays-box { spacing: 6px; } /* today button (the date) */ .datemenu-today-button { border-radius: 6px; margin: 4px; box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.1); background-color: transparent; background-color: none; box-shadow: none !important; padding: 9px; } .datemenu-today-button:insensitive { color: rgba(247, 247, 247, 0.5); background-color: rgba(247, 247, 247, 0.05); background-color: transparent; color: rgba(255, 255, 255, 0.5); } .datemenu-today-button:focus { color: #F7F7F7; background-color: #2c2c2c; box-shadow: inset 0 0 0 2px #43b6b3; } .datemenu-today-button:focus:hover { background-color: #343434; box-shadow: inset 0 0 0 2px #43b6b3; } .datemenu-today-button:focus:active { background-color: #3b3b3b; box-shadow: inset 0 0 0 2px #43b6b3; } .datemenu-today-button:hover { color: #F7F7F7; background-color: #343434; } .datemenu-today-button:active { color: #F7F7F7; background-color: #3b3b3b; } .datemenu-today-button:insensitive .day-label, .datemenu-today-button:insensitive .date-label { color: #8a8a8a; } /* Calendar */ .calendar { border-radius: 6px; margin: 4px; box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.1); background-color: transparent; background-color: none; box-shadow: none !important; margin-top: 0; } .calendar:insensitive { color: rgba(247, 247, 247, 0.5); background-color: rgba(247, 247, 247, 0.05); background-color: transparent; color: rgba(255, 255, 255, 0.5); } .calendar:focus { color: #F7F7F7; background-color: #2c2c2c; box-shadow: inset 0 0 0 2px #43b6b3; } .calendar:focus:hover { background-color: #343434; box-shadow: inset 0 0 0 2px #43b6b3; } .calendar:focus:active { background-color: #3b3b3b; box-shadow: inset 0 0 0 2px #43b6b3; } .calendar:hover { color: #F7F7F7; background-color: #343434; } .calendar:active { color: #F7F7F7; background-color: #3b3b3b; } .calendar .calendar-month-header .calendar-change-month-back StIcon, .calendar .calendar-month-header .calendar-change-month-forward StIcon { icon-size: 1.09em; } .calendar .calendar-month-header .calendar-month-label { color: white; padding: 8px 0; } .calendar .calendar-month-header .pager-button { background-color: transparent; height: 32px; width: 32px; margin: 2px; border-radius: 4px; } .calendar .calendar-month-header .pager-button:hover, .calendar .calendar-month-header .pager-button:focus { background-color: rgba(247, 247, 247, 0.1); } .calendar .calendar-month-header .pager-button:active { background-color: rgba(247, 247, 247, 0.2); } .calendar .calendar-day-base { text-align: center; margin: 2px; padding: 0 !important; height: 3em !important; width: 3em !important; border-radius: 99px; } .calendar .calendar-day-base:hover { background-color: rgba(247, 247, 247, 0.1); } .calendar .calendar-day-base:focus { background-color: #213131; box-shadow: inset 0 0 0 2px rgba(48, 130, 128, 0.6); } .calendar .calendar-day-base:active, .calendar .calendar-day-base:selected { color: #efefef; background-color: rgba(247, 247, 247, 0.2); } .calendar .calendar-day-base:active:focus, .calendar .calendar-day-base:selected:focus { background-color: rgba(109, 166, 165, 0.36); } .calendar .calendar-day-base.calendar-day-heading { color: #8a8a8a; padding-top: 6px; height: 16px !important; font-weight: bold; } .calendar .calendar-nonwork-day { color: #8a8a8a; } .calendar .calendar-other-month-day { color: rgba(247, 247, 247, 0.5); } .calendar .calendar-other-month-day.calendar-nonwork-day { color: rgba(138, 138, 138, 0.5); } .calendar .calendar-today { background-color: #308280; font-weight: 800; color: #FFFFFF !important; } .calendar .calendar-today:hover, .calendar .calendar-today:focus { background-color: #348d8b; color: inherit; } .calendar .calendar-today:active, .calendar .calendar-today:selected { background-color: #308280; color: inherit; } .calendar .calendar-today:active:hover, .calendar .calendar-today:active:focus, .calendar .calendar-today:selected:hover, .calendar .calendar-today:selected:focus { background-color: #348d8b; color: inherit; } .calendar .calendar-day-with-events { background-image: url("resource:///org/gnome/shell/theme/calendar-today.svg"); background-size: contain; } .calendar .calendar-week-number { font-size: 7pt; font-weight: bold; font-feature-settings: "tnum"; margin: 6px; padding: 0 6px; border-radius: 3px; background-color: #181818; color: #8a8a8a; } /* Events */ .events-button { border-radius: 6px; margin: 4px; box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.1); color: #F7F7F7; background-color: #2c2c2c; padding: 12px; } .events-button:focus { color: #F7F7F7; background-color: #2c2c2c; box-shadow: inset 0 0 0 2px #43b6b3; } .events-button:focus:hover { background-color: #343434; box-shadow: inset 0 0 0 2px #43b6b3; } .events-button:focus:active { background-color: #3b3b3b; box-shadow: inset 0 0 0 2px #43b6b3; } .events-button:hover { color: #F7F7F7; background-color: #343434; } .events-button:active { color: #F7F7F7; background-color: #3b3b3b; } .events-button .events-box { spacing: 6px; } .events-button .events-list { spacing: 12px; } .events-button .events-title { color: #8a8a8a; margin-bottom: 4px; } .events-button .event-time { color: #8a8a8a; } /* World clocks */ .world-clocks-button { border-radius: 6px; margin: 4px; box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.1); color: #F7F7F7; background-color: #2c2c2c; padding: 12px; } .world-clocks-button:focus { color: #F7F7F7; background-color: #2c2c2c; box-shadow: inset 0 0 0 2px #43b6b3; } .world-clocks-button:focus:hover { background-color: #343434; box-shadow: inset 0 0 0 2px #43b6b3; } .world-clocks-button:focus:active { background-color: #3b3b3b; box-shadow: inset 0 0 0 2px #43b6b3; } .world-clocks-button:hover { color: #F7F7F7; background-color: #343434; } .world-clocks-button:active { color: #F7F7F7; background-color: #3b3b3b; } .world-clocks-button .world-clocks-grid { spacing-rows: 6px; spacing-columns: 12px; } .world-clocks-button .world-clocks-header { color: #8a8a8a; } .world-clocks-button .world-clocks-city { color: #F7F7F7; } .world-clocks-button .world-clocks-time { color: #F7F7F7; } .world-clocks-button .world-clocks-time:ltr { text-align: right; } .world-clocks-button .world-clocks-time:rtl { text-align: left; } .world-clocks-button .world-clocks-timezone { color: #8a8a8a; } /* Weather */ .weather-button { border-radius: 6px; margin: 4px; box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.1); color: #F7F7F7; background-color: #2c2c2c; padding: 12px; } .weather-button:focus { color: #F7F7F7; background-color: #2c2c2c; box-shadow: inset 0 0 0 2px #43b6b3; } .weather-button:focus:hover { background-color: #343434; box-shadow: inset 0 0 0 2px #43b6b3; } .weather-button:focus:active { background-color: #3b3b3b; box-shadow: inset 0 0 0 2px #43b6b3; } .weather-button:hover { color: #F7F7F7; background-color: #343434; } .weather-button:active { color: #F7F7F7; background-color: #3b3b3b; } .weather-button .weather-box { spacing: 10px; } .weather-button .weather-header-box { spacing: 6px; } .weather-button .weather-header { color: #8a8a8a; } .weather-button .weather-header.location { font-weight: normal; } .weather-button .weather-grid { spacing-rows: 6px; spacing-columns: 12px; } .weather-button .weather-forecast-time { color: #ababab; padding-top: 0.2em; padding-bottom: 0.4em; } .weather-button .weather-forecast-icon { icon-size: 2.18em; } /* Message List */ .message-list { width: 29em; border: solid #464646; } .message-list:ltr { margin-left: 0; margin-right: 4px; padding-right: 6px; border-right-width: 1px; } .message-list:rtl { margin-right: 0; margin-left: 4px; padding-left: 6px; border-left-width: 1px; } .message-list .message-list-placeholder { color: rgba(138, 138, 138, 0.5); } .message-list .message-list-placeholder > StIcon { icon-size: 3.27em; margin-bottom: 12px; -st-icon-style: symbolic; } .message-list-sections { spacing: 6px; margin: 0; padding-bottom: 6px; } .message-list-sections:ltr { margin-right: 12px; } .message-list-sections:rtl { margin-left: 12px; } .message-list-section, .message-list-section-list { spacing: 6px; } .message-list-controls { padding: 6px; spacing: 6px; } .message-list-controls .dnd-button { border-width: 2px; border-color: transparent; border-radius: 32px; border-style: solid; } .message-list-controls .dnd-button:focus { border-color: #43b6b3; } .message { border-radius: 6px; margin: 4px; box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.1); color: #F7F7F7; background-color: #2c2c2c; } .message:focus { color: #F7F7F7; background-color: #2c2c2c; box-shadow: inset 0 0 0 2px #43b6b3; } .message:focus:hover { background-color: #343434; box-shadow: inset 0 0 0 2px #43b6b3; } .message:focus:active { background-color: #3b3b3b; box-shadow: inset 0 0 0 2px #43b6b3; } .message:hover { color: #F7F7F7; background-color: #343434; } .message:active { color: #F7F7F7; background-color: #3b3b3b; } .message .message-icon-bin { padding: 18px; } .message .message-icon-bin:ltr { padding-right: 6px; } .message .message-icon-bin:rtl { padding-left: 6px; } .message .message-icon-bin > StIcon { icon-size: 2.18em; -st-icon-style: symbolic; } .message .message-icon-bin > .fallback-app-icon { width: 1.09em; height: 1.09em; } .message .message-content { spacing: 4px; padding: 9px; margin-bottom: 8px; } .message .message-title { font-weight: bold; /* HACK: the label should be baseline-aligned with a 1em label, fake this with some bottom padding */ padding-top: 0.57em; } .message .message-secondary-bin { padding: 0 8px; } .message .message-secondary-bin > .event-time { color: rgba(247, 247, 247, 0.5); font-size: 9pt; /* HACK: the label should be baseline-aligned with a 1em label, fake this with some bottom padding */ padding-bottom: 0.13em; } .message .message-secondary-bin > .event-time:ltr { text-align: right; } .message .message-secondary-bin > .event-time:rtl { text-align: left; } .message .message-close-button { color: #F7F7F7; background-color: rgba(247, 247, 247, 0.1); border-radius: 99px; padding: 5px; margin: 1px; } .message .message-close-button:hover { background-color: rgba(247, 247, 247, 0.2); } .message .message-close-button:active { background-color: rgba(247, 247, 247, 0.1); } .message .message-body { color: #dedede; } .url-highlighter { link-color: #57c1be; } /* Media Controls */ .message-media-control { padding: 0 18px; margin: 12px 0; border-radius: 6px; color: #F7F7F7; } .message-media-control:hover { background-color: rgba(255, 255, 255, 0.1); color: #F7F7F7; } .message-media-control:active { background-color: rgba(247, 247, 247, 0.2); color: #F7F7F7; } .message-media-control:insensitive { color: #979797; } .message-media-control:last-child:ltr { margin-right: 12px; } .message-media-control:last-child:rtl { margin-left: 12px; } .media-message-cover-icon { icon-size: 3.27em !important; border-radius: 6px; } .media-message-cover-icon.fallback { color: #cccccc; background-color: #1d1d1d; border: 1px solid transparent; border-radius: 6px; icon-size: 2.18em !important; padding: 14px; } .candidate-popup-content { padding: 6px; spacing: 6px; } .candidate-index { padding: 0; padding-right: 6px; color: #8a8a8a; } .candidate-box { padding: 6px 12px 6px 12px; border-radius: 6px; } .candidate-box:selected { background-color: #308280; color: #FFFFFF; } .candidate-box:hover { background-color: rgba(247, 247, 247, 0.1); color: #F7F7F7; } .candidate-page-button-box { height: 2em; } .vertical .candidate-page-button-box { padding-top: 12px; } .horizontal .candidate-page-button-box { padding-left: 12px; } .candidate-page-button { padding: 6px; } .candidate-page-button-previous { border-radius: 6px 0px 0px 6px; border-right-width: 0; box-shadow: none; } .candidate-page-button-next { border-radius: 0px 6px 6px 0px; box-shadow: none; } .candidate-page-button-icon { icon-size: 1.09em; } /* Notifications & Message Tray */ .notification-banner { min-height: 64px; width: 34em; box-shadow: 0 2px 4px 2px rgba(0, 0, 0, 0.1); border-radius: 9px; margin: 4px; background-color: #1d1d1d; } .notification-banner .notification-actions { spacing: 0; } .notification-banner:hover { background-color: #222222; } .notification-banner:active { background-color: #272727; } .notification-banner, .notification-banner:hover, .notification-banner:focus, .notification-banner:active { box-shadow: 0 0 4px 2px rgba(0, 0, 0, 0.1); border: 1px solid #464646; } .summary-source-counter { font-size: 10pt; font-weight: bold; height: 1.6em; width: 1.6em; -shell-counter-overlap-x: 3px; -shell-counter-overlap-y: 3px; background-color: #308280; color: #FFFFFF; border: 2px solid #F7F7F7; box-shadow: 0 2px 2px rgba(0, 0, 0, 0.5); border-radius: 0.9em; } .chat-body { spacing: 5px; } .chat-response { margin: 5px; } .chat-log-message { color: #dedede; } .chat-new-group { padding-top: 1em; } .chat-received { padding-left: 4px; } .chat-received:rtl { padding-left: 0px; padding-right: 4px; } .chat-sent { padding-left: 18pt; color: white; } .chat-sent:rtl { padding-left: 0; padding-right: 18pt; } .chat-meta-message { padding-left: 4px; font-size: 9pt; font-weight: bold; color: white; } .chat-meta-message:rtl { padding-left: 0; padding-right: 4px; } .hotplug-notification-item-icon { icon-size: 24px; padding: 0 4px; } /* Modal Dialogs */ .modal-dialog .modal-dialog-content-box { margin: 32px 40px; spacing: 32px; max-width: 28em; } /* End Session Dialog */ .end-session-dialog { width: 30em; } .end-session-dialog .end-session-dialog-battery-warning, .end-session-dialog .dialog-list-title { color: #f99b11; } /* Message Dialog */ .message-dialog-content { spacing: 18px; } .message-dialog-content .message-dialog-title { text-align: center; } .message-dialog-content .message-dialog-description { text-align: center; } /* Dialog List */ .dialog-list { spacing: 18px; } .dialog-list .dialog-list-title { text-align: center; } .dialog-list .dialog-list-scrollview { max-height: 200px; } .dialog-list .dialog-list-box { spacing: 1em; } .dialog-list .dialog-list-box .dialog-list-item { spacing: 1em; } .dialog-list .dialog-list-box .dialog-list-item .dialog-list-item-title { font-weight: bold; } .dialog-list .dialog-list-box .dialog-list-item .dialog-list-item-description { color: #eaeaea; } /* Run Dialog */ .run-dialog .modal-dialog-content-box { margin-top: 24px; margin-bottom: 14px; } .run-dialog .run-dialog-entry { width: 20em; } .run-dialog .run-dialog-description { text-align: center; color: #c4c4c4; } /* Password or Authentication Dialog */ .prompt-dialog { width: 28em; } .prompt-dialog .modal-dialog-content-box { margin-bottom: 24px; } .prompt-dialog-password-grid { spacing-rows: 8px; spacing-columns: 4px; } .prompt-dialog-password-grid .prompt-dialog-password-entry { width: auto; } .prompt-dialog-password-grid .prompt-dialog-password-entry:ltr { margin-left: 20px; } .prompt-dialog-password-grid .prompt-dialog-password-entry:rtl { margin-right: 20px; } .prompt-dialog-password-layout { spacing: 8px; } .prompt-dialog-password-entry { width: 20em; } .prompt-dialog-error-label, .prompt-dialog-info-label, .prompt-dialog-null-label { text-align: center; } .prompt-dialog-error-label { color: #f99b11; } /* Polkit Dialog */ .polkit-dialog-user-layout { text-align: center; spacing: 8px; margin-bottom: 6px; } .polkit-dialog-user-layout .polkit-dialog-user-root-label { color: #f99b11; } /* Audio selection dialog */ .audio-device-selection-dialog .modal-dialog-content-box { margin-bottom: 28px; } .audio-device-selection-dialog .audio-selection-box { spacing: 20px; } .audio-selection-device { border-radius: 12px; } .audio-selection-device:hover, .audio-selection-device:focus { background-color: rgba(247, 247, 247, 0.1); } .audio-selection-device:active { background-color: #308280; color: #FFFFFF; } .audio-selection-device-box { padding: 20px; spacing: 20px; } .audio-selection-device-icon { icon-size: 4.36em; } /* Welcome dialog */ .welcome-dialog-image { background-image: url("resource:///org/gnome/shell/theme/gnome-shell-start.svg"); background-size: contain; /* Reasonable maximum dimensions */ height: 300px; width: 300px; } /* Select Network dialogs */ .nm-dialog { max-height: 34em; min-height: 31em; min-width: 32em; } .nm-dialog-content { spacing: 20px; padding: 24px; } .nm-dialog-subheader { color: #8a8a8a; } .nm-dialog-header-icon { icon-size: 2.18em; } .nm-dialog-header-hbox { spacing: 10px; } .nm-dialog-scroll-view { padding: 6px; border-radius: 6px; background-color: #222222; } .nm-dialog-item { padding: 12px; } .nm-dialog-item:selected { background-color: #308280; border-radius: 3px; color: #FFFFFF; } .nm-dialog-item:hover { background-color: rgba(247, 247, 247, 0.1); } .nm-dialog-icon { icon-size: 1.09em; } .nm-dialog-icons { spacing: 12px; } .no-networks-box { spacing: 6px; } .no-networks-label { color: #8a8a8a; } .nm-dialog-airplane-box { text-align: center; spacing: 12px; } .nm-dialog-airplane-text { color: #8a8a8a; } /* OSD */ .osd-window { text-align: center; font-weight: bold; spacing: 12px; padding: 12px 18px; margin-bottom: 4em; } .osd-window > * { spacing: 8px; } .osd-window StIcon { icon-size: 2.18em; } .osd-window StLabel:ltr { margin-right: 6px; } .osd-window StLabel:rtl { margin-left: 6px; } .osd-window .level { margin-bottom: 4px; height: 6px; min-width: 10.9em; -barlevel-height: 6px; -barlevel-background-color: rgba(238, 238, 236, 0.1); -barlevel-active-background-color: #eeeeec; -barlevel-overdrive-color: #991121; -barlevel-overdrive-separator-width: 3px; } .osd-window .level:first-child { margin-bottom: 0px; } .osd-window .level:ltr { margin-right: 6px; } .osd-window .level:rtl { margin-left: 6px; } .osd-monitor-label { border-radius: 12px; font-size: 3em; font-weight: bold; margin: 12px; text-align: center; min-width: 1.3em; } /* Pad OSD */ .pad-osd-window { padding: 32px; background-color: rgba(29, 29, 29, 0.975); color: #eeeeec; } .pad-osd-window .button:insensitive { color: #F7F7F7; } .pad-osd-window .pad-osd-title-box { spacing: 12px; } .pad-osd-window .pad-osd-title-menu-box { spacing: 6px; } .combo-box-label { width: 15em; } /* App Switcher */ .switcher-popup { padding: 0; spacing: 24px; } .switcher-list { padding: 10px; border-radius: 20px; box-shadow: 0 8px 8px 0 rgba(0, 0, 0, 0.1); } .switcher-list .switcher-list-item-container { spacing: 12px; } .switcher-list .item-box { background-color: transparent; } .switcher-list .item-box:hover { background-color: rgba(238, 238, 236, 0.1); } .switcher-list .item-box:selected, .switcher-list .item-box:focus { background-color: rgba(238, 238, 236, 0.13); } .switcher-list .item-box:selected:hover, .switcher-list .item-box:focus:hover { background-color: rgba(238, 238, 236, 0.16); } .switcher-list .item-box:selected:active, .switcher-list .item-box:focus:active { background-color: rgba(238, 238, 236, 0.13); } .switcher-list .item-box:active { background-color: rgba(238, 238, 236, 0.16); } .switcher-list .item-box:outlined, .switcher-list .item-box:checked { background-color: rgba(238, 238, 236, 0.19); } .switcher-list .item-box:outlined:active, .switcher-list .item-box:checked:active { background-color: rgba(238, 238, 236, 0.22); } .switcher-list .item-box:outlined:hover, .switcher-list .item-box:checked:hover { background-color: rgba(238, 238, 236, 0.25); } .switcher-list .item-box:drop { border: 2px solid rgba(48, 130, 128, 0.8); background-color: rgba(48, 130, 128, 0.2); } .switcher-list .item-box:hover { background: none; } .switcher-list .separator { width: 1px; background: #464646; } .switcher-list .thumbnail-box { padding: 2px; spacing: 6px; } .switcher-list .thumbnail { width: 256px; border-radius: 6px; } .switcher-arrow { border-color: rgba(0, 0, 0, 0); color: rgba(238, 238, 236, 0.8); } .switcher-arrow:highlighted { border-color: #eeeeec; color: #eeeeec; } .input-source-switcher-symbol { font-size: 34pt; width: 96px; height: 96px; } .cycler-highlight { border: 5px solid #308280; } /* Workspace Switcher */ .workspace-switcher { margin-bottom: 4em; spacing: 12px; padding: 12px 18px; } .ws-switcher-indicator { background-color: rgba(238, 238, 236, 0.5); padding: 0.1816666667em; margin: 0.9083333333em; border-radius: 2.18em; } .ws-switcher-indicator:active { background-color: #eeeeec; padding: 0.3633333333em; margin: 0.7266666667em; } .icon-label-button-container { spacing: 6px; } .icon-label-button-container StIcon { icon-size: 32px; } .screenshot-ui-panel { border-radius: 33px; padding: 18px; padding-bottom: 12px; margin-bottom: 4em; spacing: 12px; } .screenshot-ui-close-button { padding: 6px; } .screenshot-ui-close-button.left { margin-left: 8px; } .screenshot-ui-close-button.right { margin-right: 8px; } .screenshot-ui-type-button { padding: 12px 18px !important; border-radius: 15px; } .screenshot-ui-capture-button { width: 36px; height: 36px; border-radius: 99px; border: 4px #eeeeec; padding: 4px; } .screenshot-ui-capture-button .screenshot-ui-capture-button-circle { background-color: #eeeeec; transition-duration: 200ms; border-radius: 99px; } .screenshot-ui-capture-button .screenshot-ui-capture-button-circle:hover, .screenshot-ui-capture-button .screenshot-ui-capture-button-circle:focus { background-color: rgba(247, 247, 247, 0.1); } .screenshot-ui-capture-button:hover .screenshot-ui-capture-button-circle, .screenshot-ui-capture-button:focus .screenshot-ui-capture-button-circle { background-color: #cacac4; } .screenshot-ui-capture-button:active .screenshot-ui-capture-button-circle { background-color: #747467; } .screenshot-ui-capture-button:cast .screenshot-ui-capture-button-circle { background-color: #c7162b; } .screenshot-ui-capture-button:cast:hover .screenshot-ui-capture-button-circle, .screenshot-ui-capture-button:cast:focus .screenshot-ui-capture-button-circle { background-color: #de1930; } .screenshot-ui-capture-button:cast:active .screenshot-ui-capture-button-circle { background-color: #a71224; } .screenshot-ui-shot-cast-container { background-color: rgba(247, 247, 247, 0.1); border-radius: 12px; padding: 3px; spacing: 3px; } .screenshot-ui-shot-cast-container:ltr { margin-left: 3px; } .screenshot-ui-shot-cast-container:rtl { margin-right: 3px; } .screenshot-ui-shot-cast-button { padding: 6px 12px; background-color: transparent; border-radius: 9px; } .screenshot-ui-shot-cast-button:hover, .screenshot-ui-shot-cast-button:focus { background-color: rgba(255, 255, 255, 0.1); } .screenshot-ui-shot-cast-button:active { background-color: rgba(255, 255, 255, 0.2); } .screenshot-ui-shot-cast-button:checked { background-color: white; color: black; } .screenshot-ui-shot-cast-button StIcon { icon-size: 1.09em; } .screenshot-ui-show-pointer-button { border-radius: 99px; padding: 12px !important; } .screenshot-ui-show-pointer-button StIcon { icon-size: 1.09em; } .screenshot-ui-area-indicator-shade { background-color: rgba(0, 0, 0, 0.3); } .screenshot-ui-area-selector .screenshot-ui-area-indicator-shade { background-color: rgba(0, 0, 0, 0.5); } .screenshot-ui-area-selector .screenshot-ui-area-indicator-selection { border: 2px white; } .screenshot-ui-area-selector-handle { border-radius: 99px; background-color: white; box-shadow: 0 1px 3px 2px rgba(0, 0, 0, 0.2); width: 24px; height: 24px; } .screenshot-ui-window-selector { background-color: #222222; } .screenshot-ui-window-selector .screenshot-ui-window-selector-window-container { margin: 100px; } .screenshot-ui-window-selector:primary-monitor .screenshot-ui-window-selector-window-container { margin-bottom: 200px; } .screenshot-ui-window-selector-window-border { transition-duration: 200ms; border-radius: 12px; border: 6px transparent; } .screenshot-ui-window-selector-check { transition-duration: 200ms; color: transparent; border-radius: 99px; border-width: 12px; icon-size: 24px; } .screenshot-ui-window-selector-window:hover .screenshot-ui-window-selector-window-border { border-color: #1b4a49; } .screenshot-ui-window-selector-window:checked .screenshot-ui-window-selector-window-border { border-color: #308280; background-color: rgba(48, 130, 128, 0.2); } .screenshot-ui-window-selector-window:checked .screenshot-ui-window-selector-check { color: #FFFFFF; background-color: #308280; } .screenshot-ui-screen-selector { transition-duration: 200ms; background-color: rgba(0, 0, 0, 0.5); } .screenshot-ui-screen-selector:hover { background-color: rgba(0, 0, 0, 0.3); } .screenshot-ui-screen-selector:active { background-color: rgba(0, 0, 0, 0.7); } .screenshot-ui-screen-selector:checked { background-color: transparent; border: 2px white; } .screenshot-ui-tooltip { color: #eeeeec; background-color: rgba(29, 29, 29, 0.975); border-radius: 99px; padding: 6px 12px; text-align: center; -y-offset: 24px; } /* Top Bar */ #panel { background-color: #131313; font-weight: bold; height: 1.86em; transition-duration: 250ms; } #panel.unlock-screen, #panel.login-screen { background-color: transparent; } #panel .panel-button { font-weight: bold; color: #f2f2f2; -natural-hpadding: 12px; -minimum-hpadding: 6px; transition-duration: 150ms; border: 3px solid transparent; border-radius: 99px; } #panel .panel-button.clock-display .clock { transition-duration: 150ms; border: 3px solid transparent; border-radius: 99px; } #panel .panel-button.screen-recording-indicator { box-shadow: inset 0 0 0 100px #c7162b; } #panel .panel-button.screen-recording-indicator StBoxLayout { spacing: 6px; } #panel .panel-button.screen-recording-indicator StIcon { icon-size: 1.09em; } #panel .panel-button:active, #panel .panel-button:overview, #panel .panel-button:focus, #panel .panel-button:checked { box-shadow: inset 0 0 0 100px rgba(242, 242, 242, 0.2); } #panel .panel-button:active.clock-display, #panel .panel-button:overview.clock-display, #panel .panel-button:focus.clock-display, #panel .panel-button:checked.clock-display { box-shadow: none; } #panel .panel-button:active.clock-display .clock, #panel .panel-button:overview.clock-display .clock, #panel .panel-button:focus.clock-display .clock, #panel .panel-button:checked.clock-display .clock { box-shadow: inset 0 0 0 100px rgba(242, 242, 242, 0.2); } #panel .panel-button:active.screen-recording-indicator, #panel .panel-button:overview.screen-recording-indicator, #panel .panel-button:focus.screen-recording-indicator, #panel .panel-button:checked.screen-recording-indicator { box-shadow: inset 0 0 0 100px rgba(199, 22, 43, 0.85); } #panel .panel-button:hover { box-shadow: inset 0 0 0 100px rgba(242, 242, 242, 0.15); } #panel .panel-button:hover.clock-display { box-shadow: none; } #panel .panel-button:hover.clock-display .clock { box-shadow: inset 0 0 0 100px rgba(242, 242, 242, 0.15); } #panel .panel-button:hover.screen-recording-indicator { box-shadow: inset 0 0 0 100px rgba(199, 22, 43, 0.9); } #panel .panel-button:active:hover, #panel .panel-button:overview:hover, #panel .panel-button:focus:hover, #panel .panel-button:checked:hover { box-shadow: inset 0 0 0 100px rgba(242, 242, 242, 0.25); } #panel .panel-button:active:hover.clock-display, #panel .panel-button:overview:hover.clock-display, #panel .panel-button:focus:hover.clock-display, #panel .panel-button:checked:hover.clock-display { box-shadow: none; } #panel .panel-button:active:hover.clock-display .clock, #panel .panel-button:overview:hover.clock-display .clock, #panel .panel-button:focus:hover.clock-display .clock, #panel .panel-button:checked:hover.clock-display .clock { box-shadow: inset 0 0 0 100px rgba(242, 242, 242, 0.25); } #panel .panel-button:active:hover.screen-recording-indicator, #panel .panel-button:overview:hover.screen-recording-indicator, #panel .panel-button:focus:hover.screen-recording-indicator, #panel .panel-button:checked:hover.screen-recording-indicator { box-shadow: inset 0 0 0 100px rgba(199, 22, 43, 0.8); } #panel .panel-button .system-status-icon { icon-size: 1.09em; padding: 5px; margin: 0 4px; } #panel .panel-button .panel-status-indicators-box .system-status-icon, #panel .panel-button .panel-status-menu-box .system-status-icon { margin: 0; } #panel .panel-button .app-menu-icon { -st-icon-style: symbolic; } #panel .panel-button#panelActivities { -natural-hpadding: 18px; } #panel.unlock-screen .panel-button:active, #panel.unlock-screen .panel-button:overview, #panel.unlock-screen .panel-button:focus, #panel.unlock-screen .panel-button:checked, #panel.login-screen .panel-button:active, #panel.login-screen .panel-button:overview, #panel.login-screen .panel-button:focus, #panel.login-screen .panel-button:checked, #panel:overview .panel-button:active, #panel:overview .panel-button:overview, #panel:overview .panel-button:focus, #panel:overview .panel-button:checked { box-shadow: inset 0 0 0 100px rgba(255, 255, 255, 0.15); } #panel.unlock-screen .panel-button:active.clock-display, #panel.unlock-screen .panel-button:overview.clock-display, #panel.unlock-screen .panel-button:focus.clock-display, #panel.unlock-screen .panel-button:checked.clock-display, #panel.login-screen .panel-button:active.clock-display, #panel.login-screen .panel-button:overview.clock-display, #panel.login-screen .panel-button:focus.clock-display, #panel.login-screen .panel-button:checked.clock-display, #panel:overview .panel-button:active.clock-display, #panel:overview .panel-button:overview.clock-display, #panel:overview .panel-button:focus.clock-display, #panel:overview .panel-button:checked.clock-display { box-shadow: none; } #panel.unlock-screen .panel-button:active.clock-display .clock, #panel.unlock-screen .panel-button:overview.clock-display .clock, #panel.unlock-screen .panel-button:focus.clock-display .clock, #panel.unlock-screen .panel-button:checked.clock-display .clock, #panel.login-screen .panel-button:active.clock-display .clock, #panel.login-screen .panel-button:overview.clock-display .clock, #panel.login-screen .panel-button:focus.clock-display .clock, #panel.login-screen .panel-button:checked.clock-display .clock, #panel:overview .panel-button:active.clock-display .clock, #panel:overview .panel-button:overview.clock-display .clock, #panel:overview .panel-button:focus.clock-display .clock, #panel:overview .panel-button:checked.clock-display .clock { box-shadow: inset 0 0 0 100px rgba(255, 255, 255, 0.15); } #panel.unlock-screen .panel-button:active.screen-recording-indicator, #panel.unlock-screen .panel-button:overview.screen-recording-indicator, #panel.unlock-screen .panel-button:focus.screen-recording-indicator, #panel.unlock-screen .panel-button:checked.screen-recording-indicator, #panel.login-screen .panel-button:active.screen-recording-indicator, #panel.login-screen .panel-button:overview.screen-recording-indicator, #panel.login-screen .panel-button:focus.screen-recording-indicator, #panel.login-screen .panel-button:checked.screen-recording-indicator, #panel:overview .panel-button:active.screen-recording-indicator, #panel:overview .panel-button:overview.screen-recording-indicator, #panel:overview .panel-button:focus.screen-recording-indicator, #panel:overview .panel-button:checked.screen-recording-indicator { box-shadow: inset 0 0 0 100px rgba(199, 22, 43, 0.85); } #panel.unlock-screen .panel-button:hover, #panel.login-screen .panel-button:hover, #panel:overview .panel-button:hover { box-shadow: inset 0 0 0 100px rgba(255, 255, 255, 0.1); } #panel.unlock-screen .panel-button:hover.clock-display, #panel.login-screen .panel-button:hover.clock-display, #panel:overview .panel-button:hover.clock-display { box-shadow: none; } #panel.unlock-screen .panel-button:hover.clock-display .clock, #panel.login-screen .panel-button:hover.clock-display .clock, #panel:overview .panel-button:hover.clock-display .clock { box-shadow: inset 0 0 0 100px rgba(255, 255, 255, 0.1); } #panel.unlock-screen .panel-button:hover.screen-recording-indicator, #panel.login-screen .panel-button:hover.screen-recording-indicator, #panel:overview .panel-button:hover.screen-recording-indicator { box-shadow: inset 0 0 0 100px rgba(199, 22, 43, 0.9); } #panel.unlock-screen .panel-button:active:hover, #panel.unlock-screen .panel-button:overview:hover, #panel.unlock-screen .panel-button:focus:hover, #panel.unlock-screen .panel-button:checked:hover, #panel.login-screen .panel-button:active:hover, #panel.login-screen .panel-button:overview:hover, #panel.login-screen .panel-button:focus:hover, #panel.login-screen .panel-button:checked:hover, #panel:overview .panel-button:active:hover, #panel:overview .panel-button:overview:hover, #panel:overview .panel-button:focus:hover, #panel:overview .panel-button:checked:hover { box-shadow: inset 0 0 0 100px rgba(255, 255, 255, 0.2); } #panel.unlock-screen .panel-button:active:hover.clock-display, #panel.unlock-screen .panel-button:overview:hover.clock-display, #panel.unlock-screen .panel-button:focus:hover.clock-display, #panel.unlock-screen .panel-button:checked:hover.clock-display, #panel.login-screen .panel-button:active:hover.clock-display, #panel.login-screen .panel-button:overview:hover.clock-display, #panel.login-screen .panel-button:focus:hover.clock-display, #panel.login-screen .panel-button:checked:hover.clock-display, #panel:overview .panel-button:active:hover.clock-display, #panel:overview .panel-button:overview:hover.clock-display, #panel:overview .panel-button:focus:hover.clock-display, #panel:overview .panel-button:checked:hover.clock-display { box-shadow: none; } #panel.unlock-screen .panel-button:active:hover.clock-display .clock, #panel.unlock-screen .panel-button:overview:hover.clock-display .clock, #panel.unlock-screen .panel-button:focus:hover.clock-display .clock, #panel.unlock-screen .panel-button:checked:hover.clock-display .clock, #panel.login-screen .panel-button:active:hover.clock-display .clock, #panel.login-screen .panel-button:overview:hover.clock-display .clock, #panel.login-screen .panel-button:focus:hover.clock-display .clock, #panel.login-screen .panel-button:checked:hover.clock-display .clock, #panel:overview .panel-button:active:hover.clock-display .clock, #panel:overview .panel-button:overview:hover.clock-display .clock, #panel:overview .panel-button:focus:hover.clock-display .clock, #panel:overview .panel-button:checked:hover.clock-display .clock { box-shadow: inset 0 0 0 100px rgba(255, 255, 255, 0.2); } #panel.unlock-screen .panel-button:active:hover.screen-recording-indicator, #panel.unlock-screen .panel-button:overview:hover.screen-recording-indicator, #panel.unlock-screen .panel-button:focus:hover.screen-recording-indicator, #panel.unlock-screen .panel-button:checked:hover.screen-recording-indicator, #panel.login-screen .panel-button:active:hover.screen-recording-indicator, #panel.login-screen .panel-button:overview:hover.screen-recording-indicator, #panel.login-screen .panel-button:focus:hover.screen-recording-indicator, #panel.login-screen .panel-button:checked:hover.screen-recording-indicator, #panel:overview .panel-button:active:hover.screen-recording-indicator, #panel:overview .panel-button:overview:hover.screen-recording-indicator, #panel:overview .panel-button:focus:hover.screen-recording-indicator, #panel:overview .panel-button:checked:hover.screen-recording-indicator { box-shadow: inset 0 0 0 100px rgba(199, 22, 43, 0.8); } #panel .panel-status-indicators-box, #panel .panel-status-menu-box { spacing: 2px; } #panel .power-status.panel-status-indicators-box { spacing: 0; } #panel .screencast-indicator, #panel .remote-access-indicator { color: #f99b11; } #appMenu { spacing: 6px; } #appMenu .label-shadow { color: transparent; } #appMenu .panel-status-menu-box { padding: 0 6px; spacing: 6px; } .clock-display-box { spacing: 2px; } .clock-display-box .clock { padding-left: 12px; padding-right: 12px; } /* Activities Ripple */ .ripple-box { background-color: rgba(162, 220, 219, 0.3); box-shadow: 0 0 2px 2px #57c1be; width: 52px; height: 52px; border-radius: 0 0 52px 0; } .ripple-box:rtl { border-radius: 0 0 0 52px; } /* OVERVIEW */ .controls-manager, .secondary-monitor-workspaces { spacing: 12px; } #overviewGroup { background-color: #222222; } .overview-controls { padding-bottom: 32px; } /* Window Picker */ .window-picker { spacing: 6px; } .window-caption { color: #eeeeec; background-color: rgba(29, 29, 29, 0.975); border-radius: 99px; padding: 6px 12px; border: 1px solid #464646; } .window-close, .screenshot-ui-close-button { background-color: rgba(55, 55, 55, 0.975); color: #eeeeec; border-radius: 99px; padding: 3px; height: 30px; width: 30px; transition-duration: 300ms; border: 1px solid #464646; } .window-close StIcon, .screenshot-ui-close-button StIcon { icon-size: 24px; } .window-close:hover, .screenshot-ui-close-button:hover { background-color: rgba(67, 67, 67, 0.975); } .window-close:active, .screenshot-ui-close-button:active { background-color: rgba(42, 42, 42, 0.975); } .workspace-background { border-radius: 30px; box-shadow: 0 4px 16px 4px rgba(0, 0, 0, 0.275); } .search-entry { border-radius: 18px; margin-top: 24px; margin-bottom: 12px; padding: 7px 9px; width: 320px; background-color: #1d1d1d; color: rgba(247, 247, 247, 0.7); border: 1px solid #464646; } .search-entry:hover { background-color: #1d1d1d; border-color: #535353; color: #F7F7F7; } .search-entry:focus { background-color: #1d1d1d; border-color: #43b6b3; box-shadow: 0 0 0 1px #43b6b3 inset; color: #F7F7F7; } .search-entry:insensitive { background-color: #2c2c2c; border-color: #2c2c2c; color: #8a8a8a; } .search-entry .search-entry-icon { color: inherit; icon-size: 1.09em; margin-top: 2px; padding: 0 4px; } /* Search */ #searchResults { margin: 0 4px; } #searchResultsContent { max-width: 1072px; } .search-section { spacing: 18px; } .search-section .search-section-separator { height: 8px; background-color: transparent; } .search-section-content { background-color: #1d1d1d; border-radius: 18px; border: 1px solid #464646; color: #eeeeec; padding: 12px; margin: 0 12px; } .list-search-result, .search-provider-icon { background-color: transparent; border-radius: 9px; } .list-search-result:hover, .search-provider-icon:hover { background-color: rgba(238, 238, 236, 0.1); } .list-search-result:selected, .search-provider-icon:selected, .list-search-result:focus, .search-provider-icon:focus { background-color: rgba(238, 238, 236, 0.13); } .list-search-result:selected:hover, .search-provider-icon:selected:hover, .list-search-result:focus:hover, .search-provider-icon:focus:hover { background-color: rgba(238, 238, 236, 0.16); } .list-search-result:selected:active, .search-provider-icon:selected:active, .list-search-result:focus:active, .search-provider-icon:focus:active { background-color: rgba(238, 238, 236, 0.13); } .list-search-result:active, .search-provider-icon:active { background-color: rgba(238, 238, 236, 0.16); } .list-search-result:outlined, .search-provider-icon:outlined, .list-search-result:checked, .search-provider-icon:checked { background-color: rgba(238, 238, 236, 0.19); } .list-search-result:outlined:active, .search-provider-icon:outlined:active, .list-search-result:checked:active, .search-provider-icon:checked:active { background-color: rgba(238, 238, 236, 0.22); } .list-search-result:outlined:hover, .search-provider-icon:outlined:hover, .list-search-result:checked:hover, .search-provider-icon:checked:hover { background-color: rgba(238, 238, 236, 0.25); } .list-search-result:drop, .search-provider-icon:drop { border: 2px solid rgba(48, 130, 128, 0.8); background-color: rgba(48, 130, 128, 0.2); } .grid-search-results { spacing: 30px; margin: 0 12px; } .search-provider-icon:ltr { margin-right: 4px; } .search-provider-icon:rtl { margin-left: 4px; } .search-provider-icon .list-search-provider-content { spacing: 12px; } .search-provider-icon .list-search-provider-content .list-search-provider-details { width: 120px; color: #eeeeec; } .list-search-results { spacing: 6px; } .list-search-result .list-search-result-content { spacing: 6px; } .list-search-result .list-search-result-title { spacing: 12px; } .list-search-result .list-search-result-description { color: #868685; } /* Dash */ #dash { margin-top: 12px; } #dash .placeholder { background-image: none; background-size: contain; height: 32px; } #dash .empty-dash-drop-target { width: 32px; height: 32px; } #dash .app-well-app-running-dot { margin-bottom: 13px; background-color: #308280; } .dash-background { background-color: #1d1d1d; border-radius: 24px; padding: 12px; border: 1px solid #464646; spacing: 6px; margin-bottom: 12px; } .dash-item-container > * { margin: 0 2px; } .dash-item-container:ltr:first-child { margin-left: 0; } .dash-item-container:rtl:first-child { margin-right: 0; } .dash-item-container .app-well-app .overview-icon, .dash-item-container .grid-search-result .overview-icon { padding: 6px; } .dash-item-container .show-apps .overview-icon { background-color: transparent; } .dash-item-container .show-apps:hover .overview-icon { background-color: rgba(238, 238, 236, 0.1); } .dash-item-container .show-apps:selected .overview-icon, .dash-item-container .show-apps:focus .overview-icon { background-color: rgba(238, 238, 236, 0.13); } .dash-item-container .show-apps:selected .overview-icon:hover .overview-icon, .dash-item-container .show-apps:focus .overview-icon:hover .overview-icon { background-color: rgba(238, 238, 236, 0.16); } .dash-item-container .show-apps:selected .overview-icon:active .overview-icon, .dash-item-container .show-apps:focus .overview-icon:active .overview-icon { background-color: rgba(238, 238, 236, 0.13); } .dash-item-container .show-apps:active .overview-icon { background-color: rgba(238, 238, 236, 0.16); } .dash-item-container .show-apps:outlined .overview-icon, .dash-item-container .show-apps:checked .overview-icon { background-color: rgba(238, 238, 236, 0.19); } .dash-item-container .show-apps:outlined .overview-icon:active .overview-icon, .dash-item-container .show-apps:checked .overview-icon:active .overview-icon { background-color: rgba(238, 238, 236, 0.22); } .dash-item-container .show-apps:outlined .overview-icon:hover .overview-icon, .dash-item-container .show-apps:checked .overview-icon:hover .overview-icon { background-color: rgba(238, 238, 236, 0.25); } .dash-item-container .show-apps:drop .overview-icon { border: 2px solid rgba(48, 130, 128, 0.8); background-color: rgba(48, 130, 128, 0.2); } .dash-item-container .show-apps:focus .overview-icon, .dash-item-container .show-apps:active .overview-icon, .dash-item-container .show-apps:checked .overview-icon { background-color: rgba(238, 238, 236, 0.2); } .dash-item-container .show-apps, .dash-item-container .app-well-app, .dash-item-container .grid-search-result { padding-bottom: 12px; } .dash-separator { width: 1px; margin: 0 4px; background-color: #464646; margin-bottom: 12px; } .dash-label { color: #eeeeec; background-color: rgba(29, 29, 29, 0.975); border-radius: 99px; padding: 6px 12px; text-align: center; -y-offset: 8px; border: 1px solid #464646; } /* App Grid */ .icon-grid { row-spacing: 12px; column-spacing: 12px; max-row-spacing: 42px; max-column-spacing: 42px; page-padding-top: 24px; page-padding-bottom: 24px; page-padding-left: 18px; page-padding-right: 18px; } /* App Icons */ .app-well-app .overview-icon, .grid-search-result .overview-icon { background-color: transparent; } .app-well-app:hover .overview-icon, .grid-search-result:hover .overview-icon { background-color: rgba(238, 238, 236, 0.1); } .app-well-app:selected .overview-icon, .grid-search-result:selected .overview-icon, .app-well-app:focus .overview-icon, .grid-search-result:focus .overview-icon { background-color: rgba(238, 238, 236, 0.13); } .app-well-app:selected .overview-icon:hover .overview-icon, .grid-search-result:selected .overview-icon:hover .overview-icon, .app-well-app:focus .overview-icon:hover .overview-icon, .grid-search-result:focus .overview-icon:hover .overview-icon { background-color: rgba(238, 238, 236, 0.16); } .app-well-app:selected .overview-icon:active .overview-icon, .grid-search-result:selected .overview-icon:active .overview-icon, .app-well-app:focus .overview-icon:active .overview-icon, .grid-search-result:focus .overview-icon:active .overview-icon { background-color: rgba(238, 238, 236, 0.13); } .app-well-app:active .overview-icon, .grid-search-result:active .overview-icon { background-color: rgba(238, 238, 236, 0.16); } .app-well-app:outlined .overview-icon, .grid-search-result:outlined .overview-icon, .app-well-app:checked .overview-icon, .grid-search-result:checked .overview-icon { background-color: rgba(238, 238, 236, 0.19); } .app-well-app:outlined .overview-icon:active .overview-icon, .grid-search-result:outlined .overview-icon:active .overview-icon, .app-well-app:checked .overview-icon:active .overview-icon, .grid-search-result:checked .overview-icon:active .overview-icon { background-color: rgba(238, 238, 236, 0.22); } .app-well-app:outlined .overview-icon:hover .overview-icon, .grid-search-result:outlined .overview-icon:hover .overview-icon, .app-well-app:checked .overview-icon:hover .overview-icon, .grid-search-result:checked .overview-icon:hover .overview-icon { background-color: rgba(238, 238, 236, 0.25); } .app-well-app:drop .overview-icon, .grid-search-result:drop .overview-icon { border: 2px solid rgba(48, 130, 128, 0.8); background-color: rgba(48, 130, 128, 0.2); } .app-well-app:focus .overview-icon, .grid-search-result:focus .overview-icon, .app-well-app:active .overview-icon, .grid-search-result:active .overview-icon, .app-well-app:checked .overview-icon, .grid-search-result:checked .overview-icon { background-color: rgba(238, 238, 236, 0.2); } .app-well-app .overview-icon, .grid-search-result .overview-icon { padding: 12px; } .app-well-app .overview-icon.overview-icon-with-label > StBoxLayout, .grid-search-result .overview-icon.overview-icon-with-label > StBoxLayout { spacing: 6px; } .app-well-app.app-folder .overview-icon, .app-folder.grid-search-result .overview-icon { background-color: rgba(238, 238, 236, 0.05); } .app-well-app.app-folder:hover .overview-icon, .app-folder.grid-search-result:hover .overview-icon { background-color: rgba(238, 238, 236, 0.1); } .app-well-app.app-folder:selected .overview-icon, .app-folder.grid-search-result:selected .overview-icon, .app-well-app.app-folder:focus .overview-icon, .app-folder.grid-search-result:focus .overview-icon { background-color: rgba(238, 238, 236, 0.13); } .app-well-app.app-folder:selected .overview-icon:hover .overview-icon, .app-folder.grid-search-result:selected .overview-icon:hover .overview-icon, .app-well-app.app-folder:focus .overview-icon:hover .overview-icon, .app-folder.grid-search-result:focus .overview-icon:hover .overview-icon { background-color: rgba(238, 238, 236, 0.16); } .app-well-app.app-folder:selected .overview-icon:active .overview-icon, .app-folder.grid-search-result:selected .overview-icon:active .overview-icon, .app-well-app.app-folder:focus .overview-icon:active .overview-icon, .app-folder.grid-search-result:focus .overview-icon:active .overview-icon { background-color: rgba(238, 238, 236, 0.13); } .app-well-app.app-folder:active .overview-icon, .app-folder.grid-search-result:active .overview-icon { background-color: rgba(238, 238, 236, 0.16); } .app-well-app.app-folder:outlined .overview-icon, .app-folder.grid-search-result:outlined .overview-icon, .app-well-app.app-folder:checked .overview-icon, .app-folder.grid-search-result:checked .overview-icon { background-color: rgba(238, 238, 236, 0.19); } .app-well-app.app-folder:outlined .overview-icon:active .overview-icon, .app-folder.grid-search-result:outlined .overview-icon:active .overview-icon, .app-well-app.app-folder:checked .overview-icon:active .overview-icon, .app-folder.grid-search-result:checked .overview-icon:active .overview-icon { background-color: rgba(238, 238, 236, 0.22); } .app-well-app.app-folder:outlined .overview-icon:hover .overview-icon, .app-folder.grid-search-result:outlined .overview-icon:hover .overview-icon, .app-well-app.app-folder:checked .overview-icon:hover .overview-icon, .app-folder.grid-search-result:checked .overview-icon:hover .overview-icon { background-color: rgba(238, 238, 236, 0.25); } .app-well-app.app-folder:drop .overview-icon, .app-folder.grid-search-result:drop .overview-icon { border: 2px solid rgba(48, 130, 128, 0.8); background-color: rgba(48, 130, 128, 0.2); } .app-well-app.app-folder:focus .overview-icon, .app-folder.grid-search-result:focus .overview-icon, .app-well-app.app-folder:active .overview-icon, .app-folder.grid-search-result:active .overview-icon, .app-well-app.app-folder:checked .overview-icon, .app-folder.grid-search-result:checked .overview-icon { background-color: rgba(238, 238, 236, 0.2); } .app-folder-dialog { border-radius: 24px; background-color: #1d1d1d; border: 1px solid #464646; } .app-folder-dialog .folder-name-container { padding: 24px 36px 0; spacing: 12px; /* FIXME: this is to keep the label in sync with the entry */ } .app-folder-dialog .folder-name-container .folder-name-label, .app-folder-dialog .folder-name-container .folder-name-entry { color: #eeeeec; } .app-folder-dialog .folder-name-container .folder-name-entry { width: 300px; background-color: rgba(39, 39, 39, 0.975); border-color: rgba(255, 255, 255, 0.16); } .app-folder-dialog .folder-name-container .folder-name-label { padding: 5px 7px; color: #eeeeec; } .app-folder-dialog .folder-name-container .edit-folder-button { padding: 0; width: 36px; height: 36px; border-radius: 99px; } .app-folder-dialog .folder-name-container .edit-folder-button > StIcon { icon-size: 1.09em; } .app-folder-dialog .icon-grid { row-spacing: 12px; column-spacing: 30px; page-padding-top: 0; page-padding-bottom: 0; page-padding-left: 0; page-padding-right: 0; } .app-folder-dialog .page-indicators { margin-bottom: 18px; } .app-folder-dialog-container { padding: 12px; width: 640px; height: 640px; } .app-well-app-running-dot { height: 5px; width: 5px; border-radius: 5px; margin-bottom: 8px; background-color: #308280; } .rename-folder-popup .rename-folder-popup-item { spacing: 6px; } .rename-folder-popup .rename-folder-popup-item:ltr, .rename-folder-popup .rename-folder-popup-item:rtl { padding: 0 12px; } .page-indicator { padding: 6px 12px 0; } .page-indicator .page-indicator-icon { width: 10px; height: 10px; border-radius: 10px; background-color: white; } .apps-scroll-view { padding: 0; } .system-action-icon { background-color: rgba(0, 0, 0, 0.8); color: #fff; border-radius: 99px; icon-size: 48px; } .page-navigation-hint { width: 300px; } .page-navigation-hint.dnd { background: rgba(255, 255, 255, 0.1); } .page-navigation-hint.next:ltr, .page-navigation-hint.previous:rtl { background-gradient-start: rgba(255, 255, 255, 0.05); background-gradient-end: transparent; background-gradient-direction: horizontal; border-radius: 18px 0px 0px 18px; } .page-navigation-hint.previous:ltr, .page-navigation-hint.next:rtl { background-gradient-start: transparent; background-gradient-end: rgba(255, 255, 255, 0.05); background-gradient-direction: horizontal; border-radius: 0px 18px 18px 0px; } .page-navigation-arrow { margin: 6px; width: 24px; height: 24px; color: #eeeeec; } /* Workspace pager */ .workspace-thumbnails { visible-width: 32px; spacing: 6px; padding: 6px; border-color: transparent; } .workspace-thumbnails .workspace-thumbnail { border-radius: 3px; background-color: #1d1d1d; border: 1px solid #464646; } .workspace-thumbnails .placeholder { background-image: url("resource:///org/gnome/shell/theme/workspace-placeholder.svg"); background-size: contain; width: 18px; } .workspace-thumbnail-indicator { border: 2px solid #43b6b3; border-radius: 3px; padding: 0px; } .ripple-pointer-location { width: 50px; height: 50px; border-radius: 25px; background-color: rgba(124, 207, 205, 0.3); box-shadow: 0 0 2px 2px #57c1be; } .pie-timer { width: 60px; height: 60px; -pie-border-width: 3px; -pie-border-color: #308280; -pie-background-color: rgba(162, 220, 219, 0.3); } .magnifier-zoom-region { border: 2px solid #308280; } .magnifier-zoom-region.full-screen { border-width: 0; } .select-area-rubberband { background-color: rgba(135, 135, 135, 0.2); border: 1px solid rgba(204, 204, 204, 0.8); } .user-icon { /* Yaru: See commit 3d4aca768250 */ background-size: contain; color: #F7F7F7; border-radius: 99px; icon-size: 4.36em; } .user-icon:hover { color: white; } .user-icon StIcon { background-color: rgba(247, 247, 247, 0.05); border-radius: 99px; padding: 12px; width: 2.725em; height: 2.725em; } .user-icon.user-avatar { border: 2px #eeeeec; } .user-widget.vertical .user-icon { icon-size: 6.54em; } .user-widget.vertical .user-icon StIcon { padding: 20px; padding-top: 18px; padding-bottom: 22px; width: 5.995em; height: 5.995em; /* Yaru: See commit 3d4aca768250 */ } .lightbox { background-color: black; } .flashspot { background-color: white; } .hidden { color: rgba(0, 0, 0, 0); } .caps-lock-warning-label { text-align: center; padding-bottom: 8px; color: #f99b11; } /* Workspace animation */ .workspace-animation { background-color: #222222; } /* Tiled window previews */ .tile-preview { background-color: rgba(48, 130, 128, 0.5); border: 1px solid #308280; } /* On-screen Keyboard */ #keyboard { background-color: rgba(0, 0, 0, 0.9); } #keyboard .page-indicator { padding: 6px; } #keyboard .page-indicator .page-indicator-icon { width: 8px; height: 8px; } .key-container { padding: 4px; spacing: 4px; } .keyboard-key { font-size: 16pt; font-weight: bold; min-height: 1.2em; min-width: 1.2em; border-width: 1px; border-style: solid; border-radius: 10px; box-shadow: 0 1px 0 0 rgba(0, 0, 0, 0.1); color: #F7F7F7; background-color: #222222; } .keyboard-key:focus { color: #F7F7F7; background-color: #242c2c; box-shadow: inset 0 0 0 2px rgba(48, 130, 128, 0.6); } .keyboard-key:focus:hover { background-color: #2f3737; box-shadow: inset 0 0 0 2px rgba(48, 130, 128, 0.7); } .keyboard-key:focus:active { background-color: #343c3c; box-shadow: inset 0 0 0 2px rgba(48, 130, 128, 0.7); } .keyboard-key:hover { color: #F7F7F7; background-color: #2c2c2c; } .keyboard-key:active { color: #F7F7F7; background-color: #343434; } .keyboard-key:checked { color: #F7F7F7; background-color: #414141; } .keyboard-key:grayed { background-color: #151515; color: #F7F7F7; border-color: rgba(0, 0, 0, 0.7); } .keyboard-key.default-key { color: #F7F7F7; background-color: #222222; border-radius: 10px; } .keyboard-key.default-key:hover { color: #F7F7F7; background-color: #2c2c2c; } .keyboard-key.default-key:active { color: #F7F7F7; background-color: #343434; } .keyboard-key.default-key:checked { color: #F7F7F7; background-color: #414141; } .keyboard-key.enter-key { color: #FFFFFF; background-color: #0d7b1e; border-radius: 10px; color: #eeeeec; } .keyboard-key.enter-key:hover { color: #FFFFFF; background-color: #0f8d22; } .keyboard-key.enter-key:active { color: #FFFFFF; background-color: #109b26; } .keyboard-key.enter-key:checked { color: #FFFFFF; background-color: #13b22b; } .keyboard-key.shift-key-uppercase { background-color: #4e4e4e; color: #F7F7F7; } .keyboard-key.shift-key-uppercase:hover { background-color: #5a5a5a; } .keyboard-key StIcon { icon-size: 24px; } .keyboard-subkeys { -arrow-border-radius: 12px; -arrow-background-color: rgba(9, 9, 9, 0.9); -arrow-border-width: 1px; -arrow-border-color: #464646; -arrow-base: 20px; -arrow-rise: 10px; -boxpointer-gap: 6px; padding: 6px; } .keyboard-subkeys .keyboard-key { color: #F7F7F7; background-color: #222222; border-radius: 10px; } .keyboard-subkeys .keyboard-key:focus { color: #F7F7F7; background-color: #242c2c; box-shadow: inset 0 0 0 2px rgba(48, 130, 128, 0.6); } .keyboard-subkeys .keyboard-key:focus:hover { background-color: #2f3737; box-shadow: inset 0 0 0 2px rgba(48, 130, 128, 0.7); } .keyboard-subkeys .keyboard-key:focus:active { background-color: #343c3c; box-shadow: inset 0 0 0 2px rgba(48, 130, 128, 0.7); } .keyboard-subkeys .keyboard-key:hover { color: #F7F7F7; background-color: #2c2c2c; } .keyboard-subkeys .keyboard-key:active { color: #F7F7F7; background-color: #343434; } .keyboard-subkeys .keyboard-key:checked { color: #F7F7F7; background-color: #414141; } .emoji-page .keyboard-key { background-color: transparent; border: none; color: initial; } .emoji-panel .keyboard-key:latched { border-color: #379592; background-color: #308280; } .word-suggestions { font-size: 14pt; spacing: 12px; min-height: 20pt; padding: 12px; color: #F7F7F7; } .word-suggestions StButton { margin: 0 3px; min-width: 32px; border-radius: 4px; padding: 6px 18px; background-color: transparent; background-image: none; } .word-suggestions StButton:focus { color: #F7F7F7; background-color: #242c2c; box-shadow: inset 0 0 0 2px rgba(48, 130, 128, 0.6); } .word-suggestions StButton:focus:hover { background-color: #2f3737; box-shadow: inset 0 0 0 2px rgba(48, 130, 128, 0.7); } .word-suggestions StButton:focus:active { background-color: #343c3c; box-shadow: inset 0 0 0 2px rgba(48, 130, 128, 0.7); } .word-suggestions StButton:hover { color: #F7F7F7; background-color: #2c2c2c; } .word-suggestions StButton:active { color: #F7F7F7; background-color: #343434; } .word-suggestions StButton:checked { color: #F7F7F7; background-color: #414141; } /* Looking Glass */ #LookingGlassDialog { background-color: rgba(29, 29, 29, 0.975); border-radius: 0 0 12px 12px; border-top-width: 0; border: 1px solid rgba(255, 255, 255, 0.16); color: #eeeeec; padding: 6px; spacing: 6px; box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.1); } #LookingGlassDialog > #Toolbar { border: none; padding: 6px; border-radius: 0; background-color: transparent; spacing: 6px; } #LookingGlassDialog > #Toolbar .lg-toolbar-button { padding: 6px 12px; } #LookingGlassDialog > #Toolbar .lg-toolbar-button > StIcon { icon-size: 1.09em; } #LookingGlassDialog .labels { spacing: 6px; } #LookingGlassDialog .notebook-tab { -natural-hpadding: 12px; -minimum-hpadding: 12px; font-weight: bold; padding: 6px 12px; color: #cacac4; transition-duration: 100ms; box-shadow: none; border: none; border-radius: 4px; background-color: transparent; } #LookingGlassDialog .notebook-tab:hover { color: #eeeeec; background-color: rgba(238, 238, 236, 0.05); } #LookingGlassDialog .notebook-tab:selected { color: #eeeeec; background-color: rgba(238, 238, 236, 0.1); } #LookingGlassDialog StBoxLayout#EvalBox { padding: 4px; spacing: 6px; padding: 6px; } #LookingGlassDialog StBoxLayout#ResultsArea { spacing: 6px; padding: 6px; } .lg-dialog { color: #eeeeec; } .lg-dialog StEntry { background-color: rgba(42, 42, 42, 0.575); color: #eeeeec; border-color: rgba(238, 238, 236, 0.2); min-height: 22px; selection-background-color: #308280; selected-color: #FFFFFF; } .lg-dialog StEntry, .lg-dialog StEntry:focus { box-shadow: none; } .lg-dialog .shell-link { color: #57c1be; } .lg-dialog .shell-link:hover { color: #7ccfcd; } .lg-dialog .shell-link:active { color: #3ea7a5; } .lg-dialog .actor-link { color: #8a8a8a; } .lg-dialog .actor-link:hover { color: #bdbdbd; } .lg-dialog .actor-link:active { color: #575757; } .lg-completions-text { font-style: italic; color: #eeeeec; } .lg-obj-inspector-title { spacing: 6px; color: #eeeeec; } .lg-obj-inspector-button { border: 1px solid rgba(0, 0, 0, 0.7); padding: 4px; border-radius: 6px; color: #eeeeec; } .lg-obj-inspector-button:hover { border: 1px solid #ffffff; } #lookingGlassExtensions { padding: 6px; } .lg-extensions-list { padding: 6px; spacing: 6px; } .lg-extension { padding: 12px; border-radius: 6px; margin: 4px; box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.1); color: #F7F7F7; background-color: #2c2c2c; } .lg-extension:focus { color: #F7F7F7; background-color: #2c2c2c; box-shadow: inset 0 0 0 2px #43b6b3; } .lg-extension:focus:hover { background-color: #343434; box-shadow: inset 0 0 0 2px #43b6b3; } .lg-extension:focus:active { background-color: #3b3b3b; box-shadow: inset 0 0 0 2px #43b6b3; } .lg-extension:hover { color: #F7F7F7; background-color: #343434; } .lg-extension:active { color: #F7F7F7; background-color: #3b3b3b; } .lg-extension-meta { spacing: 6px; } #LookingGlassPropertyInspector { background: rgba(29, 29, 29, 0.975); border: 1px solid rgba(0, 0, 0, 0.7); border-radius: 6px; padding: 6px; } .lg-debug-flag-button { color: #F7F7F7; } .lg-debug-flag-button StLabel { padding: 6px, 12px; } .lg-debug-flag-button:hover { color: white; } .lg-debug-flag-button:active { color: #c4c4c4; } .lg-debug-flags-header { padding-top: 12px; padding: 6px; } /* Login Dialog */ .login-dialog-banner-view { padding-top: 24px; max-width: 23em; } .login-dialog, .unlock-dialog { border: none; background-color: transparent; } .login-dialog .modal-dialog-button-box, .unlock-dialog .modal-dialog-button-box { spacing: 3px; } .login-dialog .modal-dialog-button, .unlock-dialog .modal-dialog-button { padding: 4px 18px; box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2); background-color: #222222; border-color: #464646; color: #F7F7F7; } .login-dialog .modal-dialog-button:hover, .unlock-dialog .modal-dialog-button:hover { background-color: #2f2f2f; } .login-dialog .modal-dialog-button:focus, .unlock-dialog .modal-dialog-button:focus { border-color: #43b6b3; box-shadow: inset 0 0 0 1px #43b6b3; } .login-dialog .modal-dialog-button:active, .unlock-dialog .modal-dialog-button:active { box-shadow: none; background-color: #151515; color: rgba(238, 238, 236, 0.7); } .login-dialog .modal-dialog-button:default, .unlock-dialog .modal-dialog-button:default { background-color: #308280; color: #FFFFFF; } .login-dialog .modal-dialog-button:default:focus, .unlock-dialog .modal-dialog-button:default:focus { box-shadow: inset 0 0 0 2px rgba(48, 130, 128, 0.6); } .login-dialog .modal-dialog-button:default:hover, .login-dialog .modal-dialog-button:default:focus, .unlock-dialog .modal-dialog-button:default:hover, .unlock-dialog .modal-dialog-button:default:focus { background-color: #379592; color: white; } .login-dialog .modal-dialog-button:default:active, .unlock-dialog .modal-dialog-button:default:active { background-color: #266866; color: #ededed; } .login-dialog .modal-dialog-button:default:insensitive, .unlock-dialog .modal-dialog-button:default:insensitive { color: rgba(247, 247, 247, 0.5); background-color: rgba(247, 247, 247, 0.05); background-color: rgba(48, 130, 128, 0.5); color: rgba(255, 255, 255, 0.5); } .login-dialog .cancel-button, .login-dialog .switch-user-button, .login-dialog .login-dialog-session-list-button, .unlock-dialog .cancel-button, .unlock-dialog .switch-user-button, .unlock-dialog .login-dialog-session-list-button { padding: 0; border-radius: 99px; width: 2.18em; height: 2.18em; } .login-dialog .cancel-button StIcon, .login-dialog .switch-user-button StIcon, .login-dialog .login-dialog-session-list-button StIcon, .unlock-dialog .cancel-button StIcon, .unlock-dialog .switch-user-button StIcon, .unlock-dialog .login-dialog-session-list-button StIcon { icon-size: 1.09em; } .login-dialog .caps-lock-warning-label, .login-dialog .login-dialog-message, .unlock-dialog .caps-lock-warning-label, .unlock-dialog .login-dialog-message { color: #eeeeec; } .login-dialog-logo-bin { padding: 24px 0px; } .login-dialog-banner { color: #d6d6d1; } .login-dialog-button-box { width: 23em; spacing: 5px; } .login-dialog-message { text-align: center; } .login-dialog-user-selection-box { padding: 100px 0px; } .login-dialog-not-listed-label { padding-left: 2px; } .login-dialog-not-listed-button:focus .login-dialog-not-listed-label, .login-dialog-not-listed-button:hover .login-dialog-not-listed-label { color: #eeeeec; } .login-dialog-not-listed-label { font-weight: bold; color: #a6a69b; padding-top: 1em; } .login-dialog-auth-list-view { -st-vfade-offset: 1em; } .login-dialog-auth-list { spacing: 6px; margin-left: 2em; } .login-dialog-auth-list-title { margin-left: 2em; } .login-dialog-auth-list-item { border-radius: 10px; padding: 6px; color: #a6a69b; } .login-dialog-auth-list-item:focus, .login-dialog-auth-list-item:selected { background-color: #308280; color: #FFFFFF; } .login-dialog-auth-list-label { font-size: 13pt; font-weight: bold; padding-left: 15px; } .login-dialog-auth-list-label:ltr { padding-left: 14px; text-align: left; } .login-dialog-auth-list-label:rtl { padding-right: 14px; text-align: right; } .login-dialog-user-list-view { -st-vfade-offset: 1em; } .login-dialog-user-list { spacing: 12px; width: 23em; } .login-dialog-user-list:expanded .login-dialog-user-list-item:selected { background-color: rgba(255, 255, 255, 0.1); color: #FFFFFF; } .login-dialog-user-list:expanded .login-dialog-user-list-item:logged-in { border-right: 2px solid rgba(255, 255, 255, 0.1); } .login-dialog-user-list-item { border-radius: 10px; padding: 6px; color: #a6a69b; } .login-dialog-user-list-item:ltr .user-widget { padding-right: 1em; } .login-dialog-user-list-item:rtl .user-widget { padding-left: 1em; } .login-dialog-user-list-item .login-dialog-timed-login-indicator { height: 2px; margin-top: 6px; background-color: #eeeeec; } .login-dialog-user-list-item:focus .login-dialog-timed-login-indicator { background-color: #FFFFFF; } .user-widget-label { color: #eeeeec; } .user-widget.horizontal .user-widget-label { font-size: 13pt; font-weight: bold; padding-left: 15px; } .user-widget.horizontal .user-widget-label:ltr { padding-left: 14px; text-align: left; } .user-widget.horizontal .user-widget-label:rtl { padding-right: 14px; text-align: right; } .user-widget.vertical .user-widget-label { font-size: 16pt; text-align: center; font-weight: normal; padding-top: 16px; } .login-dialog-timed-login-indicator { height: 2px; background-color: #919191; } .login-dialog-prompt-layout { padding-top: 24px; padding-bottom: 12px; spacing: 12px; width: 23em; } .login-dialog-prompt-entry { height: 1.5em; } .login-dialog-prompt-label { color: #bebeb6; font-size: 12pt; padding-top: 1em; } .login-dialog StEntry { background-color: #1b1b1b; color: #F7F7F7; } .unlock-dialog StEntry { border: none !important; } .unlock-dialog StEntry, .unlock-dialog StEntry:focus { color: #F7F7F7; background-color: rgba(247, 247, 247, 0.1); box-shadow: none; } .unlock-dialog StEntry:insensitive { color: rgba(247, 247, 247, 0.5); background-color: rgba(247, 247, 247, 0.05); } .unlock-dialog StEntry StLabel.hint-text { color: rgba(247, 247, 247, 0.7); } .unlock-dialog .user-icon { background-color: rgba(247, 247, 247, 0.1); color: #F7F7F7; } .unlock-dialog .cancel-button, .unlock-dialog .switch-user-button, .unlock-dialog .login-dialog-session-list-button { border-color: transparent; background-color: rgba(247, 247, 247, 0.1); box-shadow: none; } .unlock-dialog .cancel-button, .unlock-dialog .cancel-button:hover, .unlock-dialog .cancel-button:focus, .unlock-dialog .cancel-button:active, .unlock-dialog .switch-user-button, .unlock-dialog .switch-user-button:hover, .unlock-dialog .switch-user-button:focus, .unlock-dialog .switch-user-button:active, .unlock-dialog .login-dialog-session-list-button, .unlock-dialog .login-dialog-session-list-button:hover, .unlock-dialog .login-dialog-session-list-button:focus, .unlock-dialog .login-dialog-session-list-button:active { color: #F7F7F7; } .unlock-dialog .cancel-button:hover, .unlock-dialog .cancel-button:focus, .unlock-dialog .switch-user-button:hover, .unlock-dialog .switch-user-button:focus, .unlock-dialog .login-dialog-session-list-button:hover, .unlock-dialog .login-dialog-session-list-button:focus { background-color: rgba(247, 247, 247, 0.15); } .unlock-dialog .cancel-button:active, .unlock-dialog .switch-user-button:active, .unlock-dialog .login-dialog-session-list-button:active { background-color: rgba(247, 247, 247, 0.2); } /* Screen Shield */ .unlock-dialog-clock { color: white; font-weight: 300; text-align: center; spacing: 24px; padding-bottom: 2.5em; } .unlock-dialog-clock-time { font-size: 64pt; padding-top: 42px; } .unlock-dialog-clock-date { font-size: 16pt; font-weight: normal; } .unlock-dialog-clock-hint { font-weight: normal; padding-top: 48px; } .unlock-dialog-notifications-container { margin: 12px; spacing: 6px; width: 23em; background-color: transparent; } .unlock-dialog-notifications-container .summary-notification-stack-scrollview { padding-top: 0; padding-bottom: 0; } .unlock-dialog-notifications-container .notification, .unlock-dialog-notifications-container .unlock-dialog-notification-source { padding: 12px 16px; border: none; background-color: rgba(238, 238, 236, 0.1); color: #eeeeec; border-radius: 12px; } .unlock-dialog-notifications-container .notification.critical, .unlock-dialog-notifications-container .unlock-dialog-notification-source.critical { background-color: rgba(238, 238, 236, 0.2); } .unlock-dialog-notification-label { padding: 0 0 0 12px; } .unlock-dialog-notification-count-text { font-weight: bold; padding: 0 12px; color: #eeeeec; background-color: rgba(238, 238, 236, 0.1); border-radius: 99px; } .screen-shield-background { background: black; box-shadow: 0 2px 4px rgba(0, 0, 0, 0.6); } #lockDialogGroup { background-color: #222222; } #unlockDialogNotifications StButton#vhandle, #unlockDialogNotifications StButton#hhandle { background-color: rgba(29, 29, 29, 0.3); } #unlockDialogNotifications StButton#vhandle:hover, #unlockDialogNotifications StButton#vhandle:focus, #unlockDialogNotifications StButton#hhandle:hover, #unlockDialogNotifications StButton#hhandle:focus { background-color: rgba(29, 29, 29, 0.5); } #unlockDialogNotifications StButton#vhandle:active, #unlockDialogNotifications StButton#hhandle:active { background-color: rgba(48, 130, 128, 0.5); } * { font-weight: normal !important; text-shadow: none !important; } .file-item { border-radius: 6px; } /* Default Ubuntu Dock styling, append !important to any changed rules This must be in sync with - https://github.com/micheleg/dash-to-dock/blob/ubuntu-dock/_stylesheet.scss */ #dashtodockContainer.bottom #dash { margin: 0px; padding: 0px; } #dashtodockContainer.bottom #dash .dash-background { margin: 0; margin-bottom: 4px; padding: 0; border-radius: 18px; spacing: 6px; } #dashtodockContainer.bottom #dash .dash-separator { background-color: #464646; margin: 0 4px; width: 1px; height: 0; margin-bottom: 4px; } #dashtodockContainer.bottom #dash #dashtodockDashContainer { padding: 10px; padding-bottom: 0; padding-top: 0; } #dashtodockContainer.bottom #dash .dash-item-container { /* Disable all margins defined upstream, we handle them here */ margin: 0 2px; } #dashtodockContainer.bottom #dash .dash-item-container > * { margin: 0; } #dashtodockContainer.bottom #dash .dash-item-container:ltr:first-child, #dashtodockContainer.bottom #dash .dash-item-container:rtl:last-child { margin-left: 0; } #dashtodockContainer.bottom #dash .dash-item-container:ltr:last-child, #dashtodockContainer.bottom #dash .dash-item-container:rtl:first-child { margin-right: 0; } #dashtodockContainer.bottom #dash .dash-item-container .app-well-app, #dashtodockContainer.bottom #dash .dash-item-container .grid-search-result, #dashtodockContainer.bottom #dash .dash-item-container .show-apps { padding: 2px 2px; padding-bottom: 14px; padding-top: 10px; } #dashtodockContainer.bottom #dash .dash-item-container .app-well-app:ltr:first-child, #dashtodockContainer.bottom #dash .dash-item-container .grid-search-result:ltr:first-child, #dashtodockContainer.bottom #dash .dash-item-container .app-well-app:rtl:last-child, #dashtodockContainer.bottom #dash .dash-item-container .grid-search-result:rtl:last-child, #dashtodockContainer.bottom #dash .dash-item-container .show-apps:ltr:first-child, #dashtodockContainer.bottom #dash .dash-item-container .show-apps:rtl:last-child { padding-left: 0; } #dashtodockContainer.bottom #dash .dash-item-container .app-well-app:ltr:last-child, #dashtodockContainer.bottom #dash .dash-item-container .grid-search-result:ltr:last-child, #dashtodockContainer.bottom #dash .dash-item-container .app-well-app:rtl:first-child, #dashtodockContainer.bottom #dash .dash-item-container .grid-search-result:rtl:first-child, #dashtodockContainer.bottom #dash .dash-item-container .show-apps:ltr:last-child, #dashtodockContainer.bottom #dash .dash-item-container .show-apps:rtl:first-child { padding-right: 0; } #dashtodockContainer.bottom #dash .dash-item-container .app-well-app.running .overview-icon, #dashtodockContainer.bottom #dash .dash-item-container .running.grid-search-result .overview-icon { background-image: none; } #dashtodockContainer.bottom #dash .dash-item-container .app-well-app.focused .overview-icon, #dashtodockContainer.bottom #dash .dash-item-container .focused.grid-search-result .overview-icon { background-color: rgba(238, 238, 236, 0.2); } #dashtodockContainer.bottom #dash .dash-item-container .app-well-app .app-well-app-running-dot, #dashtodockContainer.bottom #dash .dash-item-container .grid-search-result .app-well-app-running-dot { margin-bottom: 2px; } #dashtodockContainer.bottom #dash .dash-item-container > StButton { transition-duration: 250; background-size: contain; } #dashtodockContainer.bottom.fixed #dash .dash-background { margin-top: 4px; } #dashtodockContainer.bottom.fixed #dash .dash-item-container .app-well-app, #dashtodockContainer.bottom.fixed #dash .dash-item-container .grid-search-result, #dashtodockContainer.bottom.fixed #dash .dash-item-container .show-apps { padding-top: 14px; } .dash-label.bottom { margin-bottom: 10px; -x-offset: 0; -y-offset: 0; } #dashtodockContainer.bottom.shrink #dash { margin: 0px; padding: 0px; } #dashtodockContainer.bottom.shrink #dash .dash-background { margin: 0; margin-bottom: 4px; padding: 0; border-radius: 14px; spacing: 2px; } #dashtodockContainer.bottom.shrink #dash .dash-separator { background-color: #464646; margin: 0 1px; width: 1px; height: 0; margin-bottom: 4px; } #dashtodockContainer.bottom.shrink #dash #dashtodockDashContainer { padding: 3px; padding-bottom: 0; padding-top: 0; } #dashtodockContainer.bottom.shrink #dash .dash-item-container { /* Disable all margins defined upstream, we handle them here */ margin: 0 2px; } #dashtodockContainer.bottom.shrink #dash .dash-item-container > * { margin: 0; } #dashtodockContainer.bottom.shrink #dash .dash-item-container:ltr:first-child, #dashtodockContainer.bottom.shrink #dash .dash-item-container:rtl:last-child { margin-left: 0; } #dashtodockContainer.bottom.shrink #dash .dash-item-container:ltr:last-child, #dashtodockContainer.bottom.shrink #dash .dash-item-container:rtl:first-child { margin-right: 0; } #dashtodockContainer.bottom.shrink #dash .dash-item-container .app-well-app, #dashtodockContainer.bottom.shrink #dash .dash-item-container .grid-search-result, #dashtodockContainer.bottom.shrink #dash .dash-item-container .show-apps { padding: 1px 1px; padding-bottom: 7px; padding-top: 3px; } #dashtodockContainer.bottom.shrink #dash .dash-item-container .app-well-app:ltr:first-child, #dashtodockContainer.bottom.shrink #dash .dash-item-container .grid-search-result:ltr:first-child, #dashtodockContainer.bottom.shrink #dash .dash-item-container .app-well-app:rtl:last-child, #dashtodockContainer.bottom.shrink #dash .dash-item-container .grid-search-result:rtl:last-child, #dashtodockContainer.bottom.shrink #dash .dash-item-container .show-apps:ltr:first-child, #dashtodockContainer.bottom.shrink #dash .dash-item-container .show-apps:rtl:last-child { padding-left: 0; } #dashtodockContainer.bottom.shrink #dash .dash-item-container .app-well-app:ltr:last-child, #dashtodockContainer.bottom.shrink #dash .dash-item-container .grid-search-result:ltr:last-child, #dashtodockContainer.bottom.shrink #dash .dash-item-container .app-well-app:rtl:first-child, #dashtodockContainer.bottom.shrink #dash .dash-item-container .grid-search-result:rtl:first-child, #dashtodockContainer.bottom.shrink #dash .dash-item-container .show-apps:ltr:last-child, #dashtodockContainer.bottom.shrink #dash .dash-item-container .show-apps:rtl:first-child { padding-right: 0; } #dashtodockContainer.bottom.shrink #dash .dash-item-container .app-well-app.running .overview-icon, #dashtodockContainer.bottom.shrink #dash .dash-item-container .running.grid-search-result .overview-icon { background-image: none; } #dashtodockContainer.bottom.shrink #dash .dash-item-container .app-well-app.focused .overview-icon, #dashtodockContainer.bottom.shrink #dash .dash-item-container .focused.grid-search-result .overview-icon { background-color: rgba(238, 238, 236, 0.2); } #dashtodockContainer.bottom.shrink #dash .dash-item-container .app-well-app .app-well-app-running-dot, #dashtodockContainer.bottom.shrink #dash .dash-item-container .grid-search-result .app-well-app-running-dot { margin-bottom: 2px; } #dashtodockContainer.bottom.shrink #dash .dash-item-container > StButton { transition-duration: 250; background-size: contain; } #dashtodockContainer.bottom.shrink.fixed #dash .dash-background { margin-top: 1px; } #dashtodockContainer.bottom.shrink.fixed #dash .dash-item-container .app-well-app, #dashtodockContainer.bottom.shrink.fixed #dash .dash-item-container .grid-search-result, #dashtodockContainer.bottom.shrink.fixed #dash .dash-item-container .show-apps { padding-top: 4px; } .dash-label.bottom.shrink { margin-bottom: 3px; -x-offset: 0; -y-offset: 0; } #dashtodockContainer.bottom.extended #dash { margin: 0px; padding: 0px; } #dashtodockContainer.bottom.extended #dash .dash-background { margin: 0; margin-bottom: 0; padding: 0; border-radius: 0; spacing: 6px; } #dashtodockContainer.bottom.extended #dash .dash-separator { background-color: #464646; margin: 0 4px; width: 1px; height: 0; margin-bottom: 0; } #dashtodockContainer.bottom.extended #dash #dashtodockDashContainer { padding: 0; padding-bottom: 0; padding-top: 0; } #dashtodockContainer.bottom.extended #dash #dashtodockDashContainer > :first-child .show-apps { padding-left: 8px; } #dashtodockContainer.bottom.extended #dash #dashtodockDashContainer #dashtodockDashScrollview:first-child { padding-left: 8px; } #dashtodockContainer.bottom.extended #dash #dashtodockDashContainer > :last-child .show-apps { padding-right: 8px; } #dashtodockContainer.bottom.extended #dash #dashtodockDashContainer #dashtodockDashScrollview:last-child { padding-right: 8px; } #dashtodockContainer.bottom.extended #dash .dash-item-container { /* Disable all margins defined upstream, we handle them here */ margin: 0 2px; } #dashtodockContainer.bottom.extended #dash .dash-item-container > * { margin: 0; } #dashtodockContainer.bottom.extended #dash .dash-item-container:ltr:first-child, #dashtodockContainer.bottom.extended #dash .dash-item-container:rtl:last-child { margin-left: 0; } #dashtodockContainer.bottom.extended #dash .dash-item-container:ltr:last-child, #dashtodockContainer.bottom.extended #dash .dash-item-container:rtl:first-child { margin-right: 0; } #dashtodockContainer.bottom.extended #dash .dash-item-container .app-well-app, #dashtodockContainer.bottom.extended #dash .dash-item-container .grid-search-result, #dashtodockContainer.bottom.extended #dash .dash-item-container .show-apps { padding: 2px 2px; padding-bottom: 10px; padding-top: 10px; } #dashtodockContainer.bottom.extended #dash .dash-item-container .app-well-app:ltr:first-child, #dashtodockContainer.bottom.extended #dash .dash-item-container .grid-search-result:ltr:first-child, #dashtodockContainer.bottom.extended #dash .dash-item-container .app-well-app:rtl:last-child, #dashtodockContainer.bottom.extended #dash .dash-item-container .grid-search-result:rtl:last-child, #dashtodockContainer.bottom.extended #dash .dash-item-container .show-apps:ltr:first-child, #dashtodockContainer.bottom.extended #dash .dash-item-container .show-apps:rtl:last-child { padding-left: 0; } #dashtodockContainer.bottom.extended #dash .dash-item-container .app-well-app:ltr:last-child, #dashtodockContainer.bottom.extended #dash .dash-item-container .grid-search-result:ltr:last-child, #dashtodockContainer.bottom.extended #dash .dash-item-container .app-well-app:rtl:first-child, #dashtodockContainer.bottom.extended #dash .dash-item-container .grid-search-result:rtl:first-child, #dashtodockContainer.bottom.extended #dash .dash-item-container .show-apps:ltr:last-child, #dashtodockContainer.bottom.extended #dash .dash-item-container .show-apps:rtl:first-child { padding-right: 0; } #dashtodockContainer.bottom.extended #dash .dash-item-container .app-well-app.running .overview-icon, #dashtodockContainer.bottom.extended #dash .dash-item-container .running.grid-search-result .overview-icon { background-image: none; } #dashtodockContainer.bottom.extended #dash .dash-item-container .app-well-app.focused .overview-icon, #dashtodockContainer.bottom.extended #dash .dash-item-container .focused.grid-search-result .overview-icon { background-color: rgba(238, 238, 236, 0.2); } #dashtodockContainer.bottom.extended #dash .dash-item-container .app-well-app .app-well-app-running-dot, #dashtodockContainer.bottom.extended #dash .dash-item-container .grid-search-result .app-well-app-running-dot { margin-bottom: 2px; } #dashtodockContainer.bottom.extended #dash .dash-item-container > StButton { transition-duration: 250; background-size: contain; } #dashtodockContainer.bottom.extended.fixed #dash .dash-background { margin-top: 0; } #dashtodockContainer.bottom.extended.fixed #dash .dash-item-container .app-well-app, #dashtodockContainer.bottom.extended.fixed #dash .dash-item-container .grid-search-result, #dashtodockContainer.bottom.extended.fixed #dash .dash-item-container .show-apps { padding-top: 10px; } .dash-label.bottom { margin-bottom: 10px; -x-offset: 0; -y-offset: 0; } #dashtodockContainer.bottom.extended.shrink #dash { margin: 0px; padding: 0px; } #dashtodockContainer.bottom.extended.shrink #dash .dash-background { margin: 0; margin-bottom: 0; padding: 0; border-radius: 0; spacing: 2px; } #dashtodockContainer.bottom.extended.shrink #dash .dash-separator { background-color: #464646; margin: 0 1px; width: 1px; height: 0; margin-bottom: 0; } #dashtodockContainer.bottom.extended.shrink #dash #dashtodockDashContainer { padding: 0; padding-bottom: 0; padding-top: 0; } #dashtodockContainer.bottom.extended.shrink #dash #dashtodockDashContainer > :first-child .show-apps { padding-left: 6px; } #dashtodockContainer.bottom.extended.shrink #dash #dashtodockDashContainer #dashtodockDashScrollview:first-child { padding-left: 6px; } #dashtodockContainer.bottom.extended.shrink #dash #dashtodockDashContainer > :last-child .show-apps { padding-right: 6px; } #dashtodockContainer.bottom.extended.shrink #dash #dashtodockDashContainer #dashtodockDashScrollview:last-child { padding-right: 6px; } #dashtodockContainer.bottom.extended.shrink #dash .dash-item-container { /* Disable all margins defined upstream, we handle them here */ margin: 0 2px; } #dashtodockContainer.bottom.extended.shrink #dash .dash-item-container > * { margin: 0; } #dashtodockContainer.bottom.extended.shrink #dash .dash-item-container:ltr:first-child, #dashtodockContainer.bottom.extended.shrink #dash .dash-item-container:rtl:last-child { margin-left: 0; } #dashtodockContainer.bottom.extended.shrink #dash .dash-item-container:ltr:last-child, #dashtodockContainer.bottom.extended.shrink #dash .dash-item-container:rtl:first-child { margin-right: 0; } #dashtodockContainer.bottom.extended.shrink #dash .dash-item-container .app-well-app, #dashtodockContainer.bottom.extended.shrink #dash .dash-item-container .grid-search-result, #dashtodockContainer.bottom.extended.shrink #dash .dash-item-container .show-apps { padding: 1px 1px; padding-bottom: 3px; padding-top: 3px; } #dashtodockContainer.bottom.extended.shrink #dash .dash-item-container .app-well-app:ltr:first-child, #dashtodockContainer.bottom.extended.shrink #dash .dash-item-container .grid-search-result:ltr:first-child, #dashtodockContainer.bottom.extended.shrink #dash .dash-item-container .app-well-app:rtl:last-child, #dashtodockContainer.bottom.extended.shrink #dash .dash-item-container .grid-search-result:rtl:last-child, #dashtodockContainer.bottom.extended.shrink #dash .dash-item-container .show-apps:ltr:first-child, #dashtodockContainer.bottom.extended.shrink #dash .dash-item-container .show-apps:rtl:last-child { padding-left: 0; } #dashtodockContainer.bottom.extended.shrink #dash .dash-item-container .app-well-app:ltr:last-child, #dashtodockContainer.bottom.extended.shrink #dash .dash-item-container .grid-search-result:ltr:last-child, #dashtodockContainer.bottom.extended.shrink #dash .dash-item-container .app-well-app:rtl:first-child, #dashtodockContainer.bottom.extended.shrink #dash .dash-item-container .grid-search-result:rtl:first-child, #dashtodockContainer.bottom.extended.shrink #dash .dash-item-container .show-apps:ltr:last-child, #dashtodockContainer.bottom.extended.shrink #dash .dash-item-container .show-apps:rtl:first-child { padding-right: 0; } #dashtodockContainer.bottom.extended.shrink #dash .dash-item-container .app-well-app.running .overview-icon, #dashtodockContainer.bottom.extended.shrink #dash .dash-item-container .running.grid-search-result .overview-icon { background-image: none; } #dashtodockContainer.bottom.extended.shrink #dash .dash-item-container .app-well-app.focused .overview-icon, #dashtodockContainer.bottom.extended.shrink #dash .dash-item-container .focused.grid-search-result .overview-icon { background-color: rgba(238, 238, 236, 0.2); } #dashtodockContainer.bottom.extended.shrink #dash .dash-item-container .app-well-app .app-well-app-running-dot, #dashtodockContainer.bottom.extended.shrink #dash .dash-item-container .grid-search-result .app-well-app-running-dot { margin-bottom: 2px; } #dashtodockContainer.bottom.extended.shrink #dash .dash-item-container > StButton { transition-duration: 250; background-size: contain; } #dashtodockContainer.bottom.extended.shrink.fixed #dash .dash-background { margin-top: 0; } #dashtodockContainer.bottom.extended.shrink.fixed #dash .dash-item-container .app-well-app, #dashtodockContainer.bottom.extended.shrink.fixed #dash .dash-item-container .grid-search-result, #dashtodockContainer.bottom.extended.shrink.fixed #dash .dash-item-container .show-apps { padding-top: 3px; } .dash-label.bottom.shrink { margin-bottom: 3px; -x-offset: 0; -y-offset: 0; } #dashtodockContainer.top #dash { margin: 0px; padding: 0px; } #dashtodockContainer.top #dash .dash-background { margin: 0; margin-top: 4px; padding: 0; border-radius: 18px; spacing: 6px; } #dashtodockContainer.top #dash .dash-separator { background-color: #464646; margin: 0 4px; width: 1px; height: 0; margin-top: 4px; } #dashtodockContainer.top #dash #dashtodockDashContainer { padding: 10px; padding-top: 0; padding-bottom: 0; } #dashtodockContainer.top #dash .dash-item-container { /* Disable all margins defined upstream, we handle them here */ margin: 0 2px; } #dashtodockContainer.top #dash .dash-item-container > * { margin: 0; } #dashtodockContainer.top #dash .dash-item-container:ltr:first-child, #dashtodockContainer.top #dash .dash-item-container:rtl:last-child { margin-left: 0; } #dashtodockContainer.top #dash .dash-item-container:ltr:last-child, #dashtodockContainer.top #dash .dash-item-container:rtl:first-child { margin-right: 0; } #dashtodockContainer.top #dash .dash-item-container .app-well-app, #dashtodockContainer.top #dash .dash-item-container .grid-search-result, #dashtodockContainer.top #dash .dash-item-container .show-apps { padding: 2px 2px; padding-top: 14px; padding-bottom: 10px; } #dashtodockContainer.top #dash .dash-item-container .app-well-app:ltr:first-child, #dashtodockContainer.top #dash .dash-item-container .grid-search-result:ltr:first-child, #dashtodockContainer.top #dash .dash-item-container .app-well-app:rtl:last-child, #dashtodockContainer.top #dash .dash-item-container .grid-search-result:rtl:last-child, #dashtodockContainer.top #dash .dash-item-container .show-apps:ltr:first-child, #dashtodockContainer.top #dash .dash-item-container .show-apps:rtl:last-child { padding-left: 0; } #dashtodockContainer.top #dash .dash-item-container .app-well-app:ltr:last-child, #dashtodockContainer.top #dash .dash-item-container .grid-search-result:ltr:last-child, #dashtodockContainer.top #dash .dash-item-container .app-well-app:rtl:first-child, #dashtodockContainer.top #dash .dash-item-container .grid-search-result:rtl:first-child, #dashtodockContainer.top #dash .dash-item-container .show-apps:ltr:last-child, #dashtodockContainer.top #dash .dash-item-container .show-apps:rtl:first-child { padding-right: 0; } #dashtodockContainer.top #dash .dash-item-container .app-well-app.running .overview-icon, #dashtodockContainer.top #dash .dash-item-container .running.grid-search-result .overview-icon { background-image: none; } #dashtodockContainer.top #dash .dash-item-container .app-well-app.focused .overview-icon, #dashtodockContainer.top #dash .dash-item-container .focused.grid-search-result .overview-icon { background-color: rgba(238, 238, 236, 0.2); } #dashtodockContainer.top #dash .dash-item-container .app-well-app .app-well-app-running-dot, #dashtodockContainer.top #dash .dash-item-container .grid-search-result .app-well-app-running-dot { margin-bottom: 2px; } #dashtodockContainer.top #dash .dash-item-container > StButton { transition-duration: 250; background-size: contain; } #dashtodockContainer.top.fixed #dash .dash-background { margin-bottom: 4px; } #dashtodockContainer.top.fixed #dash .dash-item-container .app-well-app, #dashtodockContainer.top.fixed #dash .dash-item-container .grid-search-result, #dashtodockContainer.top.fixed #dash .dash-item-container .show-apps { padding-bottom: 14px; } .dash-label.top { margin-top: 10px; -x-offset: 0; -y-offset: 0; } #dashtodockContainer.top.shrink #dash { margin: 0px; padding: 0px; } #dashtodockContainer.top.shrink #dash .dash-background { margin: 0; margin-top: 4px; padding: 0; border-radius: 14px; spacing: 2px; } #dashtodockContainer.top.shrink #dash .dash-separator { background-color: #464646; margin: 0 1px; width: 1px; height: 0; margin-top: 4px; } #dashtodockContainer.top.shrink #dash #dashtodockDashContainer { padding: 3px; padding-top: 0; padding-bottom: 0; } #dashtodockContainer.top.shrink #dash .dash-item-container { /* Disable all margins defined upstream, we handle them here */ margin: 0 2px; } #dashtodockContainer.top.shrink #dash .dash-item-container > * { margin: 0; } #dashtodockContainer.top.shrink #dash .dash-item-container:ltr:first-child, #dashtodockContainer.top.shrink #dash .dash-item-container:rtl:last-child { margin-left: 0; } #dashtodockContainer.top.shrink #dash .dash-item-container:ltr:last-child, #dashtodockContainer.top.shrink #dash .dash-item-container:rtl:first-child { margin-right: 0; } #dashtodockContainer.top.shrink #dash .dash-item-container .app-well-app, #dashtodockContainer.top.shrink #dash .dash-item-container .grid-search-result, #dashtodockContainer.top.shrink #dash .dash-item-container .show-apps { padding: 1px 1px; padding-top: 7px; padding-bottom: 3px; } #dashtodockContainer.top.shrink #dash .dash-item-container .app-well-app:ltr:first-child, #dashtodockContainer.top.shrink #dash .dash-item-container .grid-search-result:ltr:first-child, #dashtodockContainer.top.shrink #dash .dash-item-container .app-well-app:rtl:last-child, #dashtodockContainer.top.shrink #dash .dash-item-container .grid-search-result:rtl:last-child, #dashtodockContainer.top.shrink #dash .dash-item-container .show-apps:ltr:first-child, #dashtodockContainer.top.shrink #dash .dash-item-container .show-apps:rtl:last-child { padding-left: 0; } #dashtodockContainer.top.shrink #dash .dash-item-container .app-well-app:ltr:last-child, #dashtodockContainer.top.shrink #dash .dash-item-container .grid-search-result:ltr:last-child, #dashtodockContainer.top.shrink #dash .dash-item-container .app-well-app:rtl:first-child, #dashtodockContainer.top.shrink #dash .dash-item-container .grid-search-result:rtl:first-child, #dashtodockContainer.top.shrink #dash .dash-item-container .show-apps:ltr:last-child, #dashtodockContainer.top.shrink #dash .dash-item-container .show-apps:rtl:first-child { padding-right: 0; } #dashtodockContainer.top.shrink #dash .dash-item-container .app-well-app.running .overview-icon, #dashtodockContainer.top.shrink #dash .dash-item-container .running.grid-search-result .overview-icon { background-image: none; } #dashtodockContainer.top.shrink #dash .dash-item-container .app-well-app.focused .overview-icon, #dashtodockContainer.top.shrink #dash .dash-item-container .focused.grid-search-result .overview-icon { background-color: rgba(238, 238, 236, 0.2); } #dashtodockContainer.top.shrink #dash .dash-item-container .app-well-app .app-well-app-running-dot, #dashtodockContainer.top.shrink #dash .dash-item-container .grid-search-result .app-well-app-running-dot { margin-bottom: 2px; } #dashtodockContainer.top.shrink #dash .dash-item-container > StButton { transition-duration: 250; background-size: contain; } #dashtodockContainer.top.shrink.fixed #dash .dash-background { margin-bottom: 1px; } #dashtodockContainer.top.shrink.fixed #dash .dash-item-container .app-well-app, #dashtodockContainer.top.shrink.fixed #dash .dash-item-container .grid-search-result, #dashtodockContainer.top.shrink.fixed #dash .dash-item-container .show-apps { padding-bottom: 4px; } .dash-label.top.shrink { margin-top: 3px; -x-offset: 0; -y-offset: 0; } #dashtodockContainer.top.extended #dash { margin: 0px; padding: 0px; } #dashtodockContainer.top.extended #dash .dash-background { margin: 0; margin-top: 0; padding: 0; border-radius: 0; spacing: 6px; } #dashtodockContainer.top.extended #dash .dash-separator { background-color: #464646; margin: 0 4px; width: 1px; height: 0; margin-top: 0; } #dashtodockContainer.top.extended #dash #dashtodockDashContainer { padding: 0; padding-top: 0; padding-bottom: 0; } #dashtodockContainer.top.extended #dash #dashtodockDashContainer > :first-child .show-apps { padding-left: 8px; } #dashtodockContainer.top.extended #dash #dashtodockDashContainer #dashtodockDashScrollview:first-child { padding-left: 8px; } #dashtodockContainer.top.extended #dash #dashtodockDashContainer > :last-child .show-apps { padding-right: 8px; } #dashtodockContainer.top.extended #dash #dashtodockDashContainer #dashtodockDashScrollview:last-child { padding-right: 8px; } #dashtodockContainer.top.extended #dash .dash-item-container { /* Disable all margins defined upstream, we handle them here */ margin: 0 2px; } #dashtodockContainer.top.extended #dash .dash-item-container > * { margin: 0; } #dashtodockContainer.top.extended #dash .dash-item-container:ltr:first-child, #dashtodockContainer.top.extended #dash .dash-item-container:rtl:last-child { margin-left: 0; } #dashtodockContainer.top.extended #dash .dash-item-container:ltr:last-child, #dashtodockContainer.top.extended #dash .dash-item-container:rtl:first-child { margin-right: 0; } #dashtodockContainer.top.extended #dash .dash-item-container .app-well-app, #dashtodockContainer.top.extended #dash .dash-item-container .grid-search-result, #dashtodockContainer.top.extended #dash .dash-item-container .show-apps { padding: 2px 2px; padding-top: 10px; padding-bottom: 10px; } #dashtodockContainer.top.extended #dash .dash-item-container .app-well-app:ltr:first-child, #dashtodockContainer.top.extended #dash .dash-item-container .grid-search-result:ltr:first-child, #dashtodockContainer.top.extended #dash .dash-item-container .app-well-app:rtl:last-child, #dashtodockContainer.top.extended #dash .dash-item-container .grid-search-result:rtl:last-child, #dashtodockContainer.top.extended #dash .dash-item-container .show-apps:ltr:first-child, #dashtodockContainer.top.extended #dash .dash-item-container .show-apps:rtl:last-child { padding-left: 0; } #dashtodockContainer.top.extended #dash .dash-item-container .app-well-app:ltr:last-child, #dashtodockContainer.top.extended #dash .dash-item-container .grid-search-result:ltr:last-child, #dashtodockContainer.top.extended #dash .dash-item-container .app-well-app:rtl:first-child, #dashtodockContainer.top.extended #dash .dash-item-container .grid-search-result:rtl:first-child, #dashtodockContainer.top.extended #dash .dash-item-container .show-apps:ltr:last-child, #dashtodockContainer.top.extended #dash .dash-item-container .show-apps:rtl:first-child { padding-right: 0; } #dashtodockContainer.top.extended #dash .dash-item-container .app-well-app.running .overview-icon, #dashtodockContainer.top.extended #dash .dash-item-container .running.grid-search-result .overview-icon { background-image: none; } #dashtodockContainer.top.extended #dash .dash-item-container .app-well-app.focused .overview-icon, #dashtodockContainer.top.extended #dash .dash-item-container .focused.grid-search-result .overview-icon { background-color: rgba(238, 238, 236, 0.2); } #dashtodockContainer.top.extended #dash .dash-item-container .app-well-app .app-well-app-running-dot, #dashtodockContainer.top.extended #dash .dash-item-container .grid-search-result .app-well-app-running-dot { margin-bottom: 2px; } #dashtodockContainer.top.extended #dash .dash-item-container > StButton { transition-duration: 250; background-size: contain; } #dashtodockContainer.top.extended.fixed #dash .dash-background { margin-bottom: 0; } #dashtodockContainer.top.extended.fixed #dash .dash-item-container .app-well-app, #dashtodockContainer.top.extended.fixed #dash .dash-item-container .grid-search-result, #dashtodockContainer.top.extended.fixed #dash .dash-item-container .show-apps { padding-bottom: 10px; } .dash-label.top { margin-top: 10px; -x-offset: 0; -y-offset: 0; } #dashtodockContainer.top.extended.shrink #dash { margin: 0px; padding: 0px; } #dashtodockContainer.top.extended.shrink #dash .dash-background { margin: 0; margin-top: 0; padding: 0; border-radius: 0; spacing: 2px; } #dashtodockContainer.top.extended.shrink #dash .dash-separator { background-color: #464646; margin: 0 1px; width: 1px; height: 0; margin-top: 0; } #dashtodockContainer.top.extended.shrink #dash #dashtodockDashContainer { padding: 0; padding-top: 0; padding-bottom: 0; } #dashtodockContainer.top.extended.shrink #dash #dashtodockDashContainer > :first-child .show-apps { padding-left: 6px; } #dashtodockContainer.top.extended.shrink #dash #dashtodockDashContainer #dashtodockDashScrollview:first-child { padding-left: 6px; } #dashtodockContainer.top.extended.shrink #dash #dashtodockDashContainer > :last-child .show-apps { padding-right: 6px; } #dashtodockContainer.top.extended.shrink #dash #dashtodockDashContainer #dashtodockDashScrollview:last-child { padding-right: 6px; } #dashtodockContainer.top.extended.shrink #dash .dash-item-container { /* Disable all margins defined upstream, we handle them here */ margin: 0 2px; } #dashtodockContainer.top.extended.shrink #dash .dash-item-container > * { margin: 0; } #dashtodockContainer.top.extended.shrink #dash .dash-item-container:ltr:first-child, #dashtodockContainer.top.extended.shrink #dash .dash-item-container:rtl:last-child { margin-left: 0; } #dashtodockContainer.top.extended.shrink #dash .dash-item-container:ltr:last-child, #dashtodockContainer.top.extended.shrink #dash .dash-item-container:rtl:first-child { margin-right: 0; } #dashtodockContainer.top.extended.shrink #dash .dash-item-container .app-well-app, #dashtodockContainer.top.extended.shrink #dash .dash-item-container .grid-search-result, #dashtodockContainer.top.extended.shrink #dash .dash-item-container .show-apps { padding: 1px 1px; padding-top: 3px; padding-bottom: 3px; } #dashtodockContainer.top.extended.shrink #dash .dash-item-container .app-well-app:ltr:first-child, #dashtodockContainer.top.extended.shrink #dash .dash-item-container .grid-search-result:ltr:first-child, #dashtodockContainer.top.extended.shrink #dash .dash-item-container .app-well-app:rtl:last-child, #dashtodockContainer.top.extended.shrink #dash .dash-item-container .grid-search-result:rtl:last-child, #dashtodockContainer.top.extended.shrink #dash .dash-item-container .show-apps:ltr:first-child, #dashtodockContainer.top.extended.shrink #dash .dash-item-container .show-apps:rtl:last-child { padding-left: 0; } #dashtodockContainer.top.extended.shrink #dash .dash-item-container .app-well-app:ltr:last-child, #dashtodockContainer.top.extended.shrink #dash .dash-item-container .grid-search-result:ltr:last-child, #dashtodockContainer.top.extended.shrink #dash .dash-item-container .app-well-app:rtl:first-child, #dashtodockContainer.top.extended.shrink #dash .dash-item-container .grid-search-result:rtl:first-child, #dashtodockContainer.top.extended.shrink #dash .dash-item-container .show-apps:ltr:last-child, #dashtodockContainer.top.extended.shrink #dash .dash-item-container .show-apps:rtl:first-child { padding-right: 0; } #dashtodockContainer.top.extended.shrink #dash .dash-item-container .app-well-app.running .overview-icon, #dashtodockContainer.top.extended.shrink #dash .dash-item-container .running.grid-search-result .overview-icon { background-image: none; } #dashtodockContainer.top.extended.shrink #dash .dash-item-container .app-well-app.focused .overview-icon, #dashtodockContainer.top.extended.shrink #dash .dash-item-container .focused.grid-search-result .overview-icon { background-color: rgba(238, 238, 236, 0.2); } #dashtodockContainer.top.extended.shrink #dash .dash-item-container .app-well-app .app-well-app-running-dot, #dashtodockContainer.top.extended.shrink #dash .dash-item-container .grid-search-result .app-well-app-running-dot { margin-bottom: 2px; } #dashtodockContainer.top.extended.shrink #dash .dash-item-container > StButton { transition-duration: 250; background-size: contain; } #dashtodockContainer.top.extended.shrink.fixed #dash .dash-background { margin-bottom: 0; } #dashtodockContainer.top.extended.shrink.fixed #dash .dash-item-container .app-well-app, #dashtodockContainer.top.extended.shrink.fixed #dash .dash-item-container .grid-search-result, #dashtodockContainer.top.extended.shrink.fixed #dash .dash-item-container .show-apps { padding-bottom: 3px; } .dash-label.top.shrink { margin-top: 3px; -x-offset: 0; -y-offset: 0; } #dashtodockContainer.left #dash { margin: 0px; padding: 0px; } #dashtodockContainer.left #dash .dash-background { margin: 0; margin-left: 4px; padding: 0; border-radius: 18px; spacing: 6px; } #dashtodockContainer.left #dash .dash-separator { background-color: #464646; width: 0; height: 1px; margin: 4px 0; margin-left: 4px; } #dashtodockContainer.left #dash #dashtodockDashContainer { padding: 10px; padding-left: 0; padding-right: 0; } #dashtodockContainer.left #dash .dash-item-container { /* Disable all margins defined upstream, we handle them here */ margin: 2px 0; } #dashtodockContainer.left #dash .dash-item-container > * { margin: 0; } #dashtodockContainer.left #dash .dash-item-container:first-child { margin-top: 0; } #dashtodockContainer.left #dash .dash-item-container:last-child { margin-bottom: 0; } #dashtodockContainer.left #dash .dash-item-container .app-well-app, #dashtodockContainer.left #dash .dash-item-container .grid-search-result, #dashtodockContainer.left #dash .dash-item-container .show-apps { padding: 2px 2px; padding-left: 14px; padding-right: 10px; } #dashtodockContainer.left #dash .dash-item-container .app-well-app:first-child, #dashtodockContainer.left #dash .dash-item-container .grid-search-result:first-child, #dashtodockContainer.left #dash .dash-item-container .show-apps:first-child { padding-top: 0; } #dashtodockContainer.left #dash .dash-item-container .app-well-app:last-child, #dashtodockContainer.left #dash .dash-item-container .grid-search-result:last-child, #dashtodockContainer.left #dash .dash-item-container .show-apps:last-child { padding-bottom: 0; } #dashtodockContainer.left #dash .dash-item-container .app-well-app.running .overview-icon, #dashtodockContainer.left #dash .dash-item-container .running.grid-search-result .overview-icon { background-image: none; } #dashtodockContainer.left #dash .dash-item-container .app-well-app.focused .overview-icon, #dashtodockContainer.left #dash .dash-item-container .focused.grid-search-result .overview-icon { background-color: rgba(238, 238, 236, 0.2); } #dashtodockContainer.left #dash .dash-item-container .app-well-app .app-well-app-running-dot, #dashtodockContainer.left #dash .dash-item-container .grid-search-result .app-well-app-running-dot { margin-bottom: 2px; } #dashtodockContainer.left #dash .dash-item-container > StButton { transition-duration: 250; background-size: contain; } #dashtodockContainer.left.fixed #dash .dash-background { margin-right: 4px; } #dashtodockContainer.left.fixed #dash .dash-item-container .app-well-app, #dashtodockContainer.left.fixed #dash .dash-item-container .grid-search-result, #dashtodockContainer.left.fixed #dash .dash-item-container .show-apps { padding-right: 14px; } .dash-label.left { margin: 0; -x-offset: 10px; -y-offset: 0; } #dashtodockContainer.left.shrink #dash { margin: 0px; padding: 0px; } #dashtodockContainer.left.shrink #dash .dash-background { margin: 0; margin-left: 4px; padding: 0; border-radius: 14px; spacing: 2px; } #dashtodockContainer.left.shrink #dash .dash-separator { background-color: #464646; width: 0; height: 1px; margin: 1px 0; margin-left: 4px; } #dashtodockContainer.left.shrink #dash #dashtodockDashContainer { padding: 3px; padding-left: 0; padding-right: 0; } #dashtodockContainer.left.shrink #dash .dash-item-container { /* Disable all margins defined upstream, we handle them here */ margin: 2px 0; } #dashtodockContainer.left.shrink #dash .dash-item-container > * { margin: 0; } #dashtodockContainer.left.shrink #dash .dash-item-container:first-child { margin-top: 0; } #dashtodockContainer.left.shrink #dash .dash-item-container:last-child { margin-bottom: 0; } #dashtodockContainer.left.shrink #dash .dash-item-container .app-well-app, #dashtodockContainer.left.shrink #dash .dash-item-container .grid-search-result, #dashtodockContainer.left.shrink #dash .dash-item-container .show-apps { padding: 1px 1px; padding-left: 7px; padding-right: 3px; } #dashtodockContainer.left.shrink #dash .dash-item-container .app-well-app:first-child, #dashtodockContainer.left.shrink #dash .dash-item-container .grid-search-result:first-child, #dashtodockContainer.left.shrink #dash .dash-item-container .show-apps:first-child { padding-top: 0; } #dashtodockContainer.left.shrink #dash .dash-item-container .app-well-app:last-child, #dashtodockContainer.left.shrink #dash .dash-item-container .grid-search-result:last-child, #dashtodockContainer.left.shrink #dash .dash-item-container .show-apps:last-child { padding-bottom: 0; } #dashtodockContainer.left.shrink #dash .dash-item-container .app-well-app.running .overview-icon, #dashtodockContainer.left.shrink #dash .dash-item-container .running.grid-search-result .overview-icon { background-image: none; } #dashtodockContainer.left.shrink #dash .dash-item-container .app-well-app.focused .overview-icon, #dashtodockContainer.left.shrink #dash .dash-item-container .focused.grid-search-result .overview-icon { background-color: rgba(238, 238, 236, 0.2); } #dashtodockContainer.left.shrink #dash .dash-item-container .app-well-app .app-well-app-running-dot, #dashtodockContainer.left.shrink #dash .dash-item-container .grid-search-result .app-well-app-running-dot { margin-bottom: 2px; } #dashtodockContainer.left.shrink #dash .dash-item-container > StButton { transition-duration: 250; background-size: contain; } #dashtodockContainer.left.shrink.fixed #dash .dash-background { margin-right: 1px; } #dashtodockContainer.left.shrink.fixed #dash .dash-item-container .app-well-app, #dashtodockContainer.left.shrink.fixed #dash .dash-item-container .grid-search-result, #dashtodockContainer.left.shrink.fixed #dash .dash-item-container .show-apps { padding-right: 4px; } .dash-label.left.shrink { margin: 0; -x-offset: 3px; -y-offset: 0; } #dashtodockContainer.left.extended #dash { margin: 0px; padding: 0px; } #dashtodockContainer.left.extended #dash .dash-background { margin: 0; margin-left: 0; padding: 0; border-radius: 0; spacing: 6px; } #dashtodockContainer.left.extended #dash .dash-separator { background-color: #464646; width: 0; height: 1px; margin: 4px 0; margin-left: 0; } #dashtodockContainer.left.extended #dash #dashtodockDashContainer { padding: 0; padding-left: 0; padding-right: 0; } #dashtodockContainer.left.extended #dash #dashtodockDashContainer > :first-child .show-apps { padding-top: 8px; } #dashtodockContainer.left.extended #dash #dashtodockDashContainer #dashtodockDashScrollview:first-child { padding-top: 8px; } #dashtodockContainer.left.extended #dash #dashtodockDashContainer > :last-child .show-apps { padding-bottom: 8px; } #dashtodockContainer.left.extended #dash #dashtodockDashContainer #dashtodockDashScrollview:last-child { padding-bottom: 8px; } #dashtodockContainer.left.extended #dash .dash-item-container { /* Disable all margins defined upstream, we handle them here */ margin: 2px 0; } #dashtodockContainer.left.extended #dash .dash-item-container > * { margin: 0; } #dashtodockContainer.left.extended #dash .dash-item-container:first-child { margin-top: 0; } #dashtodockContainer.left.extended #dash .dash-item-container:last-child { margin-bottom: 0; } #dashtodockContainer.left.extended #dash .dash-item-container .app-well-app, #dashtodockContainer.left.extended #dash .dash-item-container .grid-search-result, #dashtodockContainer.left.extended #dash .dash-item-container .show-apps { padding: 2px 2px; padding-left: 10px; padding-right: 10px; } #dashtodockContainer.left.extended #dash .dash-item-container .app-well-app:first-child, #dashtodockContainer.left.extended #dash .dash-item-container .grid-search-result:first-child, #dashtodockContainer.left.extended #dash .dash-item-container .show-apps:first-child { padding-top: 0; } #dashtodockContainer.left.extended #dash .dash-item-container .app-well-app:last-child, #dashtodockContainer.left.extended #dash .dash-item-container .grid-search-result:last-child, #dashtodockContainer.left.extended #dash .dash-item-container .show-apps:last-child { padding-bottom: 0; } #dashtodockContainer.left.extended #dash .dash-item-container .app-well-app.running .overview-icon, #dashtodockContainer.left.extended #dash .dash-item-container .running.grid-search-result .overview-icon { background-image: none; } #dashtodockContainer.left.extended #dash .dash-item-container .app-well-app.focused .overview-icon, #dashtodockContainer.left.extended #dash .dash-item-container .focused.grid-search-result .overview-icon { background-color: rgba(238, 238, 236, 0.2); } #dashtodockContainer.left.extended #dash .dash-item-container .app-well-app .app-well-app-running-dot, #dashtodockContainer.left.extended #dash .dash-item-container .grid-search-result .app-well-app-running-dot { margin-bottom: 2px; } #dashtodockContainer.left.extended #dash .dash-item-container > StButton { transition-duration: 250; background-size: contain; } #dashtodockContainer.left.extended.fixed #dash .dash-background { margin-right: 0; } #dashtodockContainer.left.extended.fixed #dash .dash-item-container .app-well-app, #dashtodockContainer.left.extended.fixed #dash .dash-item-container .grid-search-result, #dashtodockContainer.left.extended.fixed #dash .dash-item-container .show-apps { padding-right: 10px; } .dash-label.left { margin: 0; -x-offset: 10px; -y-offset: 0; } #dashtodockContainer.left.extended.shrink #dash { margin: 0px; padding: 0px; } #dashtodockContainer.left.extended.shrink #dash .dash-background { margin: 0; margin-left: 0; padding: 0; border-radius: 0; spacing: 2px; } #dashtodockContainer.left.extended.shrink #dash .dash-separator { background-color: #464646; width: 0; height: 1px; margin: 1px 0; margin-left: 0; } #dashtodockContainer.left.extended.shrink #dash #dashtodockDashContainer { padding: 0; padding-left: 0; padding-right: 0; } #dashtodockContainer.left.extended.shrink #dash #dashtodockDashContainer > :first-child .show-apps { padding-top: 6px; } #dashtodockContainer.left.extended.shrink #dash #dashtodockDashContainer #dashtodockDashScrollview:first-child { padding-top: 6px; } #dashtodockContainer.left.extended.shrink #dash #dashtodockDashContainer > :last-child .show-apps { padding-bottom: 6px; } #dashtodockContainer.left.extended.shrink #dash #dashtodockDashContainer #dashtodockDashScrollview:last-child { padding-bottom: 6px; } #dashtodockContainer.left.extended.shrink #dash .dash-item-container { /* Disable all margins defined upstream, we handle them here */ margin: 2px 0; } #dashtodockContainer.left.extended.shrink #dash .dash-item-container > * { margin: 0; } #dashtodockContainer.left.extended.shrink #dash .dash-item-container:first-child { margin-top: 0; } #dashtodockContainer.left.extended.shrink #dash .dash-item-container:last-child { margin-bottom: 0; } #dashtodockContainer.left.extended.shrink #dash .dash-item-container .app-well-app, #dashtodockContainer.left.extended.shrink #dash .dash-item-container .grid-search-result, #dashtodockContainer.left.extended.shrink #dash .dash-item-container .show-apps { padding: 1px 1px; padding-left: 3px; padding-right: 3px; } #dashtodockContainer.left.extended.shrink #dash .dash-item-container .app-well-app:first-child, #dashtodockContainer.left.extended.shrink #dash .dash-item-container .grid-search-result:first-child, #dashtodockContainer.left.extended.shrink #dash .dash-item-container .show-apps:first-child { padding-top: 0; } #dashtodockContainer.left.extended.shrink #dash .dash-item-container .app-well-app:last-child, #dashtodockContainer.left.extended.shrink #dash .dash-item-container .grid-search-result:last-child, #dashtodockContainer.left.extended.shrink #dash .dash-item-container .show-apps:last-child { padding-bottom: 0; } #dashtodockContainer.left.extended.shrink #dash .dash-item-container .app-well-app.running .overview-icon, #dashtodockContainer.left.extended.shrink #dash .dash-item-container .running.grid-search-result .overview-icon { background-image: none; } #dashtodockContainer.left.extended.shrink #dash .dash-item-container .app-well-app.focused .overview-icon, #dashtodockContainer.left.extended.shrink #dash .dash-item-container .focused.grid-search-result .overview-icon { background-color: rgba(238, 238, 236, 0.2); } #dashtodockContainer.left.extended.shrink #dash .dash-item-container .app-well-app .app-well-app-running-dot, #dashtodockContainer.left.extended.shrink #dash .dash-item-container .grid-search-result .app-well-app-running-dot { margin-bottom: 2px; } #dashtodockContainer.left.extended.shrink #dash .dash-item-container > StButton { transition-duration: 250; background-size: contain; } #dashtodockContainer.left.extended.shrink.fixed #dash .dash-background { margin-right: 0; } #dashtodockContainer.left.extended.shrink.fixed #dash .dash-item-container .app-well-app, #dashtodockContainer.left.extended.shrink.fixed #dash .dash-item-container .grid-search-result, #dashtodockContainer.left.extended.shrink.fixed #dash .dash-item-container .show-apps { padding-right: 3px; } .dash-label.left.shrink { margin: 0; -x-offset: 3px; -y-offset: 0; } #dashtodockContainer.right #dash { margin: 0px; padding: 0px; } #dashtodockContainer.right #dash .dash-background { margin: 0; margin-right: 4px; padding: 0; border-radius: 18px; spacing: 6px; } #dashtodockContainer.right #dash .dash-separator { background-color: #464646; width: 0; height: 1px; margin: 4px 0; margin-right: 4px; } #dashtodockContainer.right #dash #dashtodockDashContainer { padding: 10px; padding-right: 0; padding-left: 0; } #dashtodockContainer.right #dash .dash-item-container { /* Disable all margins defined upstream, we handle them here */ margin: 2px 0; } #dashtodockContainer.right #dash .dash-item-container > * { margin: 0; } #dashtodockContainer.right #dash .dash-item-container:first-child { margin-top: 0; } #dashtodockContainer.right #dash .dash-item-container:last-child { margin-bottom: 0; } #dashtodockContainer.right #dash .dash-item-container .app-well-app, #dashtodockContainer.right #dash .dash-item-container .grid-search-result, #dashtodockContainer.right #dash .dash-item-container .show-apps { padding: 2px 2px; padding-right: 14px; padding-left: 10px; } #dashtodockContainer.right #dash .dash-item-container .app-well-app:first-child, #dashtodockContainer.right #dash .dash-item-container .grid-search-result:first-child, #dashtodockContainer.right #dash .dash-item-container .show-apps:first-child { padding-top: 0; } #dashtodockContainer.right #dash .dash-item-container .app-well-app:last-child, #dashtodockContainer.right #dash .dash-item-container .grid-search-result:last-child, #dashtodockContainer.right #dash .dash-item-container .show-apps:last-child { padding-bottom: 0; } #dashtodockContainer.right #dash .dash-item-container .app-well-app.running .overview-icon, #dashtodockContainer.right #dash .dash-item-container .running.grid-search-result .overview-icon { background-image: none; } #dashtodockContainer.right #dash .dash-item-container .app-well-app.focused .overview-icon, #dashtodockContainer.right #dash .dash-item-container .focused.grid-search-result .overview-icon { background-color: rgba(238, 238, 236, 0.2); } #dashtodockContainer.right #dash .dash-item-container .app-well-app .app-well-app-running-dot, #dashtodockContainer.right #dash .dash-item-container .grid-search-result .app-well-app-running-dot { margin-bottom: 2px; } #dashtodockContainer.right #dash .dash-item-container > StButton { transition-duration: 250; background-size: contain; } #dashtodockContainer.right.fixed #dash .dash-background { margin-left: 4px; } #dashtodockContainer.right.fixed #dash .dash-item-container .app-well-app, #dashtodockContainer.right.fixed #dash .dash-item-container .grid-search-result, #dashtodockContainer.right.fixed #dash .dash-item-container .show-apps { padding-left: 14px; } .dash-label.right { margin: 0; -x-offset: 10px; -y-offset: 0; } #dashtodockContainer.right.shrink #dash { margin: 0px; padding: 0px; } #dashtodockContainer.right.shrink #dash .dash-background { margin: 0; margin-right: 4px; padding: 0; border-radius: 14px; spacing: 2px; } #dashtodockContainer.right.shrink #dash .dash-separator { background-color: #464646; width: 0; height: 1px; margin: 1px 0; margin-right: 4px; } #dashtodockContainer.right.shrink #dash #dashtodockDashContainer { padding: 3px; padding-right: 0; padding-left: 0; } #dashtodockContainer.right.shrink #dash .dash-item-container { /* Disable all margins defined upstream, we handle them here */ margin: 2px 0; } #dashtodockContainer.right.shrink #dash .dash-item-container > * { margin: 0; } #dashtodockContainer.right.shrink #dash .dash-item-container:first-child { margin-top: 0; } #dashtodockContainer.right.shrink #dash .dash-item-container:last-child { margin-bottom: 0; } #dashtodockContainer.right.shrink #dash .dash-item-container .app-well-app, #dashtodockContainer.right.shrink #dash .dash-item-container .grid-search-result, #dashtodockContainer.right.shrink #dash .dash-item-container .show-apps { padding: 1px 1px; padding-right: 7px; padding-left: 3px; } #dashtodockContainer.right.shrink #dash .dash-item-container .app-well-app:first-child, #dashtodockContainer.right.shrink #dash .dash-item-container .grid-search-result:first-child, #dashtodockContainer.right.shrink #dash .dash-item-container .show-apps:first-child { padding-top: 0; } #dashtodockContainer.right.shrink #dash .dash-item-container .app-well-app:last-child, #dashtodockContainer.right.shrink #dash .dash-item-container .grid-search-result:last-child, #dashtodockContainer.right.shrink #dash .dash-item-container .show-apps:last-child { padding-bottom: 0; } #dashtodockContainer.right.shrink #dash .dash-item-container .app-well-app.running .overview-icon, #dashtodockContainer.right.shrink #dash .dash-item-container .running.grid-search-result .overview-icon { background-image: none; } #dashtodockContainer.right.shrink #dash .dash-item-container .app-well-app.focused .overview-icon, #dashtodockContainer.right.shrink #dash .dash-item-container .focused.grid-search-result .overview-icon { background-color: rgba(238, 238, 236, 0.2); } #dashtodockContainer.right.shrink #dash .dash-item-container .app-well-app .app-well-app-running-dot, #dashtodockContainer.right.shrink #dash .dash-item-container .grid-search-result .app-well-app-running-dot { margin-bottom: 2px; } #dashtodockContainer.right.shrink #dash .dash-item-container > StButton { transition-duration: 250; background-size: contain; } #dashtodockContainer.right.shrink.fixed #dash .dash-background { margin-left: 1px; } #dashtodockContainer.right.shrink.fixed #dash .dash-item-container .app-well-app, #dashtodockContainer.right.shrink.fixed #dash .dash-item-container .grid-search-result, #dashtodockContainer.right.shrink.fixed #dash .dash-item-container .show-apps { padding-left: 4px; } .dash-label.right.shrink { margin: 0; -x-offset: 3px; -y-offset: 0; } #dashtodockContainer.right.extended #dash { margin: 0px; padding: 0px; } #dashtodockContainer.right.extended #dash .dash-background { margin: 0; margin-right: 0; padding: 0; border-radius: 0; spacing: 6px; } #dashtodockContainer.right.extended #dash .dash-separator { background-color: #464646; width: 0; height: 1px; margin: 4px 0; margin-right: 0; } #dashtodockContainer.right.extended #dash #dashtodockDashContainer { padding: 0; padding-right: 0; padding-left: 0; } #dashtodockContainer.right.extended #dash #dashtodockDashContainer > :first-child .show-apps { padding-top: 8px; } #dashtodockContainer.right.extended #dash #dashtodockDashContainer #dashtodockDashScrollview:first-child { padding-top: 8px; } #dashtodockContainer.right.extended #dash #dashtodockDashContainer > :last-child .show-apps { padding-bottom: 8px; } #dashtodockContainer.right.extended #dash #dashtodockDashContainer #dashtodockDashScrollview:last-child { padding-bottom: 8px; } #dashtodockContainer.right.extended #dash .dash-item-container { /* Disable all margins defined upstream, we handle them here */ margin: 2px 0; } #dashtodockContainer.right.extended #dash .dash-item-container > * { margin: 0; } #dashtodockContainer.right.extended #dash .dash-item-container:first-child { margin-top: 0; } #dashtodockContainer.right.extended #dash .dash-item-container:last-child { margin-bottom: 0; } #dashtodockContainer.right.extended #dash .dash-item-container .app-well-app, #dashtodockContainer.right.extended #dash .dash-item-container .grid-search-result, #dashtodockContainer.right.extended #dash .dash-item-container .show-apps { padding: 2px 2px; padding-right: 10px; padding-left: 10px; } #dashtodockContainer.right.extended #dash .dash-item-container .app-well-app:first-child, #dashtodockContainer.right.extended #dash .dash-item-container .grid-search-result:first-child, #dashtodockContainer.right.extended #dash .dash-item-container .show-apps:first-child { padding-top: 0; } #dashtodockContainer.right.extended #dash .dash-item-container .app-well-app:last-child, #dashtodockContainer.right.extended #dash .dash-item-container .grid-search-result:last-child, #dashtodockContainer.right.extended #dash .dash-item-container .show-apps:last-child { padding-bottom: 0; } #dashtodockContainer.right.extended #dash .dash-item-container .app-well-app.running .overview-icon, #dashtodockContainer.right.extended #dash .dash-item-container .running.grid-search-result .overview-icon { background-image: none; } #dashtodockContainer.right.extended #dash .dash-item-container .app-well-app.focused .overview-icon, #dashtodockContainer.right.extended #dash .dash-item-container .focused.grid-search-result .overview-icon { background-color: rgba(238, 238, 236, 0.2); } #dashtodockContainer.right.extended #dash .dash-item-container .app-well-app .app-well-app-running-dot, #dashtodockContainer.right.extended #dash .dash-item-container .grid-search-result .app-well-app-running-dot { margin-bottom: 2px; } #dashtodockContainer.right.extended #dash .dash-item-container > StButton { transition-duration: 250; background-size: contain; } #dashtodockContainer.right.extended.fixed #dash .dash-background { margin-left: 0; } #dashtodockContainer.right.extended.fixed #dash .dash-item-container .app-well-app, #dashtodockContainer.right.extended.fixed #dash .dash-item-container .grid-search-result, #dashtodockContainer.right.extended.fixed #dash .dash-item-container .show-apps { padding-left: 10px; } .dash-label.right { margin: 0; -x-offset: 10px; -y-offset: 0; } #dashtodockContainer.right.extended.shrink #dash { margin: 0px; padding: 0px; } #dashtodockContainer.right.extended.shrink #dash .dash-background { margin: 0; margin-right: 0; padding: 0; border-radius: 0; spacing: 2px; } #dashtodockContainer.right.extended.shrink #dash .dash-separator { background-color: #464646; width: 0; height: 1px; margin: 1px 0; margin-right: 0; } #dashtodockContainer.right.extended.shrink #dash #dashtodockDashContainer { padding: 0; padding-right: 0; padding-left: 0; } #dashtodockContainer.right.extended.shrink #dash #dashtodockDashContainer > :first-child .show-apps { padding-top: 6px; } #dashtodockContainer.right.extended.shrink #dash #dashtodockDashContainer #dashtodockDashScrollview:first-child { padding-top: 6px; } #dashtodockContainer.right.extended.shrink #dash #dashtodockDashContainer > :last-child .show-apps { padding-bottom: 6px; } #dashtodockContainer.right.extended.shrink #dash #dashtodockDashContainer #dashtodockDashScrollview:last-child { padding-bottom: 6px; } #dashtodockContainer.right.extended.shrink #dash .dash-item-container { /* Disable all margins defined upstream, we handle them here */ margin: 2px 0; } #dashtodockContainer.right.extended.shrink #dash .dash-item-container > * { margin: 0; } #dashtodockContainer.right.extended.shrink #dash .dash-item-container:first-child { margin-top: 0; } #dashtodockContainer.right.extended.shrink #dash .dash-item-container:last-child { margin-bottom: 0; } #dashtodockContainer.right.extended.shrink #dash .dash-item-container .app-well-app, #dashtodockContainer.right.extended.shrink #dash .dash-item-container .grid-search-result, #dashtodockContainer.right.extended.shrink #dash .dash-item-container .show-apps { padding: 1px 1px; padding-right: 3px; padding-left: 3px; } #dashtodockContainer.right.extended.shrink #dash .dash-item-container .app-well-app:first-child, #dashtodockContainer.right.extended.shrink #dash .dash-item-container .grid-search-result:first-child, #dashtodockContainer.right.extended.shrink #dash .dash-item-container .show-apps:first-child { padding-top: 0; } #dashtodockContainer.right.extended.shrink #dash .dash-item-container .app-well-app:last-child, #dashtodockContainer.right.extended.shrink #dash .dash-item-container .grid-search-result:last-child, #dashtodockContainer.right.extended.shrink #dash .dash-item-container .show-apps:last-child { padding-bottom: 0; } #dashtodockContainer.right.extended.shrink #dash .dash-item-container .app-well-app.running .overview-icon, #dashtodockContainer.right.extended.shrink #dash .dash-item-container .running.grid-search-result .overview-icon { background-image: none; } #dashtodockContainer.right.extended.shrink #dash .dash-item-container .app-well-app.focused .overview-icon, #dashtodockContainer.right.extended.shrink #dash .dash-item-container .focused.grid-search-result .overview-icon { background-color: rgba(238, 238, 236, 0.2); } #dashtodockContainer.right.extended.shrink #dash .dash-item-container .app-well-app .app-well-app-running-dot, #dashtodockContainer.right.extended.shrink #dash .dash-item-container .grid-search-result .app-well-app-running-dot { margin-bottom: 2px; } #dashtodockContainer.right.extended.shrink #dash .dash-item-container > StButton { transition-duration: 250; background-size: contain; } #dashtodockContainer.right.extended.shrink.fixed #dash .dash-background { margin-left: 0; } #dashtodockContainer.right.extended.shrink.fixed #dash .dash-item-container .app-well-app, #dashtodockContainer.right.extended.shrink.fixed #dash .dash-item-container .grid-search-result, #dashtodockContainer.right.extended.shrink.fixed #dash .dash-item-container .show-apps { padding-left: 3px; } .dash-label.right.shrink { margin: 0; -x-offset: 3px; -y-offset: 0; } #dashtodockContainer.top.shrink #dash .dash-background { margin-top: 4px; margin-bottom: 0; } #dashtodockContainer.straight-corner #dash .dash-background, #dashtodockContainer.shrink.straight-corner #dash .dash-background { border-radius: 0px; } /* Scrollview style */ .bottom #dashtodockDashScrollview, .top #dashtodockDashScrollview { -st-hfade-offset: 24px; } .left #dashtodockDashScrollview, .right #dashtodockDashScrollview { -st-vfade-offset: 24px; } #dashtodockContainer.dashtodock #dash .dash-background { background: #1d1d1d; } #dashtodockContainer.dashtodock .progress-bar { /* Customization of the progress bar style, e.g.: -progress-bar-background: rgba(0.8, 0.8, 0.8, 1); -progress-bar-border: rgba(0.9, 0.9, 0.9, 1); */ } #dashtodockContainer.top #dash .placeholder, #dashtodockContainer.bottom #dash .placeholder { width: 32px; height: 1px; } /* * This is applied to a dummy actor. Only the alpha value for the background and border color * and the transition-duration are used */ #dashtodockContainer.dummy-opaque { background-color: rgba(0, 0, 0, 0.8); border-color: rgba(0, 0, 0, 0.4); transition-duration: 300ms; } /* * This is applied to a dummy actor. Only the alpha value for the background and border color * and the transition-duration are used */ #dashtodockContainer.dummy-transparent { background-color: rgba(0, 0, 0, 0.2); border-color: rgba(0, 0, 0, 0.1); transition-duration: 500ms; } #dashtodockContainer .number-overlay { color: white; background-color: rgba(0, 0, 0, 0.8); text-align: center; } #dashtodockContainer .notification-badge { color: white; background-color: red; padding: 0.2em 0.5em; border-radius: 1em; font-weight: bold; text-align: center; margin: 2px; } #dashtodockPreviewSeparator.popup-separator-menu-item-horizontal { width: 1px; height: auto; border-right-width: 1px; margin: 32px 0px; } .dashtodock-app-well-preview-menu-item { padding: 1em 1em 0.5em 1em; } #dashtodockContainer .metro .overview-icon { border-radius: 0px; } #dashtodockContainer.bottom .metro.running2.focused, #dashtodockContainer.top .metro.running2.focused { background-image: url("./media/highlight_stacked_bg.svg"); background-position: 0px 0px; background-size: contain; } #dashtodockContainer.left .metro.running2.focused, #dashtodockContainer.right .metro.running2.focused { background-image: url("./media/highlight_stacked_bg_h.svg"); background-position: 0px 0px; background-size: contain; } #dashtodockContainer.bottom .metro.running3.focused, #dashtodockContainer.top .metro.running3.focused { background-image: url("./media/highlight_stacked_bg.svg"); background-position: 0px 0px; background-size: contain; } #dashtodockContainer.left .metro.running3.focused, #dashtodockContainer.right .metro.running3.focused { background-image: url("./media/highlight_stacked_bg_h.svg"); background-position: 0px 0px; background-size: contain; } #dashtodockContainer.bottom .metro.running4.focused, #dashtodockContainer.top .metro.running4.focused { background-image: url("./media/highlight_stacked_bg.svg"); background-position: 0px 0px; background-size: contain; } #dashtodockContainer.left .metro.running4.focused, #dashtodockContainer.right .metro.running4.focused { background-image: url("./media/highlight_stacked_bg_h.svg"); background-position: 0px 0px; background-size: contain; } /* Yaru Dock styling */ #dashtodockContainer.bottom #dash, #dashtodockContainer.bottom.dashtodock #dash, #dashtodockContainer.bottom.shrink #dash { margin: 0px; padding: 0px; } #dashtodockContainer.bottom #dash .dash-background, #dashtodockContainer.bottom.dashtodock #dash .dash-background, #dashtodockContainer.bottom.shrink #dash .dash-background { background: rgba(19, 19, 19, 0.75); transition-duration: 250ms; } #dashtodockContainer.bottom #dash .dash-separator, #dashtodockContainer.bottom.dashtodock #dash .dash-separator, #dashtodockContainer.bottom.shrink #dash .dash-separator { background: rgba(238, 238, 236, 0.3); } #dashtodockContainer.bottom.overview #dash .dash-background, #dashtodockContainer.bottom.overview.dashtodock #dash .dash-background, #dashtodockContainer.bottom.overview.shrink #dash .dash-background { background-color: #131313; } #dashtodockContainer.bottom.extended #dash .dash-background, #dashtodockContainer.bottom.extended.dashtodock #dash .dash-background, #dashtodockContainer.bottom.extended.shrink #dash .dash-background { border: none; } #dashtodockContainer.bottom .dash-item-container .show-apps, #dashtodockContainer.bottom .dash-item-container .app-well-app, #dashtodockContainer.bottom .dash-item-container .grid-search-result { border-radius: 18px; } #dashtodockContainer.bottom .dash-item-container .show-apps:active .overview-icon, #dashtodockContainer.bottom .dash-item-container .show-apps:checked .overview-icon, #dashtodockContainer.bottom .dash-item-container .app-well-app:active .overview-icon, #dashtodockContainer.bottom .dash-item-container .grid-search-result:active .overview-icon, #dashtodockContainer.bottom .dash-item-container .app-well-app:checked .overview-icon, #dashtodockContainer.bottom .dash-item-container .grid-search-result:checked .overview-icon { background-color: rgba(255, 255, 255, 0.25); box-shadow: none; } #dashtodockContainer.bottom .notification-badge { background-color: #109b26; border: 1px solid #0c6d1a; box-shadow: -1px 1px 5px 0px rgba(0, 0, 0, 0.5); } #dashtodockContainer.top #dash, #dashtodockContainer.top.dashtodock #dash, #dashtodockContainer.top.shrink #dash { margin: 0px; padding: 0px; } #dashtodockContainer.top #dash .dash-background, #dashtodockContainer.top.dashtodock #dash .dash-background, #dashtodockContainer.top.shrink #dash .dash-background { background: rgba(19, 19, 19, 0.75); transition-duration: 250ms; } #dashtodockContainer.top #dash .dash-separator, #dashtodockContainer.top.dashtodock #dash .dash-separator, #dashtodockContainer.top.shrink #dash .dash-separator { background: rgba(238, 238, 236, 0.3); } #dashtodockContainer.top.overview #dash .dash-background, #dashtodockContainer.top.overview.dashtodock #dash .dash-background, #dashtodockContainer.top.overview.shrink #dash .dash-background { background-color: #131313; } #dashtodockContainer.top.extended #dash .dash-background, #dashtodockContainer.top.extended.dashtodock #dash .dash-background, #dashtodockContainer.top.extended.shrink #dash .dash-background { border: none; } #dashtodockContainer.top .dash-item-container .show-apps, #dashtodockContainer.top .dash-item-container .app-well-app, #dashtodockContainer.top .dash-item-container .grid-search-result { border-radius: 18px; } #dashtodockContainer.top .dash-item-container .show-apps:active .overview-icon, #dashtodockContainer.top .dash-item-container .show-apps:checked .overview-icon, #dashtodockContainer.top .dash-item-container .app-well-app:active .overview-icon, #dashtodockContainer.top .dash-item-container .grid-search-result:active .overview-icon, #dashtodockContainer.top .dash-item-container .app-well-app:checked .overview-icon, #dashtodockContainer.top .dash-item-container .grid-search-result:checked .overview-icon { background-color: rgba(255, 255, 255, 0.25); box-shadow: none; } #dashtodockContainer.top .notification-badge { background-color: #109b26; border: 1px solid #0c6d1a; box-shadow: -1px 1px 5px 0px rgba(0, 0, 0, 0.5); } #dashtodockContainer.left #dash, #dashtodockContainer.left.dashtodock #dash, #dashtodockContainer.left.shrink #dash { margin: 0px; padding: 0px; } #dashtodockContainer.left #dash .dash-background, #dashtodockContainer.left.dashtodock #dash .dash-background, #dashtodockContainer.left.shrink #dash .dash-background { background: rgba(19, 19, 19, 0.75); transition-duration: 250ms; } #dashtodockContainer.left #dash .dash-separator, #dashtodockContainer.left.dashtodock #dash .dash-separator, #dashtodockContainer.left.shrink #dash .dash-separator { background: rgba(238, 238, 236, 0.3); } #dashtodockContainer.left.overview #dash .dash-background, #dashtodockContainer.left.overview.dashtodock #dash .dash-background, #dashtodockContainer.left.overview.shrink #dash .dash-background { background-color: #131313; } #dashtodockContainer.left.extended #dash .dash-background, #dashtodockContainer.left.extended.dashtodock #dash .dash-background, #dashtodockContainer.left.extended.shrink #dash .dash-background { border: none; } #dashtodockContainer.left .dash-item-container .show-apps, #dashtodockContainer.left .dash-item-container .app-well-app, #dashtodockContainer.left .dash-item-container .grid-search-result { border-radius: 18px; } #dashtodockContainer.left .dash-item-container .show-apps:active .overview-icon, #dashtodockContainer.left .dash-item-container .show-apps:checked .overview-icon, #dashtodockContainer.left .dash-item-container .app-well-app:active .overview-icon, #dashtodockContainer.left .dash-item-container .grid-search-result:active .overview-icon, #dashtodockContainer.left .dash-item-container .app-well-app:checked .overview-icon, #dashtodockContainer.left .dash-item-container .grid-search-result:checked .overview-icon { background-color: rgba(255, 255, 255, 0.25); box-shadow: none; } #dashtodockContainer.left .notification-badge { background-color: #109b26; border: 1px solid #0c6d1a; box-shadow: -1px 1px 5px 0px rgba(0, 0, 0, 0.5); } #dashtodockContainer.right #dash, #dashtodockContainer.right.dashtodock #dash, #dashtodockContainer.right.shrink #dash { margin: 0px; padding: 0px; } #dashtodockContainer.right #dash .dash-background, #dashtodockContainer.right.dashtodock #dash .dash-background, #dashtodockContainer.right.shrink #dash .dash-background { background: rgba(19, 19, 19, 0.75); transition-duration: 250ms; } #dashtodockContainer.right #dash .dash-separator, #dashtodockContainer.right.dashtodock #dash .dash-separator, #dashtodockContainer.right.shrink #dash .dash-separator { background: rgba(238, 238, 236, 0.3); } #dashtodockContainer.right.overview #dash .dash-background, #dashtodockContainer.right.overview.dashtodock #dash .dash-background, #dashtodockContainer.right.overview.shrink #dash .dash-background { background-color: #131313; } #dashtodockContainer.right.extended #dash .dash-background, #dashtodockContainer.right.extended.dashtodock #dash .dash-background, #dashtodockContainer.right.extended.shrink #dash .dash-background { border: none; } #dashtodockContainer.right .dash-item-container .show-apps, #dashtodockContainer.right .dash-item-container .app-well-app, #dashtodockContainer.right .dash-item-container .grid-search-result { border-radius: 18px; } #dashtodockContainer.right .dash-item-container .show-apps:active .overview-icon, #dashtodockContainer.right .dash-item-container .show-apps:checked .overview-icon, #dashtodockContainer.right .dash-item-container .app-well-app:active .overview-icon, #dashtodockContainer.right .dash-item-container .grid-search-result:active .overview-icon, #dashtodockContainer.right .dash-item-container .app-well-app:checked .overview-icon, #dashtodockContainer.right .dash-item-container .grid-search-result:checked .overview-icon { background-color: rgba(255, 255, 255, 0.25); box-shadow: none; } #dashtodockContainer.right .notification-badge { background-color: #109b26; border: 1px solid #0c6d1a; box-shadow: -1px 1px 5px 0px rgba(0, 0, 0, 0.5); } (uuay)checkbox-off-red-dark.svg � <svg width="24" height="24" xmlns="http://www.w3.org/2000/svg"><rect x="1.5" y="1.5" width="21" height="21" rx="3" fill="#4a4a4a" stroke="#464646" stroke-linejoin="round" style="fill:#222222;stroke:#494949"/></svg> (uuay)toggle-off-olive-dark.svgP <svg width="48" height="26" xmlns="http://www.w3.org/2000/svg"><rect style="fill:#4a4a4a;fill-opacity:1;stroke:none;stroke-width:1;marker:none" width="48" height="26" x="-48" ry="13" fill="#3081e3" rx="13" transform="scale(-1 1)"/><rect ry="11" rx="11" y="3" x="-24" height="22" width="22" style="fill:#000;fill-opacity:.2;stroke:none;stroke-width:.999999;marker:none" fill="#f8f7f7" transform="scale(-1 1)"/><rect ry="11" rx="11" y="2" x="-24" height="22" width="22" style="fill:#fff;fill-opacity:1;stroke:none;stroke-width:.999999;marker:none" fill="#f8f7f7" transform="scale(-1 1)"/></svg> (uuay)checkbox-off-dark.svg � <svg width="24" height="24" xmlns="http://www.w3.org/2000/svg"><rect x="1.5" y="1.5" width="21" height="21" rx="3" fill="#4a4a4a" stroke="#464646" stroke-linejoin="round" style="fill:#222222;stroke:#494949"/></svg> (uuay)toggle-on-olive.svg Q <svg viewBox="0 0 48 26" xmlns="http://www.w3.org/2000/svg"><g transform="translate(0 -291.18)"><rect y="291.18" width="48" height="26" rx="13" ry="13" fill="#4B8501"/><rect x="24" y="294.18" width="22" height="22" rx="11" ry="11" fill-opacity=".2"/><rect x="24" y="293.18" width="22" height="22" rx="11" ry="11" fill="#fff"/></g></svg> (uuay)gnome-shell-olive.css �� /* This stylesheet is generated, DO NOT EDIT */ /* Copyright 2009, 2015 Red Hat, Inc. * * Portions adapted from Mx's data/style/default.css * Copyright 2009 Intel Corporation * * This program is free software; you can redistribute it and/or modify it * under the terms and conditions of the GNU Lesser General Public License, * version 2.1, as published by the Free Software Foundation. * * This program is distributed in the hope it will be useful, but WITHOUT ANY * WARRANTY; without even the implied warranty of MERCHANTABILITY or FITNESS * FOR A PARTICULAR PURPOSE. See the GNU Lesser General Public License for * more details. * * You should have received a copy of the GNU Lesser General Public License * along with this program; if not, write to the Free Software Foundation, * Inc., 51 Franklin St - Fifth Floor, Boston, MA 02110-1301 USA. */ /* Global Values */ stage { font-size: 11pt; color: #3D3D3D; } /* Common Stylings */ .screenshot-ui-panel, .workspace-switcher, .switcher-list, .resize-popup, .osd-monitor-label, .osd-window { color: #eeeeec; background-color: rgba(29, 29, 29, 0.975); border: 1px solid #464646; border-radius: 999px; padding: 12px; box-shadow: 0 3px 9px 1px rgba(0, 0, 0, 0.5); } .workspace-thumbnails .workspace-thumbnail { color: #eeeeec; background-color: rgba(238, 238, 236, 0.1); } .app-well-app.app-folder .overview-icon, .app-folder.grid-search-result .overview-icon, .app-well-app .overview-icon, .grid-search-result .overview-icon, .dash-item-container .show-apps .overview-icon, .list-search-result, .search-provider-icon, .switcher-list .item-box { border-radius: 12px; padding: 6px; spacing: 6px; border: 2px solid transparent; transition-duration: 100ms; text-align: center; color: #eeeeec; } .modal-dialog { color: #3D3D3D; background-color: #FAFAFA; border-radius: 8.5px; border: 1px solid rgba(255, 255, 255, 0.8); } #LookingGlassDialog > #Toolbar .lg-toolbar-button, .pad-osd-window .button, .button, .app-folder-dialog .folder-name-container .edit-folder-button { border-radius: 4px; border-style: solid; border-width: 1px; font-weight: bold; padding: 3px 24px; color: #3D3D3D; background-color: #ededed; } #LookingGlassDialog > #Toolbar .lg-toolbar-button:focus, .button:focus, .app-folder-dialog .folder-name-container .edit-folder-button:focus { color: #3D3D3D; background-color: #ededed; box-shadow: inset 0 0 0 2px #73cc02; } #LookingGlassDialog > #Toolbar .lg-toolbar-button:focus:hover, .button:focus:hover, .app-folder-dialog .folder-name-container .edit-folder-button:focus:hover { background-color: #e5e5e5; box-shadow: inset 0 0 0 2px #73cc02; } #LookingGlassDialog > #Toolbar .lg-toolbar-button:focus:active, .button:focus:active, .app-folder-dialog .folder-name-container .edit-folder-button:focus:active { background-color: #dedede; box-shadow: inset 0 0 0 2px #73cc02; } #LookingGlassDialog > #Toolbar .lg-toolbar-button:hover, .button:hover, .app-folder-dialog .folder-name-container .edit-folder-button:hover { color: #3D3D3D; background-color: #e5e5e5; } #LookingGlassDialog > #Toolbar .lg-toolbar-button:insensitive, .button:insensitive, .app-folder-dialog .folder-name-container .edit-folder-button:insensitive { color: rgba(61, 61, 61, 0.5); background-color: rgba(61, 61, 61, 0.05); } #LookingGlassDialog > #Toolbar .lg-toolbar-button:active, .button:active, .app-folder-dialog .folder-name-container .edit-folder-button:active { color: #3D3D3D; background-color: #dedede; } #LookingGlassDialog > #Toolbar .lg-toolbar-button:checked, .button:checked, .app-folder-dialog .folder-name-container .edit-folder-button:checked { color: #3D3D3D; background-color: #d6d6d6; } #LookingGlassDialog > #Toolbar .lg-toolbar-button:checked:hover, .button:checked:hover, .app-folder-dialog .folder-name-container .edit-folder-button:checked:hover { background-color: #cecece; } #LookingGlassDialog > #Toolbar .lg-toolbar-button:checked:active, .button:checked:active, .app-folder-dialog .folder-name-container .edit-folder-button:checked:active { background-color: #c7c7c7; } .app-folder-dialog .folder-name-container .edit-folder-button { color: #F7F7F7; background-color: #2c2c2c; } .app-folder-dialog .folder-name-container .edit-folder-button:focus { color: #F7F7F7; background-color: #2c2c2c; box-shadow: inset 0 0 0 2px #73cc02; } .app-folder-dialog .folder-name-container .edit-folder-button:focus:hover { background-color: #242424; box-shadow: inset 0 0 0 2px #73cc02; } .app-folder-dialog .folder-name-container .edit-folder-button:focus:active { background-color: #1d1d1d; box-shadow: inset 0 0 0 2px #73cc02; } .app-folder-dialog .folder-name-container .edit-folder-button:hover { color: #F7F7F7; background-color: #242424; } .app-folder-dialog .folder-name-container .edit-folder-button:insensitive { color: rgba(247, 247, 247, 0.5); background-color: rgba(247, 247, 247, 0.05); } .app-folder-dialog .folder-name-container .edit-folder-button:active { color: #F7F7F7; background-color: #1d1d1d; } .app-folder-dialog .folder-name-container .edit-folder-button:checked { color: #F7F7F7; background-color: #151515; } .app-folder-dialog .folder-name-container .edit-folder-button:checked:hover { background-color: #0d0d0d; } .app-folder-dialog .folder-name-container .edit-folder-button:checked:active { background-color: #060606; } .modal-dialog .modal-dialog-linked-button, .hotplug-notification-item, .notification-banner .notification-button { padding: 12px; color: #3D3D3D; background-color: #ededed; } .modal-dialog .modal-dialog-linked-button:ltr, .hotplug-notification-item:ltr, .notification-banner .notification-button:ltr { margin-right: 1px; } .modal-dialog .modal-dialog-linked-button:rtl, .hotplug-notification-item:rtl, .notification-banner .notification-button:rtl { margin-left: 1px; } .modal-dialog .modal-dialog-linked-button:insensitive, .hotplug-notification-item:insensitive, .notification-banner .notification-button:insensitive { color: rgba(61, 61, 61, 0.5); background-color: rgba(61, 61, 61, 0.05); } .modal-dialog .modal-dialog-linked-button:focus, .hotplug-notification-item:focus, .notification-banner .notification-button:focus { color: #3D3D3D; background-color: #ededed; box-shadow: inset 0 0 0 2px #73cc02; } .modal-dialog .modal-dialog-linked-button:focus:hover, .hotplug-notification-item:focus:hover, .notification-banner .notification-button:focus:hover { background-color: #e5e5e5; box-shadow: inset 0 0 0 2px #73cc02; } .modal-dialog .modal-dialog-linked-button:focus:active, .hotplug-notification-item:focus:active, .notification-banner .notification-button:focus:active { background-color: #dedede; box-shadow: inset 0 0 0 2px #73cc02; } .modal-dialog .modal-dialog-linked-button:hover, .hotplug-notification-item:hover, .notification-banner .notification-button:hover { color: #3D3D3D; background-color: #e5e5e5; } .modal-dialog .modal-dialog-linked-button:active, .hotplug-notification-item:active, .notification-banner .notification-button:active { color: #3D3D3D; background-color: #dedede; } .modal-dialog .modal-dialog-linked-button:first-child:ltr, .hotplug-notification-item:first-child:ltr, .notification-banner .notification-button:first-child:ltr { border-radius: 0 0 0 7.5px; } .modal-dialog .modal-dialog-linked-button:last-child:ltr, .hotplug-notification-item:last-child:ltr, .notification-banner .notification-button:last-child:ltr { border-radius: 0 0 7.5px 0; margin-right: 0 !important; } .modal-dialog .modal-dialog-linked-button:first-child:rtl, .hotplug-notification-item:first-child:rtl, .notification-banner .notification-button:first-child:rtl { border-radius: 0 0 7.5px 0; margin-left: 0 !important; } .modal-dialog .modal-dialog-linked-button:last-child:rtl, .hotplug-notification-item:last-child:rtl, .notification-banner .notification-button:last-child:rtl { border-radius: 0 0 0 7.5px; margin-right: 0 !important; } .modal-dialog .modal-dialog-linked-button:first-child:last-child, .hotplug-notification-item:first-child:last-child, .notification-banner .notification-button:first-child:last-child { border-radius: 0 0 7.5px 7.5px !important; margin-left: 0 !important; margin-right: 0 !important; } .screenshot-ui-show-pointer-button, .screenshot-ui-type-button { background-color: transparent; background-color: none; } .screenshot-ui-show-pointer-button:insensitive, .screenshot-ui-type-button:insensitive { color: rgba(61, 61, 61, 0.5); background-color: rgba(61, 61, 61, 0.05); background-color: transparent; color: rgba(255, 255, 255, 0.5); } .screenshot-ui-show-pointer-button:insensitive, .screenshot-ui-type-button:insensitive { background-color: transparent; background-color: none; } .screenshot-ui-show-pointer-button:insensitive:insensitive, .screenshot-ui-type-button:insensitive:insensitive { color: rgba(61, 61, 61, 0.5); background-color: rgba(61, 61, 61, 0.05); background-color: transparent; color: rgba(255, 255, 255, 0.5); } .screenshot-ui-show-pointer-button:focus, .screenshot-ui-type-button:focus { color: #eeeeec; background-color: rgba(44, 44, 44, 0.97675); box-shadow: inset 0 0 0 2px #73cc02; } .screenshot-ui-show-pointer-button:focus:hover, .screenshot-ui-type-button:focus:hover { background-color: rgba(36, 36, 36, 0.97675); box-shadow: inset 0 0 0 2px #73cc02; } .screenshot-ui-show-pointer-button:focus:active, .screenshot-ui-type-button:focus:active { background-color: rgba(29, 29, 29, 0.97675); box-shadow: inset 0 0 0 2px #73cc02; } .screenshot-ui-show-pointer-button:hover, .screenshot-ui-type-button:hover { color: #eeeeec; background-color: rgba(36, 36, 36, 0.97675); } .screenshot-ui-show-pointer-button:active, .screenshot-ui-type-button:active { color: #eeeeec; background-color: rgba(29, 29, 29, 0.97675); } .screenshot-ui-show-pointer-button:outlined, .screenshot-ui-type-button:outlined, .screenshot-ui-show-pointer-button:checked, .screenshot-ui-type-button:checked { color: #eeeeec; background-color: rgba(21, 21, 21, 0.97675); } .screenshot-ui-show-pointer-button:outlined:hover, .screenshot-ui-type-button:outlined:hover, .screenshot-ui-show-pointer-button:checked:hover, .screenshot-ui-type-button:checked:hover { background-color: rgba(13, 13, 13, 0.97675); } .screenshot-ui-show-pointer-button:outlined:active, .screenshot-ui-type-button:outlined:active, .screenshot-ui-show-pointer-button:checked:active, .screenshot-ui-type-button:checked:active { background-color: rgba(6, 6, 6, 0.97675); } /* General Typography */ .app-folder-dialog .folder-name-container .folder-name-label, .app-folder-dialog .folder-name-container .folder-name-entry, .search-statustext { font-weight: 800; font-size: 20pt; } .lg-debug-flags-header, .message-dialog-content .message-dialog-title, .message-list .message-list-placeholder, .datemenu-today-button .date-label { font-weight: 800; font-size: 15pt; } .nm-dialog-airplane-headline { font-weight: 700; font-size: 15pt; } .message-dialog-content .message-dialog-title.lightweight, .headline { font-weight: 700; font-size: 13pt; } .lg-extension-name, .osd-window, .nm-dialog-header, .dialog-list .dialog-list-title, .message-list-controls, .weather-button .weather-forecast-temp, .weather-button .weather-header, .world-clocks-button .world-clocks-time, .world-clocks-button .world-clocks-header, .events-button .events-title, .calendar .calendar-month-header .calendar-month-label, .datemenu-today-button .day-label, .popup-menu-ornament { font-weight: 700; font-size: 11pt; } .app-menu .popup-inactive-menu-item:first-child > StLabel { font-weight: 700; font-size: 9pt; } .login-dialog-not-listed-label, .lg-completions-text, .caps-lock-warning-label, #dash, .icon-label-button-container, .prompt-dialog-error-label, .prompt-dialog-info-label, .prompt-dialog-null-label, .run-dialog .run-dialog-description, .dialog-list .dialog-list-box .dialog-list-item .dialog-list-item-description, .weather-button .weather-forecast-time, .world-clocks-button .world-clocks-timezone, .events-button .event-time { font-weight: 400; font-size: 9pt; } .calendar .calendar-day-base.calendar-day-heading, .calendar .calendar-day-base { font-weight: 400; font-size: 8pt; } .unlock-dialog-clock-time, #panel, .weather-button .weather-forecast-time, .world-clocks-button .world-clocks-timezone, .world-clocks-button .world-clocks-time, .events-button .event-time, .calendar .calendar-day-base { font-feature-settings: "tnum"; } /* WIDGETS */ .shell-link { color: #2e5201; } .shell-link:hover { color: #4b8501; } .lowres-icon { icon-shadow: 0 1px 2px rgba(0, 0, 0, 0.3); } .icon-dropshadow { icon-shadow: 0 1px 5px rgba(0, 0, 0, 0.8); } /* Entries */ StEntry { min-height: 22px; border-radius: 6px; padding: 8px; border-width: 1px; color: #3D3D3D; background-color: white; color: rgba(61, 61, 61, 0.7); border: 1px solid #c7c7c7; selection-background-color: #4B8501; selected-color: #FFFFFF; } StEntry:hover { background-color: white; border-color: #d4d4d4; color: #3D3D3D; } StEntry:focus { background-color: white; border-color: #73cc02; box-shadow: 0 0 0 1px #73cc02 inset; color: #3D3D3D; } StEntry:insensitive { background-color: white; border-color: white; color: #9c9c9c; } StEntry StIcon.capslock-warning { icon-size: 16px; warning-color: #f99b11; padding: 0 4px; } StEntry StIcon.peek-password { icon-size: 1.09em; padding: 0 4px; } StEntry StLabel.hint-text { margin-left: 2px; color: rgba(61, 61, 61, 0.7); } /* Buttons */ .button { min-height: 22px; } /* Check Boxes */ .check-box StBoxLayout { spacing: .8em; } .check-box StBin { width: 24px; height: 22px; background-image: url("resource:///org/gnome/shell/theme/checkbox-off-olive.svg"); } .check-box:focus StBin { background-image: url("resource:///org/gnome/shell/theme/checkbox-off-focused-olive.svg"); } .check-box:checked StBin { background-image: url("resource:///org/gnome/shell/theme/checkbox-olive.svg"); } .check-box:focus:checked StBin { background-image: url("resource:///org/gnome/shell/theme/checkbox-focused-olive.svg"); } /* Switches */ .toggle-switch { color: #3D3D3D; height: 26px; width: 48px; background-size: contain; background-image: url("resource:///org/gnome/shell/theme/toggle-off-olive.svg"); } .toggle-switch:checked { background-image: url("resource:///org/gnome/shell/theme/toggle-on-olive.svg"); } /* Slider */ .slider { -barlevel-height: 4px; -barlevel-background-color: rgba(61, 61, 61, 0.4); -barlevel-border-width: 2px; -barlevel-border-color: transparent; -barlevel-active-background-color: #4B8501; -barlevel-active-border-color: transparent; -barlevel-overdrive-color: #c7162b; -barlevel-overdrive-border-color: transparent; -barlevel-overdrive-separator-width: 1px; -slider-handle-border-width: 1px; -slider-handle-border-color: #b5b5b5; -slider-handle-radius: 8px; color: #fcfcfc; height: 18px; } /* Scrollbars */ StScrollView.vfade { -st-vfade-offset: 68px; } StScrollView.hfade { -st-hfade-offset: 68px; } StScrollBar { padding: 0; } StScrollView StScrollBar { min-width: 8px; min-height: 8px; } StScrollBar StBin#trough { border-radius: 0; background-color: transparent; } StScrollBar StButton#vhandle, StScrollBar StButton#hhandle { border-radius: 8px; background-color: #c1c1c1; border: 3px solid transparent; transition: 500ms all ease; } StScrollBar StButton#vhandle:hover, StScrollBar StButton#hhandle:hover { background-color: #9c9c9c; } StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { background-color: #aeaeae; } /* Popovers/Menus */ .popup-menu-boxpointer, .candidate-popup-boxpointer { -arrow-rise: 6px; } .popup-menu { min-width: 15em; color: #3D3D3D; } .popup-menu.panel-menu { margin-bottom: 1.75em; } .popup-menu-content, .candidate-popup-content { padding: 6px; border-radius: 10px; border: 1px solid rgba(255, 255, 255, 0.8); box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.1); background-color: #FAFAFA; } .popup-menu-item { padding: 9px 12px; border-radius: 6px; spacing: 6px; transition: 0.2s all ease; background-color: transparent; } .popup-menu-item:ltr { padding-left: 6px; } .popup-menu-item:rtl { padding-right: 6px; } .popup-menu-item:focus, .popup-menu-item:hover { background-color: rgba(61, 61, 61, 0.1) !important; } .popup-menu-item:focus:active, .popup-menu-item:hover:active { background-color: rgba(61, 61, 61, 0.2) !important; } .popup-menu-item:checked { background-color: #e8e8e8 !important; } .popup-menu-item:checked { margin-bottom: 0; box-shadow: inset 0 -1px 0 0 #dbdbdb; border-radius: 6px 6px 0 0; } .popup-menu-item:checked:focus, .popup-menu-item:checked:hover { background-color: #d9d9d9 !important; } .popup-menu-item:checked:active { background-color: #d1d1d1 !important; } .popup-menu-item:active { background-color: #d1d1d1; color: #303030; } .popup-menu-item:insensitive { color: rgba(61, 61, 61, 0.5); } .popup-menu-item .toggle-switch:ltr { margin-left: 4px; } .popup-menu-item .toggle-switch:rtl { margin-right: 4px; } .popup-inactive-menu-item { color: #3D3D3D; } .popup-inactive-menu-item:insensitive { color: #9c9c9c; } .popup-menu-arrow, .popup-menu-icon { icon-size: 16px !important; } .popup-sub-menu { background-color: #e8e8e8; border-radius: 0 0 6px 6px; } .popup-sub-menu .popup-menu-ornament { min-width: 1.09em !important; } .popup-sub-menu .popup-menu-item { border-radius: 0; margin: 0; } .popup-sub-menu .popup-menu-item:last-child { border-radius: 0 0 6px 6px; } .popup-sub-menu .popup-menu-item:focus, .popup-sub-menu .popup-menu-item:hover { background-color: rgba(87, 87, 87, 0.1) !important; } .popup-sub-menu .popup-menu-item:checked { background-color: white !important; } .popup-sub-menu .popup-menu-item:checked:focus, .popup-sub-menu .popup-menu-item:checked:hover { background-color: #fdfdfd !important; } .popup-sub-menu .popup-menu-item:active { background-color: rgba(87, 87, 87, 0.2) !important; } .popup-sub-menu .popup-menu-section .popup-menu-item:last-child:hover, .popup-sub-menu .popup-menu-section .popup-menu-item:last-child:focus { border-radius: 0; } .popup-sub-menu .popup-menu-section:last-child .popup-menu-item:last-child { border-radius: 0 0 6px 6px; } .popup-menu-ornament { width: 1.2em; text-align: center !important; } .popup-menu-ornament:ltr { text-align: right; } .popup-menu-ornament:rtl { text-align: left; } .popup-separator-menu-item { margin: 6px 0; padding: 0 !important; } .popup-separator-menu-item:ltr { margin-right: 4px; } .popup-separator-menu-item:rtl { margin-left: 4px; } .popup-separator-menu-item .popup-separator-menu-item-separator { height: 1px; background-color: #c7c7c7; } .popup-separator-menu-item .popup-menu-ornament { width: 0 !important; } .popup-sub-menu .popup-separator-menu-item { background-color: transparent; } .popup-sub-menu .popup-separator-menu-item:ltr { margin-right: 2.5em; } .popup-sub-menu .popup-separator-menu-item:rtl { margin-left: 2.5em; } .popup-sub-menu .popup-separator-menu-item .popup-separator-menu-item-separator { background-color: #d9d9d9; } .background-menu { -boxpointer-gap: 0px; -arrow-rise: 0px; } .aggregate-menu { min-width: 22em; } .aggregate-menu .popup-menu-ornament { width: 0 !important; } .aggregate-menu .popup-menu-icon { -st-icon-style: symbolic; } .aggregate-menu .popup-menu-icon:ltr { margin-right: 8px; } .aggregate-menu .popup-menu-icon:rtl { margin-left: 8px; } .aggregate-menu .popup-sub-menu .popup-menu-item > :first-child:ltr { margin-left: 1em; } .aggregate-menu .popup-sub-menu .popup-menu-item > :first-child:rtl { margin-right: 1em; } .app-menu { max-width: 27.25em; } .app-menu .popup-menu-ornament { width: 0 !important; } .app-menu .popup-inactive-menu-item:first-child > StLabel:ltr { margin-right: 8px; } .app-menu .popup-inactive-menu-item:first-child > StLabel:rtl { margin-left: 8px; } /* Date/Time Menu */ #calendarArea { padding: 4px; } .datemenu-calendar-column { spacing: 6px; } .datemenu-calendar-column:ltr { padding-left: 6px; } .datemenu-calendar-column:rtl { padding-right: 6px; } .datemenu-calendar-column .datemenu-displays-box { spacing: 6px; } /* today button (the date) */ .datemenu-today-button { border-radius: 6px; margin: 4px; box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.1); background-color: transparent; background-color: none; box-shadow: none !important; padding: 9px; } .datemenu-today-button:insensitive { color: rgba(61, 61, 61, 0.5); background-color: rgba(61, 61, 61, 0.05); background-color: transparent; color: rgba(255, 255, 255, 0.5); } .datemenu-today-button:focus { color: #3D3D3D; background-color: #ededed; box-shadow: inset 0 0 0 2px #73cc02; } .datemenu-today-button:focus:hover { background-color: #e5e5e5; box-shadow: inset 0 0 0 2px #73cc02; } .datemenu-today-button:focus:active { background-color: #dedede; box-shadow: inset 0 0 0 2px #73cc02; } .datemenu-today-button:hover { color: #3D3D3D; background-color: #e5e5e5; } .datemenu-today-button:active { color: #3D3D3D; background-color: #dedede; } .datemenu-today-button:insensitive .day-label, .datemenu-today-button:insensitive .date-label { color: #9c9c9c; } /* Calendar */ .calendar { border-radius: 6px; margin: 4px; box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.1); background-color: transparent; background-color: none; box-shadow: none !important; margin-top: 0; } .calendar:insensitive { color: rgba(61, 61, 61, 0.5); background-color: rgba(61, 61, 61, 0.05); background-color: transparent; color: rgba(255, 255, 255, 0.5); } .calendar:focus { color: #3D3D3D; background-color: #ededed; box-shadow: inset 0 0 0 2px #73cc02; } .calendar:focus:hover { background-color: #e5e5e5; box-shadow: inset 0 0 0 2px #73cc02; } .calendar:focus:active { background-color: #dedede; box-shadow: inset 0 0 0 2px #73cc02; } .calendar:hover { color: #3D3D3D; background-color: #e5e5e5; } .calendar:active { color: #3D3D3D; background-color: #dedede; } .calendar .calendar-month-header .calendar-change-month-back StIcon, .calendar .calendar-month-header .calendar-change-month-forward StIcon { icon-size: 1.09em; } .calendar .calendar-month-header .calendar-month-label { color: #4a4a4a; padding: 8px 0; } .calendar .calendar-month-header .pager-button { background-color: transparent; height: 32px; width: 32px; margin: 2px; border-radius: 4px; } .calendar .calendar-month-header .pager-button:hover, .calendar .calendar-month-header .pager-button:focus { background-color: rgba(61, 61, 61, 0.1); } .calendar .calendar-month-header .pager-button:active { background-color: rgba(61, 61, 61, 0.2); } .calendar .calendar-day-base { text-align: center; margin: 2px; padding: 0 !important; height: 3em !important; width: 3em !important; border-radius: 99px; } .calendar .calendar-day-base:hover { background-color: rgba(61, 61, 61, 0.1); } .calendar .calendar-day-base:focus { background-color: #d7e3c8; box-shadow: inset 0 0 0 2px rgba(75, 133, 1, 0.6); } .calendar .calendar-day-base:active, .calendar .calendar-day-base:selected { color: #303030; background-color: rgba(61, 61, 61, 0.2); } .calendar .calendar-day-base:active:focus, .calendar .calendar-day-base:selected:focus { background-color: rgba(71, 111, 19, 0.36); } .calendar .calendar-day-base.calendar-day-heading { color: #9c9c9c; padding-top: 6px; height: 16px !important; font-weight: bold; } .calendar .calendar-nonwork-day { color: #9c9c9c; } .calendar .calendar-other-month-day { color: rgba(61, 61, 61, 0.5); } .calendar .calendar-other-month-day.calendar-nonwork-day { color: rgba(156, 156, 156, 0.5); } .calendar .calendar-today { background-color: #4B8501; font-weight: 800; color: #FFFFFF !important; } .calendar .calendar-today:hover, .calendar .calendar-today:focus { background-color: #549401; color: inherit; } .calendar .calendar-today:active, .calendar .calendar-today:selected { background-color: #4B8501; color: inherit; } .calendar .calendar-today:active:hover, .calendar .calendar-today:active:focus, .calendar .calendar-today:selected:hover, .calendar .calendar-today:selected:focus { background-color: #549401; color: inherit; } .calendar .calendar-day-with-events { background-image: url("resource:///org/gnome/shell/theme/calendar-today-light.svg"); background-size: contain; } .calendar .calendar-week-number { font-size: 7pt; font-weight: bold; font-feature-settings: "tnum"; margin: 6px; padding: 0 6px; border-radius: 3px; background-color: whitesmoke; color: #9c9c9c; } /* Events */ .events-button { border-radius: 6px; margin: 4px; box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.1); color: #3D3D3D; background-color: #ededed; padding: 12px; } .events-button:focus { color: #3D3D3D; background-color: #ededed; box-shadow: inset 0 0 0 2px #73cc02; } .events-button:focus:hover { background-color: #e5e5e5; box-shadow: inset 0 0 0 2px #73cc02; } .events-button:focus:active { background-color: #dedede; box-shadow: inset 0 0 0 2px #73cc02; } .events-button:hover { color: #3D3D3D; background-color: #e5e5e5; } .events-button:active { color: #3D3D3D; background-color: #dedede; } .events-button .events-box { spacing: 6px; } .events-button .events-list { spacing: 12px; } .events-button .events-title { color: #9c9c9c; margin-bottom: 4px; } .events-button .event-time { color: #9c9c9c; } /* World clocks */ .world-clocks-button { border-radius: 6px; margin: 4px; box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.1); color: #3D3D3D; background-color: #ededed; padding: 12px; } .world-clocks-button:focus { color: #3D3D3D; background-color: #ededed; box-shadow: inset 0 0 0 2px #73cc02; } .world-clocks-button:focus:hover { background-color: #e5e5e5; box-shadow: inset 0 0 0 2px #73cc02; } .world-clocks-button:focus:active { background-color: #dedede; box-shadow: inset 0 0 0 2px #73cc02; } .world-clocks-button:hover { color: #3D3D3D; background-color: #e5e5e5; } .world-clocks-button:active { color: #3D3D3D; background-color: #dedede; } .world-clocks-button .world-clocks-grid { spacing-rows: 6px; spacing-columns: 12px; } .world-clocks-button .world-clocks-header { color: #9c9c9c; } .world-clocks-button .world-clocks-city { color: #3D3D3D; } .world-clocks-button .world-clocks-time { color: #3D3D3D; } .world-clocks-button .world-clocks-time:ltr { text-align: right; } .world-clocks-button .world-clocks-time:rtl { text-align: left; } .world-clocks-button .world-clocks-timezone { color: #9c9c9c; } /* Weather */ .weather-button { border-radius: 6px; margin: 4px; box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.1); color: #3D3D3D; background-color: #ededed; padding: 12px; } .weather-button:focus { color: #3D3D3D; background-color: #ededed; box-shadow: inset 0 0 0 2px #73cc02; } .weather-button:focus:hover { background-color: #e5e5e5; box-shadow: inset 0 0 0 2px #73cc02; } .weather-button:focus:active { background-color: #dedede; box-shadow: inset 0 0 0 2px #73cc02; } .weather-button:hover { color: #3D3D3D; background-color: #e5e5e5; } .weather-button:active { color: #3D3D3D; background-color: #dedede; } .weather-button .weather-box { spacing: 10px; } .weather-button .weather-header-box { spacing: 6px; } .weather-button .weather-header { color: #9c9c9c; } .weather-button .weather-header.location { font-weight: normal; } .weather-button .weather-grid { spacing-rows: 6px; spacing-columns: 12px; } .weather-button .weather-forecast-time { color: black; padding-top: 0.2em; padding-bottom: 0.4em; } .weather-button .weather-forecast-icon { icon-size: 2.18em; } /* Message List */ .message-list { width: 29em; border: solid #c7c7c7; } .message-list:ltr { margin-left: 0; margin-right: 4px; padding-right: 6px; border-right-width: 1px; } .message-list:rtl { margin-right: 0; margin-left: 4px; padding-left: 6px; border-left-width: 1px; } .message-list .message-list-placeholder { color: rgba(156, 156, 156, 0.5); } .message-list .message-list-placeholder > StIcon { icon-size: 3.27em; margin-bottom: 12px; -st-icon-style: symbolic; } .message-list-sections { spacing: 6px; margin: 0; padding-bottom: 6px; } .message-list-sections:ltr { margin-right: 12px; } .message-list-sections:rtl { margin-left: 12px; } .message-list-section, .message-list-section-list { spacing: 6px; } .message-list-controls { padding: 6px; spacing: 6px; } .message-list-controls .dnd-button { border-width: 2px; border-color: transparent; border-radius: 32px; border-style: solid; } .message-list-controls .dnd-button:focus { border-color: #73cc02; } .message { border-radius: 6px; margin: 4px; box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.1); color: #3D3D3D; background-color: #ededed; } .message:focus { color: #3D3D3D; background-color: #ededed; box-shadow: inset 0 0 0 2px #73cc02; } .message:focus:hover { background-color: #e5e5e5; box-shadow: inset 0 0 0 2px #73cc02; } .message:focus:active { background-color: #dedede; box-shadow: inset 0 0 0 2px #73cc02; } .message:hover { color: #3D3D3D; background-color: #e5e5e5; } .message:active { color: #3D3D3D; background-color: #dedede; } .message .message-icon-bin { padding: 18px; } .message .message-icon-bin:ltr { padding-right: 6px; } .message .message-icon-bin:rtl { padding-left: 6px; } .message .message-icon-bin > StIcon { icon-size: 2.18em; -st-icon-style: symbolic; } .message .message-icon-bin > .fallback-app-icon { width: 1.09em; height: 1.09em; } .message .message-content { spacing: 4px; padding: 9px; margin-bottom: 8px; } .message .message-title { font-weight: bold; /* HACK: the label should be baseline-aligned with a 1em label, fake this with some bottom padding */ padding-top: 0.57em; } .message .message-secondary-bin { padding: 0 8px; } .message .message-secondary-bin > .event-time { color: rgba(61, 61, 61, 0.5); font-size: 9pt; /* HACK: the label should be baseline-aligned with a 1em label, fake this with some bottom padding */ padding-bottom: 0.13em; } .message .message-secondary-bin > .event-time:ltr { text-align: right; } .message .message-secondary-bin > .event-time:rtl { text-align: left; } .message .message-close-button { color: #3D3D3D; background-color: rgba(61, 61, 61, 0.1); border-radius: 99px; padding: 5px; margin: 1px; } .message .message-close-button:hover { background-color: rgba(61, 61, 61, 0.2); } .message .message-close-button:active { background-color: rgba(61, 61, 61, 0.1); } .message .message-body { color: #242424; } .url-highlighter { link-color: #2e5201; } /* Media Controls */ .message-media-control { padding: 0 18px; margin: 12px 0; border-radius: 6px; color: #3D3D3D; } .message-media-control:hover { background-color: rgba(74, 74, 74, 0.1); color: #3D3D3D; } .message-media-control:active { background-color: rgba(61, 61, 61, 0.2); color: #3D3D3D; } .message-media-control:insensitive { color: darkgray; } .message-media-control:last-child:ltr { margin-right: 12px; } .message-media-control:last-child:rtl { margin-left: 12px; } .media-message-cover-icon { icon-size: 3.27em !important; border-radius: 6px; } .media-message-cover-icon.fallback { color: #121212; background-color: #FAFAFA; border: 1px solid transparent; border-radius: 6px; icon-size: 2.18em !important; padding: 14px; } .candidate-popup-content { padding: 6px; spacing: 6px; } .candidate-index { padding: 0; padding-right: 6px; color: #9c9c9c; } .candidate-box { padding: 6px 12px 6px 12px; border-radius: 6px; } .candidate-box:selected { background-color: #4B8501; color: #FFFFFF; } .candidate-box:hover { background-color: rgba(61, 61, 61, 0.1); color: #3D3D3D; } .candidate-page-button-box { height: 2em; } .vertical .candidate-page-button-box { padding-top: 12px; } .horizontal .candidate-page-button-box { padding-left: 12px; } .candidate-page-button { padding: 6px; } .candidate-page-button-previous { border-radius: 6px 0px 0px 6px; border-right-width: 0; box-shadow: none; } .candidate-page-button-next { border-radius: 0px 6px 6px 0px; box-shadow: none; } .candidate-page-button-icon { icon-size: 1.09em; } /* Notifications & Message Tray */ .notification-banner { min-height: 64px; width: 34em; box-shadow: 0 2px 4px 2px rgba(0, 0, 0, 0.1); border-radius: 9px; margin: 4px; background-color: #FAFAFA; } .notification-banner .notification-actions { spacing: 0; } .notification-banner:hover { background-color: whitesmoke; } .notification-banner:active { background-color: #f0f0f0; } .notification-banner, .notification-banner:hover, .notification-banner:focus, .notification-banner:active { box-shadow: 0 0 4px 2px rgba(0, 0, 0, 0.1); border: 1px solid #c7c7c7; } .summary-source-counter { font-size: 10pt; font-weight: bold; height: 1.6em; width: 1.6em; -shell-counter-overlap-x: 3px; -shell-counter-overlap-y: 3px; background-color: #4B8501; color: #FFFFFF; border: 2px solid #3D3D3D; box-shadow: 0 2px 2px rgba(0, 0, 0, 0.5); border-radius: 0.9em; } .chat-body { spacing: 5px; } .chat-response { margin: 5px; } .chat-log-message { color: #242424; } .chat-new-group { padding-top: 1em; } .chat-received { padding-left: 4px; } .chat-received:rtl { padding-left: 0px; padding-right: 4px; } .chat-sent { padding-left: 18pt; color: #636363; } .chat-sent:rtl { padding-left: 0; padding-right: 18pt; } .chat-meta-message { padding-left: 4px; font-size: 9pt; font-weight: bold; color: #6b6b6b; } .chat-meta-message:rtl { padding-left: 0; padding-right: 4px; } .hotplug-notification-item-icon { icon-size: 24px; padding: 0 4px; } /* Modal Dialogs */ .modal-dialog .modal-dialog-content-box { margin: 32px 40px; spacing: 32px; max-width: 28em; } /* End Session Dialog */ .end-session-dialog { width: 30em; } .end-session-dialog .end-session-dialog-battery-warning, .end-session-dialog .dialog-list-title { color: #f99b11; } /* Message Dialog */ .message-dialog-content { spacing: 18px; } .message-dialog-content .message-dialog-title { text-align: center; } .message-dialog-content .message-dialog-description { text-align: center; } /* Dialog List */ .dialog-list { spacing: 18px; } .dialog-list .dialog-list-title { text-align: center; } .dialog-list .dialog-list-scrollview { max-height: 200px; } .dialog-list .dialog-list-box { spacing: 1em; } .dialog-list .dialog-list-box .dialog-list-item { spacing: 1em; } .dialog-list .dialog-list-box .dialog-list-item .dialog-list-item-title { font-weight: bold; } .dialog-list .dialog-list-box .dialog-list-item .dialog-list-item-description { color: #303030; } /* Run Dialog */ .run-dialog .modal-dialog-content-box { margin-top: 24px; margin-bottom: 14px; } .run-dialog .run-dialog-entry { width: 20em; } .run-dialog .run-dialog-description { text-align: center; color: #0a0a0a; } /* Password or Authentication Dialog */ .prompt-dialog { width: 28em; } .prompt-dialog .modal-dialog-content-box { margin-bottom: 24px; } .prompt-dialog-password-grid { spacing-rows: 8px; spacing-columns: 4px; } .prompt-dialog-password-grid .prompt-dialog-password-entry { width: auto; } .prompt-dialog-password-grid .prompt-dialog-password-entry:ltr { margin-left: 20px; } .prompt-dialog-password-grid .prompt-dialog-password-entry:rtl { margin-right: 20px; } .prompt-dialog-password-layout { spacing: 8px; } .prompt-dialog-password-entry { width: 20em; } .prompt-dialog-error-label, .prompt-dialog-info-label, .prompt-dialog-null-label { text-align: center; } .prompt-dialog-error-label { color: #f99b11; } /* Polkit Dialog */ .polkit-dialog-user-layout { text-align: center; spacing: 8px; margin-bottom: 6px; } .polkit-dialog-user-layout .polkit-dialog-user-root-label { color: #f99b11; } /* Audio selection dialog */ .audio-device-selection-dialog .modal-dialog-content-box { margin-bottom: 28px; } .audio-device-selection-dialog .audio-selection-box { spacing: 20px; } .audio-selection-device { border-radius: 12px; } .audio-selection-device:hover, .audio-selection-device:focus { background-color: rgba(61, 61, 61, 0.1); } .audio-selection-device:active { background-color: #4B8501; color: #FFFFFF; } .audio-selection-device-box { padding: 20px; spacing: 20px; } .audio-selection-device-icon { icon-size: 4.36em; } /* Welcome dialog */ .welcome-dialog-image { background-image: url("resource:///org/gnome/shell/theme/gnome-shell-start.svg"); background-size: contain; /* Reasonable maximum dimensions */ height: 300px; width: 300px; } /* Select Network dialogs */ .nm-dialog { max-height: 34em; min-height: 31em; min-width: 32em; } .nm-dialog-content { spacing: 20px; padding: 24px; } .nm-dialog-subheader { color: #9c9c9c; } .nm-dialog-header-icon { icon-size: 2.18em; } .nm-dialog-header-hbox { spacing: 10px; } .nm-dialog-scroll-view { padding: 6px; border-radius: 6px; background-color: #ffffff; } .nm-dialog-item { padding: 12px; } .nm-dialog-item:selected { background-color: #4B8501; border-radius: 3px; color: #FFFFFF; } .nm-dialog-item:hover { background-color: rgba(61, 61, 61, 0.1); } .nm-dialog-icon { icon-size: 1.09em; } .nm-dialog-icons { spacing: 12px; } .no-networks-box { spacing: 6px; } .no-networks-label { color: #9c9c9c; } .nm-dialog-airplane-box { text-align: center; spacing: 12px; } .nm-dialog-airplane-text { color: #9c9c9c; } /* OSD */ .osd-window { text-align: center; font-weight: bold; spacing: 12px; padding: 12px 18px; margin-bottom: 4em; } .osd-window > * { spacing: 8px; } .osd-window StIcon { icon-size: 2.18em; } .osd-window StLabel:ltr { margin-right: 6px; } .osd-window StLabel:rtl { margin-left: 6px; } .osd-window .level { margin-bottom: 4px; height: 6px; min-width: 10.9em; -barlevel-height: 6px; -barlevel-background-color: rgba(238, 238, 236, 0.3); -barlevel-active-background-color: #eeeeec; -barlevel-overdrive-color: #c7162b; -barlevel-overdrive-separator-width: 3px; } .osd-window .level:first-child { margin-bottom: 0px; } .osd-window .level:ltr { margin-right: 6px; } .osd-window .level:rtl { margin-left: 6px; } .osd-monitor-label { border-radius: 12px; font-size: 3em; font-weight: bold; margin: 12px; text-align: center; min-width: 1.3em; } /* Pad OSD */ .pad-osd-window { padding: 32px; background-color: rgba(29, 29, 29, 0.975); color: #eeeeec; } .pad-osd-window .button:insensitive { color: #3D3D3D; } .pad-osd-window .pad-osd-title-box { spacing: 12px; } .pad-osd-window .pad-osd-title-menu-box { spacing: 6px; } .combo-box-label { width: 15em; } /* App Switcher */ .switcher-popup { padding: 0; spacing: 24px; } .switcher-list { padding: 10px; border-radius: 20px; box-shadow: 0 8px 8px 0 rgba(0, 0, 0, 0.1); } .switcher-list .switcher-list-item-container { spacing: 12px; } .switcher-list .item-box { background-color: transparent; } .switcher-list .item-box:hover { background-color: rgba(238, 238, 236, 0.1); } .switcher-list .item-box:selected, .switcher-list .item-box:focus { background-color: rgba(238, 238, 236, 0.13); } .switcher-list .item-box:selected:hover, .switcher-list .item-box:focus:hover { background-color: rgba(238, 238, 236, 0.16); } .switcher-list .item-box:selected:active, .switcher-list .item-box:focus:active { background-color: rgba(238, 238, 236, 0.13); } .switcher-list .item-box:active { background-color: rgba(238, 238, 236, 0.16); } .switcher-list .item-box:outlined, .switcher-list .item-box:checked { background-color: rgba(238, 238, 236, 0.19); } .switcher-list .item-box:outlined:active, .switcher-list .item-box:checked:active { background-color: rgba(238, 238, 236, 0.22); } .switcher-list .item-box:outlined:hover, .switcher-list .item-box:checked:hover { background-color: rgba(238, 238, 236, 0.25); } .switcher-list .item-box:drop { border: 2px solid rgba(75, 133, 1, 0.8); background-color: rgba(75, 133, 1, 0.2); } .switcher-list .item-box:hover { background: none; } .switcher-list .separator { width: 1px; background: #c7c7c7; } .switcher-list .thumbnail-box { padding: 2px; spacing: 6px; } .switcher-list .thumbnail { width: 256px; border-radius: 6px; } .switcher-arrow { border-color: rgba(0, 0, 0, 0); color: rgba(238, 238, 236, 0.8); } .switcher-arrow:highlighted { border-color: #eeeeec; color: #eeeeec; } .input-source-switcher-symbol { font-size: 34pt; width: 96px; height: 96px; } .cycler-highlight { border: 5px solid #4B8501; } /* Workspace Switcher */ .workspace-switcher { margin-bottom: 4em; spacing: 12px; padding: 12px 18px; } .ws-switcher-indicator { background-color: rgba(238, 238, 236, 0.5); padding: 0.1816666667em; margin: 0.9083333333em; border-radius: 2.18em; } .ws-switcher-indicator:active { background-color: #eeeeec; padding: 0.3633333333em; margin: 0.7266666667em; } .icon-label-button-container { spacing: 6px; } .icon-label-button-container StIcon { icon-size: 32px; } .screenshot-ui-panel { border-radius: 33px; padding: 18px; padding-bottom: 12px; margin-bottom: 4em; spacing: 12px; } .screenshot-ui-close-button { padding: 6px; } .screenshot-ui-close-button.left { margin-left: 8px; } .screenshot-ui-close-button.right { margin-right: 8px; } .screenshot-ui-type-button { padding: 12px 18px !important; border-radius: 15px; } .screenshot-ui-capture-button { width: 36px; height: 36px; border-radius: 99px; border: 4px #eeeeec; padding: 4px; } .screenshot-ui-capture-button .screenshot-ui-capture-button-circle { background-color: #eeeeec; transition-duration: 200ms; border-radius: 99px; } .screenshot-ui-capture-button .screenshot-ui-capture-button-circle:hover, .screenshot-ui-capture-button .screenshot-ui-capture-button-circle:focus { background-color: rgba(61, 61, 61, 0.1); } .screenshot-ui-capture-button:hover .screenshot-ui-capture-button-circle, .screenshot-ui-capture-button:focus .screenshot-ui-capture-button-circle { background-color: #cacac4; } .screenshot-ui-capture-button:active .screenshot-ui-capture-button-circle { background-color: #747467; } .screenshot-ui-capture-button:cast .screenshot-ui-capture-button-circle { background-color: #c7162b; } .screenshot-ui-capture-button:cast:hover .screenshot-ui-capture-button-circle, .screenshot-ui-capture-button:cast:focus .screenshot-ui-capture-button-circle { background-color: #de1930; } .screenshot-ui-capture-button:cast:active .screenshot-ui-capture-button-circle { background-color: #a71224; } .screenshot-ui-shot-cast-container { background-color: rgba(61, 61, 61, 0.1); border-radius: 12px; padding: 3px; spacing: 3px; } .screenshot-ui-shot-cast-container:ltr { margin-left: 3px; } .screenshot-ui-shot-cast-container:rtl { margin-right: 3px; } .screenshot-ui-shot-cast-button { padding: 6px 12px; background-color: transparent; border-radius: 9px; } .screenshot-ui-shot-cast-button:hover, .screenshot-ui-shot-cast-button:focus { background-color: rgba(74, 74, 74, 0.1); } .screenshot-ui-shot-cast-button:active { background-color: rgba(74, 74, 74, 0.2); } .screenshot-ui-shot-cast-button:checked { background-color: white; color: black; } .screenshot-ui-shot-cast-button StIcon { icon-size: 1.09em; } .screenshot-ui-show-pointer-button { border-radius: 99px; padding: 12px !important; } .screenshot-ui-show-pointer-button StIcon { icon-size: 1.09em; } .screenshot-ui-area-indicator-shade { background-color: rgba(0, 0, 0, 0.3); } .screenshot-ui-area-selector .screenshot-ui-area-indicator-shade { background-color: rgba(0, 0, 0, 0.5); } .screenshot-ui-area-selector .screenshot-ui-area-indicator-selection { border: 2px white; } .screenshot-ui-area-selector-handle { border-radius: 99px; background-color: white; box-shadow: 0 1px 3px 2px rgba(0, 0, 0, 0.2); width: 24px; height: 24px; } .screenshot-ui-window-selector { background-color: #222222; } .screenshot-ui-window-selector .screenshot-ui-window-selector-window-container { margin: 100px; } .screenshot-ui-window-selector:primary-monitor .screenshot-ui-window-selector-window-container { margin-bottom: 200px; } .screenshot-ui-window-selector-window-border { transition-duration: 200ms; border-radius: 12px; border: 6px transparent; } .screenshot-ui-window-selector-check { transition-duration: 200ms; color: transparent; border-radius: 99px; border-width: 12px; icon-size: 24px; } .screenshot-ui-window-selector-window:hover .screenshot-ui-window-selector-window-border { border-color: #203900; } .screenshot-ui-window-selector-window:checked .screenshot-ui-window-selector-window-border { border-color: #4B8501; background-color: rgba(75, 133, 1, 0.2); } .screenshot-ui-window-selector-window:checked .screenshot-ui-window-selector-check { color: #FFFFFF; background-color: #4B8501; } .screenshot-ui-screen-selector { transition-duration: 200ms; background-color: rgba(0, 0, 0, 0.5); } .screenshot-ui-screen-selector:hover { background-color: rgba(0, 0, 0, 0.3); } .screenshot-ui-screen-selector:active { background-color: rgba(0, 0, 0, 0.7); } .screenshot-ui-screen-selector:checked { background-color: transparent; border: 2px white; } .screenshot-ui-tooltip { color: #eeeeec; background-color: rgba(29, 29, 29, 0.975); border-radius: 99px; padding: 6px 12px; text-align: center; -y-offset: 24px; } /* Top Bar */ #panel { background-color: #131313; font-weight: bold; height: 1.86em; transition-duration: 250ms; } #panel.unlock-screen, #panel.login-screen { background-color: transparent; } #panel .panel-button { font-weight: bold; color: #f2f2f2; -natural-hpadding: 12px; -minimum-hpadding: 6px; transition-duration: 150ms; border: 3px solid transparent; border-radius: 99px; } #panel .panel-button.clock-display .clock { transition-duration: 150ms; border: 3px solid transparent; border-radius: 99px; } #panel .panel-button.screen-recording-indicator { box-shadow: inset 0 0 0 100px #c7162b; } #panel .panel-button.screen-recording-indicator StBoxLayout { spacing: 6px; } #panel .panel-button.screen-recording-indicator StIcon { icon-size: 1.09em; } #panel .panel-button:active, #panel .panel-button:overview, #panel .panel-button:focus, #panel .panel-button:checked { box-shadow: inset 0 0 0 100px rgba(242, 242, 242, 0.2); } #panel .panel-button:active.clock-display, #panel .panel-button:overview.clock-display, #panel .panel-button:focus.clock-display, #panel .panel-button:checked.clock-display { box-shadow: none; } #panel .panel-button:active.clock-display .clock, #panel .panel-button:overview.clock-display .clock, #panel .panel-button:focus.clock-display .clock, #panel .panel-button:checked.clock-display .clock { box-shadow: inset 0 0 0 100px rgba(242, 242, 242, 0.2); } #panel .panel-button:active.screen-recording-indicator, #panel .panel-button:overview.screen-recording-indicator, #panel .panel-button:focus.screen-recording-indicator, #panel .panel-button:checked.screen-recording-indicator { box-shadow: inset 0 0 0 100px rgba(199, 22, 43, 0.85); } #panel .panel-button:hover { box-shadow: inset 0 0 0 100px rgba(242, 242, 242, 0.15); } #panel .panel-button:hover.clock-display { box-shadow: none; } #panel .panel-button:hover.clock-display .clock { box-shadow: inset 0 0 0 100px rgba(242, 242, 242, 0.15); } #panel .panel-button:hover.screen-recording-indicator { box-shadow: inset 0 0 0 100px rgba(199, 22, 43, 0.9); } #panel .panel-button:active:hover, #panel .panel-button:overview:hover, #panel .panel-button:focus:hover, #panel .panel-button:checked:hover { box-shadow: inset 0 0 0 100px rgba(242, 242, 242, 0.25); } #panel .panel-button:active:hover.clock-display, #panel .panel-button:overview:hover.clock-display, #panel .panel-button:focus:hover.clock-display, #panel .panel-button:checked:hover.clock-display { box-shadow: none; } #panel .panel-button:active:hover.clock-display .clock, #panel .panel-button:overview:hover.clock-display .clock, #panel .panel-button:focus:hover.clock-display .clock, #panel .panel-button:checked:hover.clock-display .clock { box-shadow: inset 0 0 0 100px rgba(242, 242, 242, 0.25); } #panel .panel-button:active:hover.screen-recording-indicator, #panel .panel-button:overview:hover.screen-recording-indicator, #panel .panel-button:focus:hover.screen-recording-indicator, #panel .panel-button:checked:hover.screen-recording-indicator { box-shadow: inset 0 0 0 100px rgba(199, 22, 43, 0.8); } #panel .panel-button .system-status-icon { icon-size: 1.09em; padding: 5px; margin: 0 4px; } #panel .panel-button .panel-status-indicators-box .system-status-icon, #panel .panel-button .panel-status-menu-box .system-status-icon { margin: 0; } #panel .panel-button .app-menu-icon { -st-icon-style: symbolic; } #panel .panel-button#panelActivities { -natural-hpadding: 18px; } #panel.unlock-screen .panel-button:active, #panel.unlock-screen .panel-button:overview, #panel.unlock-screen .panel-button:focus, #panel.unlock-screen .panel-button:checked, #panel.login-screen .panel-button:active, #panel.login-screen .panel-button:overview, #panel.login-screen .panel-button:focus, #panel.login-screen .panel-button:checked, #panel:overview .panel-button:active, #panel:overview .panel-button:overview, #panel:overview .panel-button:focus, #panel:overview .panel-button:checked { box-shadow: inset 0 0 0 100px rgba(255, 255, 255, 0.15); } #panel.unlock-screen .panel-button:active.clock-display, #panel.unlock-screen .panel-button:overview.clock-display, #panel.unlock-screen .panel-button:focus.clock-display, #panel.unlock-screen .panel-button:checked.clock-display, #panel.login-screen .panel-button:active.clock-display, #panel.login-screen .panel-button:overview.clock-display, #panel.login-screen .panel-button:focus.clock-display, #panel.login-screen .panel-button:checked.clock-display, #panel:overview .panel-button:active.clock-display, #panel:overview .panel-button:overview.clock-display, #panel:overview .panel-button:focus.clock-display, #panel:overview .panel-button:checked.clock-display { box-shadow: none; } #panel.unlock-screen .panel-button:active.clock-display .clock, #panel.unlock-screen .panel-button:overview.clock-display .clock, #panel.unlock-screen .panel-button:focus.clock-display .clock, #panel.unlock-screen .panel-button:checked.clock-display .clock, #panel.login-screen .panel-button:active.clock-display .clock, #panel.login-screen .panel-button:overview.clock-display .clock, #panel.login-screen .panel-button:focus.clock-display .clock, #panel.login-screen .panel-button:checked.clock-display .clock, #panel:overview .panel-button:active.clock-display .clock, #panel:overview .panel-button:overview.clock-display .clock, #panel:overview .panel-button:focus.clock-display .clock, #panel:overview .panel-button:checked.clock-display .clock { box-shadow: inset 0 0 0 100px rgba(255, 255, 255, 0.15); } #panel.unlock-screen .panel-button:active.screen-recording-indicator, #panel.unlock-screen .panel-button:overview.screen-recording-indicator, #panel.unlock-screen .panel-button:focus.screen-recording-indicator, #panel.unlock-screen .panel-button:checked.screen-recording-indicator, #panel.login-screen .panel-button:active.screen-recording-indicator, #panel.login-screen .panel-button:overview.screen-recording-indicator, #panel.login-screen .panel-button:focus.screen-recording-indicator, #panel.login-screen .panel-button:checked.screen-recording-indicator, #panel:overview .panel-button:active.screen-recording-indicator, #panel:overview .panel-button:overview.screen-recording-indicator, #panel:overview .panel-button:focus.screen-recording-indicator, #panel:overview .panel-button:checked.screen-recording-indicator { box-shadow: inset 0 0 0 100px rgba(199, 22, 43, 0.85); } #panel.unlock-screen .panel-button:hover, #panel.login-screen .panel-button:hover, #panel:overview .panel-button:hover { box-shadow: inset 0 0 0 100px rgba(255, 255, 255, 0.1); } #panel.unlock-screen .panel-button:hover.clock-display, #panel.login-screen .panel-button:hover.clock-display, #panel:overview .panel-button:hover.clock-display { box-shadow: none; } #panel.unlock-screen .panel-button:hover.clock-display .clock, #panel.login-screen .panel-button:hover.clock-display .clock, #panel:overview .panel-button:hover.clock-display .clock { box-shadow: inset 0 0 0 100px rgba(255, 255, 255, 0.1); } #panel.unlock-screen .panel-button:hover.screen-recording-indicator, #panel.login-screen .panel-button:hover.screen-recording-indicator, #panel:overview .panel-button:hover.screen-recording-indicator { box-shadow: inset 0 0 0 100px rgba(199, 22, 43, 0.9); } #panel.unlock-screen .panel-button:active:hover, #panel.unlock-screen .panel-button:overview:hover, #panel.unlock-screen .panel-button:focus:hover, #panel.unlock-screen .panel-button:checked:hover, #panel.login-screen .panel-button:active:hover, #panel.login-screen .panel-button:overview:hover, #panel.login-screen .panel-button:focus:hover, #panel.login-screen .panel-button:checked:hover, #panel:overview .panel-button:active:hover, #panel:overview .panel-button:overview:hover, #panel:overview .panel-button:focus:hover, #panel:overview .panel-button:checked:hover { box-shadow: inset 0 0 0 100px rgba(255, 255, 255, 0.2); } #panel.unlock-screen .panel-button:active:hover.clock-display, #panel.unlock-screen .panel-button:overview:hover.clock-display, #panel.unlock-screen .panel-button:focus:hover.clock-display, #panel.unlock-screen .panel-button:checked:hover.clock-display, #panel.login-screen .panel-button:active:hover.clock-display, #panel.login-screen .panel-button:overview:hover.clock-display, #panel.login-screen .panel-button:focus:hover.clock-display, #panel.login-screen .panel-button:checked:hover.clock-display, #panel:overview .panel-button:active:hover.clock-display, #panel:overview .panel-button:overview:hover.clock-display, #panel:overview .panel-button:focus:hover.clock-display, #panel:overview .panel-button:checked:hover.clock-display { box-shadow: none; } #panel.unlock-screen .panel-button:active:hover.clock-display .clock, #panel.unlock-screen .panel-button:overview:hover.clock-display .clock, #panel.unlock-screen .panel-button:focus:hover.clock-display .clock, #panel.unlock-screen .panel-button:checked:hover.clock-display .clock, #panel.login-screen .panel-button:active:hover.clock-display .clock, #panel.login-screen .panel-button:overview:hover.clock-display .clock, #panel.login-screen .panel-button:focus:hover.clock-display .clock, #panel.login-screen .panel-button:checked:hover.clock-display .clock, #panel:overview .panel-button:active:hover.clock-display .clock, #panel:overview .panel-button:overview:hover.clock-display .clock, #panel:overview .panel-button:focus:hover.clock-display .clock, #panel:overview .panel-button:checked:hover.clock-display .clock { box-shadow: inset 0 0 0 100px rgba(255, 255, 255, 0.2); } #panel.unlock-screen .panel-button:active:hover.screen-recording-indicator, #panel.unlock-screen .panel-button:overview:hover.screen-recording-indicator, #panel.unlock-screen .panel-button:focus:hover.screen-recording-indicator, #panel.unlock-screen .panel-button:checked:hover.screen-recording-indicator, #panel.login-screen .panel-button:active:hover.screen-recording-indicator, #panel.login-screen .panel-button:overview:hover.screen-recording-indicator, #panel.login-screen .panel-button:focus:hover.screen-recording-indicator, #panel.login-screen .panel-button:checked:hover.screen-recording-indicator, #panel:overview .panel-button:active:hover.screen-recording-indicator, #panel:overview .panel-button:overview:hover.screen-recording-indicator, #panel:overview .panel-button:focus:hover.screen-recording-indicator, #panel:overview .panel-button:checked:hover.screen-recording-indicator { box-shadow: inset 0 0 0 100px rgba(199, 22, 43, 0.8); } #panel .panel-status-indicators-box, #panel .panel-status-menu-box { spacing: 2px; } #panel .power-status.panel-status-indicators-box { spacing: 0; } #panel .screencast-indicator, #panel .remote-access-indicator { color: #f99b11; } #appMenu { spacing: 6px; } #appMenu .label-shadow { color: transparent; } #appMenu .panel-status-menu-box { padding: 0 6px; spacing: 6px; } .clock-display-box { spacing: 2px; } .clock-display-box .clock { padding-left: 12px; padding-right: 12px; } /* Activities Ripple */ .ripple-box { background-color: rgba(179, 254, 84, 0.3); box-shadow: 0 0 2px 2px #84ea02; width: 52px; height: 52px; border-radius: 0 0 52px 0; } .ripple-box:rtl { border-radius: 0 0 0 52px; } /* OVERVIEW */ .controls-manager, .secondary-monitor-workspaces { spacing: 12px; } #overviewGroup { background-color: #222222; } .overview-controls { padding-bottom: 32px; } /* Window Picker */ .window-picker { spacing: 6px; } .window-caption { color: #eeeeec; background-color: rgba(29, 29, 29, 0.975); border-radius: 99px; padding: 6px 12px; border: 1px solid #464646; } .window-close, .screenshot-ui-close-button { background-color: rgba(55, 55, 55, 0.975); color: #eeeeec; border-radius: 99px; padding: 3px; height: 30px; width: 30px; transition-duration: 300ms; border: 1px solid #464646; } .window-close StIcon, .screenshot-ui-close-button StIcon { icon-size: 24px; } .window-close:hover, .screenshot-ui-close-button:hover { background-color: rgba(67, 67, 67, 0.975); } .window-close:active, .screenshot-ui-close-button:active { background-color: rgba(42, 42, 42, 0.975); } .workspace-background { border-radius: 30px; box-shadow: 0 4px 16px 4px rgba(0, 0, 0, 0.275); } .search-entry { border-radius: 18px; margin-top: 24px; margin-bottom: 12px; padding: 7px 9px; width: 320px; background-color: white; color: rgba(61, 61, 61, 0.7); border: 1px solid #c7c7c7; } .search-entry:hover { background-color: white; border-color: #d4d4d4; color: #3D3D3D; } .search-entry:focus { background-color: white; border-color: #73cc02; box-shadow: 0 0 0 1px #73cc02 inset; color: #3D3D3D; } .search-entry:insensitive { background-color: white; border-color: white; color: #9c9c9c; } .search-entry .search-entry-icon { color: inherit; icon-size: 1.09em; margin-top: 2px; padding: 0 4px; } /* Search */ #searchResults { margin: 0 4px; } #searchResultsContent { max-width: 1072px; } .search-section { spacing: 18px; } .search-section .search-section-separator { height: 8px; background-color: transparent; } .search-section-content { background-color: #1d1d1d; border-radius: 18px; border: 1px solid #464646; color: #eeeeec; padding: 12px; margin: 0 12px; } .list-search-result, .search-provider-icon { background-color: transparent; border-radius: 9px; } .list-search-result:hover, .search-provider-icon:hover { background-color: rgba(238, 238, 236, 0.1); } .list-search-result:selected, .search-provider-icon:selected, .list-search-result:focus, .search-provider-icon:focus { background-color: rgba(238, 238, 236, 0.13); } .list-search-result:selected:hover, .search-provider-icon:selected:hover, .list-search-result:focus:hover, .search-provider-icon:focus:hover { background-color: rgba(238, 238, 236, 0.16); } .list-search-result:selected:active, .search-provider-icon:selected:active, .list-search-result:focus:active, .search-provider-icon:focus:active { background-color: rgba(238, 238, 236, 0.13); } .list-search-result:active, .search-provider-icon:active { background-color: rgba(238, 238, 236, 0.16); } .list-search-result:outlined, .search-provider-icon:outlined, .list-search-result:checked, .search-provider-icon:checked { background-color: rgba(238, 238, 236, 0.19); } .list-search-result:outlined:active, .search-provider-icon:outlined:active, .list-search-result:checked:active, .search-provider-icon:checked:active { background-color: rgba(238, 238, 236, 0.22); } .list-search-result:outlined:hover, .search-provider-icon:outlined:hover, .list-search-result:checked:hover, .search-provider-icon:checked:hover { background-color: rgba(238, 238, 236, 0.25); } .list-search-result:drop, .search-provider-icon:drop { border: 2px solid rgba(75, 133, 1, 0.8); background-color: rgba(75, 133, 1, 0.2); } .grid-search-results { spacing: 30px; margin: 0 12px; } .search-provider-icon:ltr { margin-right: 4px; } .search-provider-icon:rtl { margin-left: 4px; } .search-provider-icon .list-search-provider-content { spacing: 12px; } .search-provider-icon .list-search-provider-content .list-search-provider-details { width: 120px; color: #eeeeec; } .list-search-results { spacing: 6px; } .list-search-result .list-search-result-content { spacing: 6px; } .list-search-result .list-search-result-title { spacing: 12px; } .list-search-result .list-search-result-description { color: #868685; } /* Dash */ #dash { margin-top: 12px; } #dash .placeholder { background-image: none; background-size: contain; height: 32px; } #dash .empty-dash-drop-target { width: 32px; height: 32px; } #dash .app-well-app-running-dot { margin-bottom: 13px; background-color: #4B8501; } .dash-background { background-color: #1d1d1d; border-radius: 24px; padding: 12px; border: 1px solid #464646; spacing: 6px; margin-bottom: 12px; } .dash-item-container > * { margin: 0 2px; } .dash-item-container:ltr:first-child { margin-left: 0; } .dash-item-container:rtl:first-child { margin-right: 0; } .dash-item-container .app-well-app .overview-icon, .dash-item-container .grid-search-result .overview-icon { padding: 6px; } .dash-item-container .show-apps .overview-icon { background-color: transparent; } .dash-item-container .show-apps:hover .overview-icon { background-color: rgba(238, 238, 236, 0.1); } .dash-item-container .show-apps:selected .overview-icon, .dash-item-container .show-apps:focus .overview-icon { background-color: rgba(238, 238, 236, 0.13); } .dash-item-container .show-apps:selected .overview-icon:hover .overview-icon, .dash-item-container .show-apps:focus .overview-icon:hover .overview-icon { background-color: rgba(238, 238, 236, 0.16); } .dash-item-container .show-apps:selected .overview-icon:active .overview-icon, .dash-item-container .show-apps:focus .overview-icon:active .overview-icon { background-color: rgba(238, 238, 236, 0.13); } .dash-item-container .show-apps:active .overview-icon { background-color: rgba(238, 238, 236, 0.16); } .dash-item-container .show-apps:outlined .overview-icon, .dash-item-container .show-apps:checked .overview-icon { background-color: rgba(238, 238, 236, 0.19); } .dash-item-container .show-apps:outlined .overview-icon:active .overview-icon, .dash-item-container .show-apps:checked .overview-icon:active .overview-icon { background-color: rgba(238, 238, 236, 0.22); } .dash-item-container .show-apps:outlined .overview-icon:hover .overview-icon, .dash-item-container .show-apps:checked .overview-icon:hover .overview-icon { background-color: rgba(238, 238, 236, 0.25); } .dash-item-container .show-apps:drop .overview-icon { border: 2px solid rgba(75, 133, 1, 0.8); background-color: rgba(75, 133, 1, 0.2); } .dash-item-container .show-apps:focus .overview-icon, .dash-item-container .show-apps:active .overview-icon, .dash-item-container .show-apps:checked .overview-icon { background-color: rgba(238, 238, 236, 0.2); } .dash-item-container .show-apps, .dash-item-container .app-well-app, .dash-item-container .grid-search-result { padding-bottom: 12px; } .dash-separator { width: 1px; margin: 0 4px; background-color: #464646; margin-bottom: 12px; } .dash-label { color: #eeeeec; background-color: rgba(29, 29, 29, 0.975); border-radius: 99px; padding: 6px 12px; text-align: center; -y-offset: 8px; border: 1px solid #464646; } /* App Grid */ .icon-grid { row-spacing: 12px; column-spacing: 12px; max-row-spacing: 42px; max-column-spacing: 42px; page-padding-top: 24px; page-padding-bottom: 24px; page-padding-left: 18px; page-padding-right: 18px; } /* App Icons */ .app-well-app .overview-icon, .grid-search-result .overview-icon { background-color: transparent; } .app-well-app:hover .overview-icon, .grid-search-result:hover .overview-icon { background-color: rgba(238, 238, 236, 0.1); } .app-well-app:selected .overview-icon, .grid-search-result:selected .overview-icon, .app-well-app:focus .overview-icon, .grid-search-result:focus .overview-icon { background-color: rgba(238, 238, 236, 0.13); } .app-well-app:selected .overview-icon:hover .overview-icon, .grid-search-result:selected .overview-icon:hover .overview-icon, .app-well-app:focus .overview-icon:hover .overview-icon, .grid-search-result:focus .overview-icon:hover .overview-icon { background-color: rgba(238, 238, 236, 0.16); } .app-well-app:selected .overview-icon:active .overview-icon, .grid-search-result:selected .overview-icon:active .overview-icon, .app-well-app:focus .overview-icon:active .overview-icon, .grid-search-result:focus .overview-icon:active .overview-icon { background-color: rgba(238, 238, 236, 0.13); } .app-well-app:active .overview-icon, .grid-search-result:active .overview-icon { background-color: rgba(238, 238, 236, 0.16); } .app-well-app:outlined .overview-icon, .grid-search-result:outlined .overview-icon, .app-well-app:checked .overview-icon, .grid-search-result:checked .overview-icon { background-color: rgba(238, 238, 236, 0.19); } .app-well-app:outlined .overview-icon:active .overview-icon, .grid-search-result:outlined .overview-icon:active .overview-icon, .app-well-app:checked .overview-icon:active .overview-icon, .grid-search-result:checked .overview-icon:active .overview-icon { background-color: rgba(238, 238, 236, 0.22); } .app-well-app:outlined .overview-icon:hover .overview-icon, .grid-search-result:outlined .overview-icon:hover .overview-icon, .app-well-app:checked .overview-icon:hover .overview-icon, .grid-search-result:checked .overview-icon:hover .overview-icon { background-color: rgba(238, 238, 236, 0.25); } .app-well-app:drop .overview-icon, .grid-search-result:drop .overview-icon { border: 2px solid rgba(75, 133, 1, 0.8); background-color: rgba(75, 133, 1, 0.2); } .app-well-app:focus .overview-icon, .grid-search-result:focus .overview-icon, .app-well-app:active .overview-icon, .grid-search-result:active .overview-icon, .app-well-app:checked .overview-icon, .grid-search-result:checked .overview-icon { background-color: rgba(238, 238, 236, 0.2); } .app-well-app .overview-icon, .grid-search-result .overview-icon { padding: 12px; } .app-well-app .overview-icon.overview-icon-with-label > StBoxLayout, .grid-search-result .overview-icon.overview-icon-with-label > StBoxLayout { spacing: 6px; } .app-well-app.app-folder .overview-icon, .app-folder.grid-search-result .overview-icon { background-color: rgba(238, 238, 236, 0.05); } .app-well-app.app-folder:hover .overview-icon, .app-folder.grid-search-result:hover .overview-icon { background-color: rgba(238, 238, 236, 0.1); } .app-well-app.app-folder:selected .overview-icon, .app-folder.grid-search-result:selected .overview-icon, .app-well-app.app-folder:focus .overview-icon, .app-folder.grid-search-result:focus .overview-icon { background-color: rgba(238, 238, 236, 0.13); } .app-well-app.app-folder:selected .overview-icon:hover .overview-icon, .app-folder.grid-search-result:selected .overview-icon:hover .overview-icon, .app-well-app.app-folder:focus .overview-icon:hover .overview-icon, .app-folder.grid-search-result:focus .overview-icon:hover .overview-icon { background-color: rgba(238, 238, 236, 0.16); } .app-well-app.app-folder:selected .overview-icon:active .overview-icon, .app-folder.grid-search-result:selected .overview-icon:active .overview-icon, .app-well-app.app-folder:focus .overview-icon:active .overview-icon, .app-folder.grid-search-result:focus .overview-icon:active .overview-icon { background-color: rgba(238, 238, 236, 0.13); } .app-well-app.app-folder:active .overview-icon, .app-folder.grid-search-result:active .overview-icon { background-color: rgba(238, 238, 236, 0.16); } .app-well-app.app-folder:outlined .overview-icon, .app-folder.grid-search-result:outlined .overview-icon, .app-well-app.app-folder:checked .overview-icon, .app-folder.grid-search-result:checked .overview-icon { background-color: rgba(238, 238, 236, 0.19); } .app-well-app.app-folder:outlined .overview-icon:active .overview-icon, .app-folder.grid-search-result:outlined .overview-icon:active .overview-icon, .app-well-app.app-folder:checked .overview-icon:active .overview-icon, .app-folder.grid-search-result:checked .overview-icon:active .overview-icon { background-color: rgba(238, 238, 236, 0.22); } .app-well-app.app-folder:outlined .overview-icon:hover .overview-icon, .app-folder.grid-search-result:outlined .overview-icon:hover .overview-icon, .app-well-app.app-folder:checked .overview-icon:hover .overview-icon, .app-folder.grid-search-result:checked .overview-icon:hover .overview-icon { background-color: rgba(238, 238, 236, 0.25); } .app-well-app.app-folder:drop .overview-icon, .app-folder.grid-search-result:drop .overview-icon { border: 2px solid rgba(75, 133, 1, 0.8); background-color: rgba(75, 133, 1, 0.2); } .app-well-app.app-folder:focus .overview-icon, .app-folder.grid-search-result:focus .overview-icon, .app-well-app.app-folder:active .overview-icon, .app-folder.grid-search-result:active .overview-icon, .app-well-app.app-folder:checked .overview-icon, .app-folder.grid-search-result:checked .overview-icon { background-color: rgba(238, 238, 236, 0.2); } .app-folder-dialog { border-radius: 24px; background-color: #1d1d1d; border: 1px solid #464646; } .app-folder-dialog .folder-name-container { padding: 24px 36px 0; spacing: 12px; /* FIXME: this is to keep the label in sync with the entry */ } .app-folder-dialog .folder-name-container .folder-name-label, .app-folder-dialog .folder-name-container .folder-name-entry { color: #eeeeec; } .app-folder-dialog .folder-name-container .folder-name-entry { width: 300px; background-color: rgba(39, 39, 39, 0.975); border-color: rgba(255, 255, 255, 0.16); } .app-folder-dialog .folder-name-container .folder-name-label { padding: 5px 7px; color: #eeeeec; } .app-folder-dialog .folder-name-container .edit-folder-button { padding: 0; width: 36px; height: 36px; border-radius: 99px; } .app-folder-dialog .folder-name-container .edit-folder-button > StIcon { icon-size: 1.09em; } .app-folder-dialog .icon-grid { row-spacing: 12px; column-spacing: 30px; page-padding-top: 0; page-padding-bottom: 0; page-padding-left: 0; page-padding-right: 0; } .app-folder-dialog .page-indicators { margin-bottom: 18px; } .app-folder-dialog-container { padding: 12px; width: 640px; height: 640px; } .app-well-app-running-dot { height: 5px; width: 5px; border-radius: 5px; margin-bottom: 8px; background-color: #4B8501; } .rename-folder-popup .rename-folder-popup-item { spacing: 6px; } .rename-folder-popup .rename-folder-popup-item:ltr, .rename-folder-popup .rename-folder-popup-item:rtl { padding: 0 12px; } .page-indicator { padding: 6px 12px 0; } .page-indicator .page-indicator-icon { width: 10px; height: 10px; border-radius: 10px; background-color: white; } .apps-scroll-view { padding: 0; } .system-action-icon { background-color: rgba(0, 0, 0, 0.8); color: #fff; border-radius: 99px; icon-size: 48px; } .page-navigation-hint { width: 300px; } .page-navigation-hint.dnd { background: rgba(255, 255, 255, 0.1); } .page-navigation-hint.next:ltr, .page-navigation-hint.previous:rtl { background-gradient-start: rgba(255, 255, 255, 0.05); background-gradient-end: transparent; background-gradient-direction: horizontal; border-radius: 18px 0px 0px 18px; } .page-navigation-hint.previous:ltr, .page-navigation-hint.next:rtl { background-gradient-start: transparent; background-gradient-end: rgba(255, 255, 255, 0.05); background-gradient-direction: horizontal; border-radius: 0px 18px 18px 0px; } .page-navigation-arrow { margin: 6px; width: 24px; height: 24px; color: #eeeeec; } /* Workspace pager */ .workspace-thumbnails { visible-width: 32px; spacing: 6px; padding: 6px; border-color: transparent; } .workspace-thumbnails .workspace-thumbnail { border-radius: 3px; background-color: #1d1d1d; border: 1px solid #464646; } .workspace-thumbnails .placeholder { background-image: url("resource:///org/gnome/shell/theme/workspace-placeholder.svg"); background-size: contain; width: 18px; } .workspace-thumbnail-indicator { border: 2px solid #73cc02; border-radius: 3px; padding: 0px; } .ripple-pointer-location { width: 50px; height: 50px; border-radius: 25px; background-color: rgba(157, 253, 34, 0.3); box-shadow: 0 0 2px 2px #84ea02; } .pie-timer { width: 60px; height: 60px; -pie-border-width: 3px; -pie-border-color: #4B8501; -pie-background-color: rgba(179, 254, 84, 0.3); } .magnifier-zoom-region { border: 2px solid #4B8501; } .magnifier-zoom-region.full-screen { border-width: 0; } .select-area-rubberband { background-color: rgba(135, 135, 135, 0.2); border: 1px solid rgba(204, 204, 204, 0.8); } .user-icon { /* Yaru: See commit 3d4aca768250 */ background-size: contain; color: #3D3D3D; border-radius: 99px; icon-size: 4.36em; } .user-icon:hover { color: #8a8a8a; } .user-icon StIcon { background-color: rgba(61, 61, 61, 0.05); border-radius: 99px; padding: 12px; width: 2.725em; height: 2.725em; } .user-icon.user-avatar { border: 2px #eeeeec; } .user-widget.vertical .user-icon { icon-size: 6.54em; } .user-widget.vertical .user-icon StIcon { padding: 20px; padding-top: 18px; padding-bottom: 22px; width: 5.995em; height: 5.995em; /* Yaru: See commit 3d4aca768250 */ } .lightbox { background-color: black; } .flashspot { background-color: white; } .hidden { color: rgba(0, 0, 0, 0); } .caps-lock-warning-label { text-align: center; padding-bottom: 8px; color: #f99b11; } /* Workspace animation */ .workspace-animation { background-color: #222222; } /* Tiled window previews */ .tile-preview { background-color: rgba(75, 133, 1, 0.5); border: 1px solid #4B8501; } /* On-screen Keyboard */ #keyboard { background-color: rgba(237, 237, 237, 0.9); } #keyboard .page-indicator { padding: 6px; } #keyboard .page-indicator .page-indicator-icon { width: 8px; height: 8px; } .key-container { padding: 4px; spacing: 4px; } .keyboard-key { font-size: 16pt; font-weight: bold; min-height: 1.2em; min-width: 1.2em; border-width: 1px; border-style: solid; border-radius: 10px; box-shadow: 0 1px 0 0 rgba(0, 0, 0, 0.1); color: #3D3D3D; background-color: white; } .keyboard-key:focus { color: #3D3D3D; background-color: #edf3e6; box-shadow: inset 0 0 0 2px rgba(75, 133, 1, 0.6); } .keyboard-key:focus:hover { background-color: #edf3e6; box-shadow: inset 0 0 0 2px rgba(75, 133, 1, 0.7); } .keyboard-key:focus:active { background-color: #edf3e6; box-shadow: inset 0 0 0 2px rgba(75, 133, 1, 0.7); } .keyboard-key:hover { color: #3D3D3D; background-color: #fafafa; } .keyboard-key:active { color: #3D3D3D; background-color: #f2f2f2; } .keyboard-key:checked { color: #3D3D3D; background-color: #ebebeb; } .keyboard-key:grayed { background-color: #f2f2f2; color: #3D3D3D; border-color: rgba(0, 0, 0, 0.7); } .keyboard-key.default-key { color: #3D3D3D; background-color: white; border-radius: 10px; } .keyboard-key.default-key:hover { color: #3D3D3D; background-color: #fafafa; } .keyboard-key.default-key:active { color: #3D3D3D; background-color: #f2f2f2; } .keyboard-key.default-key:checked { color: #3D3D3D; background-color: #ebebeb; } .keyboard-key.enter-key { color: #FFFFFF; background-color: #12a929; border-radius: 10px; color: #eeeeec; } .keyboard-key.enter-key:hover { color: #FFFFFF; background-color: #11a027; } .keyboard-key.enter-key:active { color: #FFFFFF; background-color: #0f9223; } .keyboard-key.enter-key:checked { color: #FFFFFF; background-color: #0e8420; } .keyboard-key.shift-key-uppercase { background-color: #dedede; color: #3D3D3D; } .keyboard-key.shift-key-uppercase:hover { background-color: #d6d6d6; } .keyboard-key StIcon { icon-size: 24px; } .keyboard-subkeys { -arrow-border-radius: 12px; -arrow-background-color: rgba(237, 237, 237, 0.9); -arrow-border-width: 1px; -arrow-border-color: #c7c7c7; -arrow-base: 20px; -arrow-rise: 10px; -boxpointer-gap: 6px; padding: 6px; } .keyboard-subkeys .keyboard-key { color: #3D3D3D; background-color: white; border-radius: 10px; } .keyboard-subkeys .keyboard-key:focus { color: #3D3D3D; background-color: #edf3e6; box-shadow: inset 0 0 0 2px rgba(75, 133, 1, 0.6); } .keyboard-subkeys .keyboard-key:focus:hover { background-color: #edf3e6; box-shadow: inset 0 0 0 2px rgba(75, 133, 1, 0.7); } .keyboard-subkeys .keyboard-key:focus:active { background-color: #edf3e6; box-shadow: inset 0 0 0 2px rgba(75, 133, 1, 0.7); } .keyboard-subkeys .keyboard-key:hover { color: #3D3D3D; background-color: #fafafa; } .keyboard-subkeys .keyboard-key:active { color: #3D3D3D; background-color: #f2f2f2; } .keyboard-subkeys .keyboard-key:checked { color: #3D3D3D; background-color: #ebebeb; } .emoji-page .keyboard-key { background-color: transparent; border: none; color: initial; } .emoji-panel .keyboard-key:latched { border-color: #599e01; background-color: #4B8501; } .word-suggestions { font-size: 14pt; spacing: 12px; min-height: 20pt; padding: 12px; color: #3D3D3D; } .word-suggestions StButton { margin: 0 3px; min-width: 32px; border-radius: 4px; padding: 6px 18px; background-color: transparent; background-image: none; } .word-suggestions StButton:focus { color: #3D3D3D; background-color: #edf3e6; box-shadow: inset 0 0 0 2px rgba(75, 133, 1, 0.6); } .word-suggestions StButton:focus:hover { background-color: #edf3e6; box-shadow: inset 0 0 0 2px rgba(75, 133, 1, 0.7); } .word-suggestions StButton:focus:active { background-color: #edf3e6; box-shadow: inset 0 0 0 2px rgba(75, 133, 1, 0.7); } .word-suggestions StButton:hover { color: #3D3D3D; background-color: #fafafa; } .word-suggestions StButton:active { color: #3D3D3D; background-color: #f2f2f2; } .word-suggestions StButton:checked { color: #3D3D3D; background-color: #ebebeb; } /* Looking Glass */ #LookingGlassDialog { background-color: rgba(29, 29, 29, 0.975); border-radius: 0 0 12px 12px; border-top-width: 0; border: 1px solid rgba(255, 255, 255, 0.16); color: #eeeeec; padding: 6px; spacing: 6px; box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.1); } #LookingGlassDialog > #Toolbar { border: none; padding: 6px; border-radius: 0; background-color: transparent; spacing: 6px; } #LookingGlassDialog > #Toolbar .lg-toolbar-button { padding: 6px 12px; } #LookingGlassDialog > #Toolbar .lg-toolbar-button > StIcon { icon-size: 1.09em; } #LookingGlassDialog .labels { spacing: 6px; } #LookingGlassDialog .notebook-tab { -natural-hpadding: 12px; -minimum-hpadding: 12px; font-weight: bold; padding: 6px 12px; color: #cacac4; transition-duration: 100ms; box-shadow: none; border: none; border-radius: 4px; background-color: transparent; } #LookingGlassDialog .notebook-tab:hover { color: #eeeeec; background-color: rgba(238, 238, 236, 0.05); } #LookingGlassDialog .notebook-tab:selected { color: #eeeeec; background-color: rgba(238, 238, 236, 0.1); } #LookingGlassDialog StBoxLayout#EvalBox { padding: 4px; spacing: 6px; padding: 6px; } #LookingGlassDialog StBoxLayout#ResultsArea { spacing: 6px; padding: 6px; } .lg-dialog { color: #eeeeec; } .lg-dialog StEntry { background-color: rgba(42, 42, 42, 0.575); color: #eeeeec; border-color: rgba(238, 238, 236, 0.2); min-height: 22px; selection-background-color: #4B8501; selected-color: #FFFFFF; } .lg-dialog StEntry, .lg-dialog StEntry:focus { box-shadow: none; } .lg-dialog .shell-link { color: #2e5201; } .lg-dialog .shell-link:hover { color: #4b8501; } .lg-dialog .shell-link:active { color: #122000; } .lg-dialog .actor-link { color: #9c9c9c; } .lg-dialog .actor-link:hover { color: #cfcfcf; } .lg-dialog .actor-link:active { color: dimgray; } .lg-completions-text { font-style: italic; color: #eeeeec; } .lg-obj-inspector-title { spacing: 6px; color: #eeeeec; } .lg-obj-inspector-button { border: 1px solid rgba(0, 0, 0, 0.7); padding: 4px; border-radius: 6px; color: #eeeeec; } .lg-obj-inspector-button:hover { border: 1px solid #ffffff; } #lookingGlassExtensions { padding: 6px; } .lg-extensions-list { padding: 6px; spacing: 6px; } .lg-extension { padding: 12px; border-radius: 6px; margin: 4px; box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.1); color: #3D3D3D; background-color: #ededed; } .lg-extension:focus { color: #3D3D3D; background-color: #ededed; box-shadow: inset 0 0 0 2px #73cc02; } .lg-extension:focus:hover { background-color: #e5e5e5; box-shadow: inset 0 0 0 2px #73cc02; } .lg-extension:focus:active { background-color: #dedede; box-shadow: inset 0 0 0 2px #73cc02; } .lg-extension:hover { color: #3D3D3D; background-color: #e5e5e5; } .lg-extension:active { color: #3D3D3D; background-color: #dedede; } .lg-extension-meta { spacing: 6px; } #LookingGlassPropertyInspector { background: rgba(29, 29, 29, 0.975); border: 1px solid rgba(0, 0, 0, 0.7); border-radius: 6px; padding: 6px; } .lg-debug-flag-button { color: #3D3D3D; } .lg-debug-flag-button StLabel { padding: 6px, 12px; } .lg-debug-flag-button:hover { color: #707070; } .lg-debug-flag-button:active { color: #0a0a0a; } .lg-debug-flags-header { padding-top: 12px; padding: 6px; } /* Login Dialog */ .login-dialog-banner-view { padding-top: 24px; max-width: 23em; } .login-dialog, .unlock-dialog { border: none; background-color: transparent; } .login-dialog .modal-dialog-button-box, .unlock-dialog .modal-dialog-button-box { spacing: 3px; } .login-dialog .modal-dialog-button, .unlock-dialog .modal-dialog-button { padding: 4px 18px; box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2); background-color: #ffffff; border-color: #c7c7c7; color: #3D3D3D; } .login-dialog .modal-dialog-button:hover, .unlock-dialog .modal-dialog-button:hover { background-color: #d9d9d9; } .login-dialog .modal-dialog-button:focus, .unlock-dialog .modal-dialog-button:focus { border-color: #73cc02; box-shadow: inset 0 0 0 1px #73cc02; } .login-dialog .modal-dialog-button:active, .unlock-dialog .modal-dialog-button:active { box-shadow: none; background-color: #bfbfbf; color: rgba(238, 238, 236, 0.7); } .login-dialog .modal-dialog-button:default, .unlock-dialog .modal-dialog-button:default { background-color: #4B8501; color: #FFFFFF; } .login-dialog .modal-dialog-button:default:focus, .unlock-dialog .modal-dialog-button:default:focus { box-shadow: inset 0 0 0 2px rgba(75, 133, 1, 0.6); } .login-dialog .modal-dialog-button:default:hover, .login-dialog .modal-dialog-button:default:focus, .unlock-dialog .modal-dialog-button:default:hover, .unlock-dialog .modal-dialog-button:default:focus { background-color: #599e01; color: white; } .login-dialog .modal-dialog-button:default:active, .unlock-dialog .modal-dialog-button:default:active { background-color: #376201; color: #ededed; } .login-dialog .modal-dialog-button:default:insensitive, .unlock-dialog .modal-dialog-button:default:insensitive { color: rgba(61, 61, 61, 0.5); background-color: rgba(61, 61, 61, 0.05); background-color: rgba(75, 133, 1, 0.5); color: rgba(255, 255, 255, 0.5); } .login-dialog .cancel-button, .login-dialog .switch-user-button, .login-dialog .login-dialog-session-list-button, .unlock-dialog .cancel-button, .unlock-dialog .switch-user-button, .unlock-dialog .login-dialog-session-list-button { padding: 0; border-radius: 99px; width: 2.18em; height: 2.18em; } .login-dialog .cancel-button StIcon, .login-dialog .switch-user-button StIcon, .login-dialog .login-dialog-session-list-button StIcon, .unlock-dialog .cancel-button StIcon, .unlock-dialog .switch-user-button StIcon, .unlock-dialog .login-dialog-session-list-button StIcon { icon-size: 1.09em; } .login-dialog .caps-lock-warning-label, .login-dialog .login-dialog-message, .unlock-dialog .caps-lock-warning-label, .unlock-dialog .login-dialog-message { color: #eeeeec; } .login-dialog-logo-bin { padding: 24px 0px; } .login-dialog-banner { color: #d6d6d1; } .login-dialog-button-box { width: 23em; spacing: 5px; } .login-dialog-message { text-align: center; } .login-dialog-user-selection-box { padding: 100px 0px; } .login-dialog-not-listed-label { padding-left: 2px; } .login-dialog-not-listed-button:focus .login-dialog-not-listed-label, .login-dialog-not-listed-button:hover .login-dialog-not-listed-label { color: #eeeeec; } .login-dialog-not-listed-label { font-weight: bold; color: #a6a69b; padding-top: 1em; } .login-dialog-auth-list-view { -st-vfade-offset: 1em; } .login-dialog-auth-list { spacing: 6px; margin-left: 2em; } .login-dialog-auth-list-title { margin-left: 2em; } .login-dialog-auth-list-item { border-radius: 10px; padding: 6px; color: #a6a69b; } .login-dialog-auth-list-item:focus, .login-dialog-auth-list-item:selected { background-color: #4B8501; color: #FFFFFF; } .login-dialog-auth-list-label { font-size: 13pt; font-weight: bold; padding-left: 15px; } .login-dialog-auth-list-label:ltr { padding-left: 14px; text-align: left; } .login-dialog-auth-list-label:rtl { padding-right: 14px; text-align: right; } .login-dialog-user-list-view { -st-vfade-offset: 1em; } .login-dialog-user-list { spacing: 12px; width: 23em; } .login-dialog-user-list:expanded .login-dialog-user-list-item:selected { background-color: rgba(255, 255, 255, 0.1); color: #FFFFFF; } .login-dialog-user-list:expanded .login-dialog-user-list-item:logged-in { border-right: 2px solid rgba(255, 255, 255, 0.1); } .login-dialog-user-list-item { border-radius: 10px; padding: 6px; color: #a6a69b; } .login-dialog-user-list-item:ltr .user-widget { padding-right: 1em; } .login-dialog-user-list-item:rtl .user-widget { padding-left: 1em; } .login-dialog-user-list-item .login-dialog-timed-login-indicator { height: 2px; margin-top: 6px; background-color: #eeeeec; } .login-dialog-user-list-item:focus .login-dialog-timed-login-indicator { background-color: #FFFFFF; } .user-widget-label { color: #eeeeec; } .user-widget.horizontal .user-widget-label { font-size: 13pt; font-weight: bold; padding-left: 15px; } .user-widget.horizontal .user-widget-label:ltr { padding-left: 14px; text-align: left; } .user-widget.horizontal .user-widget-label:rtl { padding-right: 14px; text-align: right; } .user-widget.vertical .user-widget-label { font-size: 16pt; text-align: center; font-weight: normal; padding-top: 16px; } .login-dialog-timed-login-indicator { height: 2px; background-color: black; } .login-dialog-prompt-layout { padding-top: 24px; padding-bottom: 12px; spacing: 12px; width: 23em; } .login-dialog-prompt-entry { height: 1.5em; } .login-dialog-prompt-label { color: #bebeb6; font-size: 12pt; padding-top: 1em; } .unlock-dialog StEntry { border: none !important; } .unlock-dialog StEntry, .unlock-dialog StEntry:focus { color: #F7F7F7; background-color: rgba(247, 247, 247, 0.1); box-shadow: none; } .unlock-dialog StEntry:insensitive { color: rgba(247, 247, 247, 0.5); background-color: rgba(247, 247, 247, 0.05); } .unlock-dialog StEntry StLabel.hint-text { color: rgba(247, 247, 247, 0.7); } .unlock-dialog .user-icon { background-color: rgba(247, 247, 247, 0.1); color: #F7F7F7; } .unlock-dialog .cancel-button, .unlock-dialog .switch-user-button, .unlock-dialog .login-dialog-session-list-button { border-color: transparent; background-color: rgba(247, 247, 247, 0.1); box-shadow: none; } .unlock-dialog .cancel-button, .unlock-dialog .cancel-button:hover, .unlock-dialog .cancel-button:focus, .unlock-dialog .cancel-button:active, .unlock-dialog .switch-user-button, .unlock-dialog .switch-user-button:hover, .unlock-dialog .switch-user-button:focus, .unlock-dialog .switch-user-button:active, .unlock-dialog .login-dialog-session-list-button, .unlock-dialog .login-dialog-session-list-button:hover, .unlock-dialog .login-dialog-session-list-button:focus, .unlock-dialog .login-dialog-session-list-button:active { color: #F7F7F7; } .unlock-dialog .cancel-button:hover, .unlock-dialog .cancel-button:focus, .unlock-dialog .switch-user-button:hover, .unlock-dialog .switch-user-button:focus, .unlock-dialog .login-dialog-session-list-button:hover, .unlock-dialog .login-dialog-session-list-button:focus { background-color: rgba(247, 247, 247, 0.15); } .unlock-dialog .cancel-button:active, .unlock-dialog .switch-user-button:active, .unlock-dialog .login-dialog-session-list-button:active { background-color: rgba(247, 247, 247, 0.2); } /* Screen Shield */ .unlock-dialog-clock { color: white; font-weight: 300; text-align: center; spacing: 24px; padding-bottom: 2.5em; } .unlock-dialog-clock-time { font-size: 64pt; padding-top: 42px; } .unlock-dialog-clock-date { font-size: 16pt; font-weight: normal; } .unlock-dialog-clock-hint { font-weight: normal; padding-top: 48px; } .unlock-dialog-notifications-container { margin: 12px; spacing: 6px; width: 23em; background-color: transparent; } .unlock-dialog-notifications-container .summary-notification-stack-scrollview { padding-top: 0; padding-bottom: 0; } .unlock-dialog-notifications-container .notification, .unlock-dialog-notifications-container .unlock-dialog-notification-source { padding: 12px 16px; border: none; background-color: rgba(238, 238, 236, 0.1); color: #eeeeec; border-radius: 12px; } .unlock-dialog-notifications-container .notification.critical, .unlock-dialog-notifications-container .unlock-dialog-notification-source.critical { background-color: rgba(238, 238, 236, 0.2); } .unlock-dialog-notification-label { padding: 0 0 0 12px; } .unlock-dialog-notification-count-text { font-weight: bold; padding: 0 12px; color: #eeeeec; background-color: rgba(238, 238, 236, 0.1); border-radius: 99px; } .screen-shield-background { background: black; box-shadow: 0 2px 4px rgba(0, 0, 0, 0.6); } #lockDialogGroup { background-color: #222222; } #unlockDialogNotifications StButton#vhandle, #unlockDialogNotifications StButton#hhandle { background-color: rgba(250, 250, 250, 0.3); } #unlockDialogNotifications StButton#vhandle:hover, #unlockDialogNotifications StButton#vhandle:focus, #unlockDialogNotifications StButton#hhandle:hover, #unlockDialogNotifications StButton#hhandle:focus { background-color: rgba(250, 250, 250, 0.5); } #unlockDialogNotifications StButton#vhandle:active, #unlockDialogNotifications StButton#hhandle:active { background-color: rgba(75, 133, 1, 0.5); } * { font-weight: normal !important; text-shadow: none !important; } .file-item { border-radius: 6px; } /* Default Ubuntu Dock styling, append !important to any changed rules This must be in sync with - https://github.com/micheleg/dash-to-dock/blob/ubuntu-dock/_stylesheet.scss */ #dashtodockContainer.bottom #dash { margin: 0px; padding: 0px; } #dashtodockContainer.bottom #dash .dash-background { margin: 0; margin-bottom: 4px; padding: 0; border-radius: 18px; spacing: 6px; } #dashtodockContainer.bottom #dash .dash-separator { background-color: #c7c7c7; margin: 0 4px; width: 1px; height: 0; margin-bottom: 4px; } #dashtodockContainer.bottom #dash #dashtodockDashContainer { padding: 10px; padding-bottom: 0; padding-top: 0; } #dashtodockContainer.bottom #dash .dash-item-container { /* Disable all margins defined upstream, we handle them here */ margin: 0 2px; } #dashtodockContainer.bottom #dash .dash-item-container > * { margin: 0; } #dashtodockContainer.bottom #dash .dash-item-container:ltr:first-child, #dashtodockContainer.bottom #dash .dash-item-container:rtl:last-child { margin-left: 0; } #dashtodockContainer.bottom #dash .dash-item-container:ltr:last-child, #dashtodockContainer.bottom #dash .dash-item-container:rtl:first-child { margin-right: 0; } #dashtodockContainer.bottom #dash .dash-item-container .app-well-app, #dashtodockContainer.bottom #dash .dash-item-container .grid-search-result, #dashtodockContainer.bottom #dash .dash-item-container .show-apps { padding: 2px 2px; padding-bottom: 14px; padding-top: 10px; } #dashtodockContainer.bottom #dash .dash-item-container .app-well-app:ltr:first-child, #dashtodockContainer.bottom #dash .dash-item-container .grid-search-result:ltr:first-child, #dashtodockContainer.bottom #dash .dash-item-container .app-well-app:rtl:last-child, #dashtodockContainer.bottom #dash .dash-item-container .grid-search-result:rtl:last-child, #dashtodockContainer.bottom #dash .dash-item-container .show-apps:ltr:first-child, #dashtodockContainer.bottom #dash .dash-item-container .show-apps:rtl:last-child { padding-left: 0; } #dashtodockContainer.bottom #dash .dash-item-container .app-well-app:ltr:last-child, #dashtodockContainer.bottom #dash .dash-item-container .grid-search-result:ltr:last-child, #dashtodockContainer.bottom #dash .dash-item-container .app-well-app:rtl:first-child, #dashtodockContainer.bottom #dash .dash-item-container .grid-search-result:rtl:first-child, #dashtodockContainer.bottom #dash .dash-item-container .show-apps:ltr:last-child, #dashtodockContainer.bottom #dash .dash-item-container .show-apps:rtl:first-child { padding-right: 0; } #dashtodockContainer.bottom #dash .dash-item-container .app-well-app.running .overview-icon, #dashtodockContainer.bottom #dash .dash-item-container .running.grid-search-result .overview-icon { background-image: none; } #dashtodockContainer.bottom #dash .dash-item-container .app-well-app.focused .overview-icon, #dashtodockContainer.bottom #dash .dash-item-container .focused.grid-search-result .overview-icon { background-color: rgba(238, 238, 236, 0.2); } #dashtodockContainer.bottom #dash .dash-item-container .app-well-app .app-well-app-running-dot, #dashtodockContainer.bottom #dash .dash-item-container .grid-search-result .app-well-app-running-dot { margin-bottom: 2px; } #dashtodockContainer.bottom #dash .dash-item-container > StButton { transition-duration: 250; background-size: contain; } #dashtodockContainer.bottom.fixed #dash .dash-background { margin-top: 4px; } #dashtodockContainer.bottom.fixed #dash .dash-item-container .app-well-app, #dashtodockContainer.bottom.fixed #dash .dash-item-container .grid-search-result, #dashtodockContainer.bottom.fixed #dash .dash-item-container .show-apps { padding-top: 14px; } .dash-label.bottom { margin-bottom: 10px; -x-offset: 0; -y-offset: 0; } #dashtodockContainer.bottom.shrink #dash { margin: 0px; padding: 0px; } #dashtodockContainer.bottom.shrink #dash .dash-background { margin: 0; margin-bottom: 4px; padding: 0; border-radius: 14px; spacing: 2px; } #dashtodockContainer.bottom.shrink #dash .dash-separator { background-color: #c7c7c7; margin: 0 1px; width: 1px; height: 0; margin-bottom: 4px; } #dashtodockContainer.bottom.shrink #dash #dashtodockDashContainer { padding: 3px; padding-bottom: 0; padding-top: 0; } #dashtodockContainer.bottom.shrink #dash .dash-item-container { /* Disable all margins defined upstream, we handle them here */ margin: 0 2px; } #dashtodockContainer.bottom.shrink #dash .dash-item-container > * { margin: 0; } #dashtodockContainer.bottom.shrink #dash .dash-item-container:ltr:first-child, #dashtodockContainer.bottom.shrink #dash .dash-item-container:rtl:last-child { margin-left: 0; } #dashtodockContainer.bottom.shrink #dash .dash-item-container:ltr:last-child, #dashtodockContainer.bottom.shrink #dash .dash-item-container:rtl:first-child { margin-right: 0; } #dashtodockContainer.bottom.shrink #dash .dash-item-container .app-well-app, #dashtodockContainer.bottom.shrink #dash .dash-item-container .grid-search-result, #dashtodockContainer.bottom.shrink #dash .dash-item-container .show-apps { padding: 1px 1px; padding-bottom: 7px; padding-top: 3px; } #dashtodockContainer.bottom.shrink #dash .dash-item-container .app-well-app:ltr:first-child, #dashtodockContainer.bottom.shrink #dash .dash-item-container .grid-search-result:ltr:first-child, #dashtodockContainer.bottom.shrink #dash .dash-item-container .app-well-app:rtl:last-child, #dashtodockContainer.bottom.shrink #dash .dash-item-container .grid-search-result:rtl:last-child, #dashtodockContainer.bottom.shrink #dash .dash-item-container .show-apps:ltr:first-child, #dashtodockContainer.bottom.shrink #dash .dash-item-container .show-apps:rtl:last-child { padding-left: 0; } #dashtodockContainer.bottom.shrink #dash .dash-item-container .app-well-app:ltr:last-child, #dashtodockContainer.bottom.shrink #dash .dash-item-container .grid-search-result:ltr:last-child, #dashtodockContainer.bottom.shrink #dash .dash-item-container .app-well-app:rtl:first-child, #dashtodockContainer.bottom.shrink #dash .dash-item-container .grid-search-result:rtl:first-child, #dashtodockContainer.bottom.shrink #dash .dash-item-container .show-apps:ltr:last-child, #dashtodockContainer.bottom.shrink #dash .dash-item-container .show-apps:rtl:first-child { padding-right: 0; } #dashtodockContainer.bottom.shrink #dash .dash-item-container .app-well-app.running .overview-icon, #dashtodockContainer.bottom.shrink #dash .dash-item-container .running.grid-search-result .overview-icon { background-image: none; } #dashtodockContainer.bottom.shrink #dash .dash-item-container .app-well-app.focused .overview-icon, #dashtodockContainer.bottom.shrink #dash .dash-item-container .focused.grid-search-result .overview-icon { background-color: rgba(238, 238, 236, 0.2); } #dashtodockContainer.bottom.shrink #dash .dash-item-container .app-well-app .app-well-app-running-dot, #dashtodockContainer.bottom.shrink #dash .dash-item-container .grid-search-result .app-well-app-running-dot { margin-bottom: 2px; } #dashtodockContainer.bottom.shrink #dash .dash-item-container > StButton { transition-duration: 250; background-size: contain; } #dashtodockContainer.bottom.shrink.fixed #dash .dash-background { margin-top: 1px; } #dashtodockContainer.bottom.shrink.fixed #dash .dash-item-container .app-well-app, #dashtodockContainer.bottom.shrink.fixed #dash .dash-item-container .grid-search-result, #dashtodockContainer.bottom.shrink.fixed #dash .dash-item-container .show-apps { padding-top: 4px; } .dash-label.bottom.shrink { margin-bottom: 3px; -x-offset: 0; -y-offset: 0; } #dashtodockContainer.bottom.extended #dash { margin: 0px; padding: 0px; } #dashtodockContainer.bottom.extended #dash .dash-background { margin: 0; margin-bottom: 0; padding: 0; border-radius: 0; spacing: 6px; } #dashtodockContainer.bottom.extended #dash .dash-separator { background-color: #c7c7c7; margin: 0 4px; width: 1px; height: 0; margin-bottom: 0; } #dashtodockContainer.bottom.extended #dash #dashtodockDashContainer { padding: 0; padding-bottom: 0; padding-top: 0; } #dashtodockContainer.bottom.extended #dash #dashtodockDashContainer > :first-child .show-apps { padding-left: 8px; } #dashtodockContainer.bottom.extended #dash #dashtodockDashContainer #dashtodockDashScrollview:first-child { padding-left: 8px; } #dashtodockContainer.bottom.extended #dash #dashtodockDashContainer > :last-child .show-apps { padding-right: 8px; } #dashtodockContainer.bottom.extended #dash #dashtodockDashContainer #dashtodockDashScrollview:last-child { padding-right: 8px; } #dashtodockContainer.bottom.extended #dash .dash-item-container { /* Disable all margins defined upstream, we handle them here */ margin: 0 2px; } #dashtodockContainer.bottom.extended #dash .dash-item-container > * { margin: 0; } #dashtodockContainer.bottom.extended #dash .dash-item-container:ltr:first-child, #dashtodockContainer.bottom.extended #dash .dash-item-container:rtl:last-child { margin-left: 0; } #dashtodockContainer.bottom.extended #dash .dash-item-container:ltr:last-child, #dashtodockContainer.bottom.extended #dash .dash-item-container:rtl:first-child { margin-right: 0; } #dashtodockContainer.bottom.extended #dash .dash-item-container .app-well-app, #dashtodockContainer.bottom.extended #dash .dash-item-container .grid-search-result, #dashtodockContainer.bottom.extended #dash .dash-item-container .show-apps { padding: 2px 2px; padding-bottom: 10px; padding-top: 10px; } #dashtodockContainer.bottom.extended #dash .dash-item-container .app-well-app:ltr:first-child, #dashtodockContainer.bottom.extended #dash .dash-item-container .grid-search-result:ltr:first-child, #dashtodockContainer.bottom.extended #dash .dash-item-container .app-well-app:rtl:last-child, #dashtodockContainer.bottom.extended #dash .dash-item-container .grid-search-result:rtl:last-child, #dashtodockContainer.bottom.extended #dash .dash-item-container .show-apps:ltr:first-child, #dashtodockContainer.bottom.extended #dash .dash-item-container .show-apps:rtl:last-child { padding-left: 0; } #dashtodockContainer.bottom.extended #dash .dash-item-container .app-well-app:ltr:last-child, #dashtodockContainer.bottom.extended #dash .dash-item-container .grid-search-result:ltr:last-child, #dashtodockContainer.bottom.extended #dash .dash-item-container .app-well-app:rtl:first-child, #dashtodockContainer.bottom.extended #dash .dash-item-container .grid-search-result:rtl:first-child, #dashtodockContainer.bottom.extended #dash .dash-item-container .show-apps:ltr:last-child, #dashtodockContainer.bottom.extended #dash .dash-item-container .show-apps:rtl:first-child { padding-right: 0; } #dashtodockContainer.bottom.extended #dash .dash-item-container .app-well-app.running .overview-icon, #dashtodockContainer.bottom.extended #dash .dash-item-container .running.grid-search-result .overview-icon { background-image: none; } #dashtodockContainer.bottom.extended #dash .dash-item-container .app-well-app.focused .overview-icon, #dashtodockContainer.bottom.extended #dash .dash-item-container .focused.grid-search-result .overview-icon { background-color: rgba(238, 238, 236, 0.2); } #dashtodockContainer.bottom.extended #dash .dash-item-container .app-well-app .app-well-app-running-dot, #dashtodockContainer.bottom.extended #dash .dash-item-container .grid-search-result .app-well-app-running-dot { margin-bottom: 2px; } #dashtodockContainer.bottom.extended #dash .dash-item-container > StButton { transition-duration: 250; background-size: contain; } #dashtodockContainer.bottom.extended.fixed #dash .dash-background { margin-top: 0; } #dashtodockContainer.bottom.extended.fixed #dash .dash-item-container .app-well-app, #dashtodockContainer.bottom.extended.fixed #dash .dash-item-container .grid-search-result, #dashtodockContainer.bottom.extended.fixed #dash .dash-item-container .show-apps { padding-top: 10px; } .dash-label.bottom { margin-bottom: 10px; -x-offset: 0; -y-offset: 0; } #dashtodockContainer.bottom.extended.shrink #dash { margin: 0px; padding: 0px; } #dashtodockContainer.bottom.extended.shrink #dash .dash-background { margin: 0; margin-bottom: 0; padding: 0; border-radius: 0; spacing: 2px; } #dashtodockContainer.bottom.extended.shrink #dash .dash-separator { background-color: #c7c7c7; margin: 0 1px; width: 1px; height: 0; margin-bottom: 0; } #dashtodockContainer.bottom.extended.shrink #dash #dashtodockDashContainer { padding: 0; padding-bottom: 0; padding-top: 0; } #dashtodockContainer.bottom.extended.shrink #dash #dashtodockDashContainer > :first-child .show-apps { padding-left: 6px; } #dashtodockContainer.bottom.extended.shrink #dash #dashtodockDashContainer #dashtodockDashScrollview:first-child { padding-left: 6px; } #dashtodockContainer.bottom.extended.shrink #dash #dashtodockDashContainer > :last-child .show-apps { padding-right: 6px; } #dashtodockContainer.bottom.extended.shrink #dash #dashtodockDashContainer #dashtodockDashScrollview:last-child { padding-right: 6px; } #dashtodockContainer.bottom.extended.shrink #dash .dash-item-container { /* Disable all margins defined upstream, we handle them here */ margin: 0 2px; } #dashtodockContainer.bottom.extended.shrink #dash .dash-item-container > * { margin: 0; } #dashtodockContainer.bottom.extended.shrink #dash .dash-item-container:ltr:first-child, #dashtodockContainer.bottom.extended.shrink #dash .dash-item-container:rtl:last-child { margin-left: 0; } #dashtodockContainer.bottom.extended.shrink #dash .dash-item-container:ltr:last-child, #dashtodockContainer.bottom.extended.shrink #dash .dash-item-container:rtl:first-child { margin-right: 0; } #dashtodockContainer.bottom.extended.shrink #dash .dash-item-container .app-well-app, #dashtodockContainer.bottom.extended.shrink #dash .dash-item-container .grid-search-result, #dashtodockContainer.bottom.extended.shrink #dash .dash-item-container .show-apps { padding: 1px 1px; padding-bottom: 3px; padding-top: 3px; } #dashtodockContainer.bottom.extended.shrink #dash .dash-item-container .app-well-app:ltr:first-child, #dashtodockContainer.bottom.extended.shrink #dash .dash-item-container .grid-search-result:ltr:first-child, #dashtodockContainer.bottom.extended.shrink #dash .dash-item-container .app-well-app:rtl:last-child, #dashtodockContainer.bottom.extended.shrink #dash .dash-item-container .grid-search-result:rtl:last-child, #dashtodockContainer.bottom.extended.shrink #dash .dash-item-container .show-apps:ltr:first-child, #dashtodockContainer.bottom.extended.shrink #dash .dash-item-container .show-apps:rtl:last-child { padding-left: 0; } #dashtodockContainer.bottom.extended.shrink #dash .dash-item-container .app-well-app:ltr:last-child, #dashtodockContainer.bottom.extended.shrink #dash .dash-item-container .grid-search-result:ltr:last-child, #dashtodockContainer.bottom.extended.shrink #dash .dash-item-container .app-well-app:rtl:first-child, #dashtodockContainer.bottom.extended.shrink #dash .dash-item-container .grid-search-result:rtl:first-child, #dashtodockContainer.bottom.extended.shrink #dash .dash-item-container .show-apps:ltr:last-child, #dashtodockContainer.bottom.extended.shrink #dash .dash-item-container .show-apps:rtl:first-child { padding-right: 0; } #dashtodockContainer.bottom.extended.shrink #dash .dash-item-container .app-well-app.running .overview-icon, #dashtodockContainer.bottom.extended.shrink #dash .dash-item-container .running.grid-search-result .overview-icon { background-image: none; } #dashtodockContainer.bottom.extended.shrink #dash .dash-item-container .app-well-app.focused .overview-icon, #dashtodockContainer.bottom.extended.shrink #dash .dash-item-container .focused.grid-search-result .overview-icon { background-color: rgba(238, 238, 236, 0.2); } #dashtodockContainer.bottom.extended.shrink #dash .dash-item-container .app-well-app .app-well-app-running-dot, #dashtodockContainer.bottom.extended.shrink #dash .dash-item-container .grid-search-result .app-well-app-running-dot { margin-bottom: 2px; } #dashtodockContainer.bottom.extended.shrink #dash .dash-item-container > StButton { transition-duration: 250; background-size: contain; } #dashtodockContainer.bottom.extended.shrink.fixed #dash .dash-background { margin-top: 0; } #dashtodockContainer.bottom.extended.shrink.fixed #dash .dash-item-container .app-well-app, #dashtodockContainer.bottom.extended.shrink.fixed #dash .dash-item-container .grid-search-result, #dashtodockContainer.bottom.extended.shrink.fixed #dash .dash-item-container .show-apps { padding-top: 3px; } .dash-label.bottom.shrink { margin-bottom: 3px; -x-offset: 0; -y-offset: 0; } #dashtodockContainer.top #dash { margin: 0px; padding: 0px; } #dashtodockContainer.top #dash .dash-background { margin: 0; margin-top: 4px; padding: 0; border-radius: 18px; spacing: 6px; } #dashtodockContainer.top #dash .dash-separator { background-color: #c7c7c7; margin: 0 4px; width: 1px; height: 0; margin-top: 4px; } #dashtodockContainer.top #dash #dashtodockDashContainer { padding: 10px; padding-top: 0; padding-bottom: 0; } #dashtodockContainer.top #dash .dash-item-container { /* Disable all margins defined upstream, we handle them here */ margin: 0 2px; } #dashtodockContainer.top #dash .dash-item-container > * { margin: 0; } #dashtodockContainer.top #dash .dash-item-container:ltr:first-child, #dashtodockContainer.top #dash .dash-item-container:rtl:last-child { margin-left: 0; } #dashtodockContainer.top #dash .dash-item-container:ltr:last-child, #dashtodockContainer.top #dash .dash-item-container:rtl:first-child { margin-right: 0; } #dashtodockContainer.top #dash .dash-item-container .app-well-app, #dashtodockContainer.top #dash .dash-item-container .grid-search-result, #dashtodockContainer.top #dash .dash-item-container .show-apps { padding: 2px 2px; padding-top: 14px; padding-bottom: 10px; } #dashtodockContainer.top #dash .dash-item-container .app-well-app:ltr:first-child, #dashtodockContainer.top #dash .dash-item-container .grid-search-result:ltr:first-child, #dashtodockContainer.top #dash .dash-item-container .app-well-app:rtl:last-child, #dashtodockContainer.top #dash .dash-item-container .grid-search-result:rtl:last-child, #dashtodockContainer.top #dash .dash-item-container .show-apps:ltr:first-child, #dashtodockContainer.top #dash .dash-item-container .show-apps:rtl:last-child { padding-left: 0; } #dashtodockContainer.top #dash .dash-item-container .app-well-app:ltr:last-child, #dashtodockContainer.top #dash .dash-item-container .grid-search-result:ltr:last-child, #dashtodockContainer.top #dash .dash-item-container .app-well-app:rtl:first-child, #dashtodockContainer.top #dash .dash-item-container .grid-search-result:rtl:first-child, #dashtodockContainer.top #dash .dash-item-container .show-apps:ltr:last-child, #dashtodockContainer.top #dash .dash-item-container .show-apps:rtl:first-child { padding-right: 0; } #dashtodockContainer.top #dash .dash-item-container .app-well-app.running .overview-icon, #dashtodockContainer.top #dash .dash-item-container .running.grid-search-result .overview-icon { background-image: none; } #dashtodockContainer.top #dash .dash-item-container .app-well-app.focused .overview-icon, #dashtodockContainer.top #dash .dash-item-container .focused.grid-search-result .overview-icon { background-color: rgba(238, 238, 236, 0.2); } #dashtodockContainer.top #dash .dash-item-container .app-well-app .app-well-app-running-dot, #dashtodockContainer.top #dash .dash-item-container .grid-search-result .app-well-app-running-dot { margin-bottom: 2px; } #dashtodockContainer.top #dash .dash-item-container > StButton { transition-duration: 250; background-size: contain; } #dashtodockContainer.top.fixed #dash .dash-background { margin-bottom: 4px; } #dashtodockContainer.top.fixed #dash .dash-item-container .app-well-app, #dashtodockContainer.top.fixed #dash .dash-item-container .grid-search-result, #dashtodockContainer.top.fixed #dash .dash-item-container .show-apps { padding-bottom: 14px; } .dash-label.top { margin-top: 10px; -x-offset: 0; -y-offset: 0; } #dashtodockContainer.top.shrink #dash { margin: 0px; padding: 0px; } #dashtodockContainer.top.shrink #dash .dash-background { margin: 0; margin-top: 4px; padding: 0; border-radius: 14px; spacing: 2px; } #dashtodockContainer.top.shrink #dash .dash-separator { background-color: #c7c7c7; margin: 0 1px; width: 1px; height: 0; margin-top: 4px; } #dashtodockContainer.top.shrink #dash #dashtodockDashContainer { padding: 3px; padding-top: 0; padding-bottom: 0; } #dashtodockContainer.top.shrink #dash .dash-item-container { /* Disable all margins defined upstream, we handle them here */ margin: 0 2px; } #dashtodockContainer.top.shrink #dash .dash-item-container > * { margin: 0; } #dashtodockContainer.top.shrink #dash .dash-item-container:ltr:first-child, #dashtodockContainer.top.shrink #dash .dash-item-container:rtl:last-child { margin-left: 0; } #dashtodockContainer.top.shrink #dash .dash-item-container:ltr:last-child, #dashtodockContainer.top.shrink #dash .dash-item-container:rtl:first-child { margin-right: 0; } #dashtodockContainer.top.shrink #dash .dash-item-container .app-well-app, #dashtodockContainer.top.shrink #dash .dash-item-container .grid-search-result, #dashtodockContainer.top.shrink #dash .dash-item-container .show-apps { padding: 1px 1px; padding-top: 7px; padding-bottom: 3px; } #dashtodockContainer.top.shrink #dash .dash-item-container .app-well-app:ltr:first-child, #dashtodockContainer.top.shrink #dash .dash-item-container .grid-search-result:ltr:first-child, #dashtodockContainer.top.shrink #dash .dash-item-container .app-well-app:rtl:last-child, #dashtodockContainer.top.shrink #dash .dash-item-container .grid-search-result:rtl:last-child, #dashtodockContainer.top.shrink #dash .dash-item-container .show-apps:ltr:first-child, #dashtodockContainer.top.shrink #dash .dash-item-container .show-apps:rtl:last-child { padding-left: 0; } #dashtodockContainer.top.shrink #dash .dash-item-container .app-well-app:ltr:last-child, #dashtodockContainer.top.shrink #dash .dash-item-container .grid-search-result:ltr:last-child, #dashtodockContainer.top.shrink #dash .dash-item-container .app-well-app:rtl:first-child, #dashtodockContainer.top.shrink #dash .dash-item-container .grid-search-result:rtl:first-child, #dashtodockContainer.top.shrink #dash .dash-item-container .show-apps:ltr:last-child, #dashtodockContainer.top.shrink #dash .dash-item-container .show-apps:rtl:first-child { padding-right: 0; } #dashtodockContainer.top.shrink #dash .dash-item-container .app-well-app.running .overview-icon, #dashtodockContainer.top.shrink #dash .dash-item-container .running.grid-search-result .overview-icon { background-image: none; } #dashtodockContainer.top.shrink #dash .dash-item-container .app-well-app.focused .overview-icon, #dashtodockContainer.top.shrink #dash .dash-item-container .focused.grid-search-result .overview-icon { background-color: rgba(238, 238, 236, 0.2); } #dashtodockContainer.top.shrink #dash .dash-item-container .app-well-app .app-well-app-running-dot, #dashtodockContainer.top.shrink #dash .dash-item-container .grid-search-result .app-well-app-running-dot { margin-bottom: 2px; } #dashtodockContainer.top.shrink #dash .dash-item-container > StButton { transition-duration: 250; background-size: contain; } #dashtodockContainer.top.shrink.fixed #dash .dash-background { margin-bottom: 1px; } #dashtodockContainer.top.shrink.fixed #dash .dash-item-container .app-well-app, #dashtodockContainer.top.shrink.fixed #dash .dash-item-container .grid-search-result, #dashtodockContainer.top.shrink.fixed #dash .dash-item-container .show-apps { padding-bottom: 4px; } .dash-label.top.shrink { margin-top: 3px; -x-offset: 0; -y-offset: 0; } #dashtodockContainer.top.extended #dash { margin: 0px; padding: 0px; } #dashtodockContainer.top.extended #dash .dash-background { margin: 0; margin-top: 0; padding: 0; border-radius: 0; spacing: 6px; } #dashtodockContainer.top.extended #dash .dash-separator { background-color: #c7c7c7; margin: 0 4px; width: 1px; height: 0; margin-top: 0; } #dashtodockContainer.top.extended #dash #dashtodockDashContainer { padding: 0; padding-top: 0; padding-bottom: 0; } #dashtodockContainer.top.extended #dash #dashtodockDashContainer > :first-child .show-apps { padding-left: 8px; } #dashtodockContainer.top.extended #dash #dashtodockDashContainer #dashtodockDashScrollview:first-child { padding-left: 8px; } #dashtodockContainer.top.extended #dash #dashtodockDashContainer > :last-child .show-apps { padding-right: 8px; } #dashtodockContainer.top.extended #dash #dashtodockDashContainer #dashtodockDashScrollview:last-child { padding-right: 8px; } #dashtodockContainer.top.extended #dash .dash-item-container { /* Disable all margins defined upstream, we handle them here */ margin: 0 2px; } #dashtodockContainer.top.extended #dash .dash-item-container > * { margin: 0; } #dashtodockContainer.top.extended #dash .dash-item-container:ltr:first-child, #dashtodockContainer.top.extended #dash .dash-item-container:rtl:last-child { margin-left: 0; } #dashtodockContainer.top.extended #dash .dash-item-container:ltr:last-child, #dashtodockContainer.top.extended #dash .dash-item-container:rtl:first-child { margin-right: 0; } #dashtodockContainer.top.extended #dash .dash-item-container .app-well-app, #dashtodockContainer.top.extended #dash .dash-item-container .grid-search-result, #dashtodockContainer.top.extended #dash .dash-item-container .show-apps { padding: 2px 2px; padding-top: 10px; padding-bottom: 10px; } #dashtodockContainer.top.extended #dash .dash-item-container .app-well-app:ltr:first-child, #dashtodockContainer.top.extended #dash .dash-item-container .grid-search-result:ltr:first-child, #dashtodockContainer.top.extended #dash .dash-item-container .app-well-app:rtl:last-child, #dashtodockContainer.top.extended #dash .dash-item-container .grid-search-result:rtl:last-child, #dashtodockContainer.top.extended #dash .dash-item-container .show-apps:ltr:first-child, #dashtodockContainer.top.extended #dash .dash-item-container .show-apps:rtl:last-child { padding-left: 0; } #dashtodockContainer.top.extended #dash .dash-item-container .app-well-app:ltr:last-child, #dashtodockContainer.top.extended #dash .dash-item-container .grid-search-result:ltr:last-child, #dashtodockContainer.top.extended #dash .dash-item-container .app-well-app:rtl:first-child, #dashtodockContainer.top.extended #dash .dash-item-container .grid-search-result:rtl:first-child, #dashtodockContainer.top.extended #dash .dash-item-container .show-apps:ltr:last-child, #dashtodockContainer.top.extended #dash .dash-item-container .show-apps:rtl:first-child { padding-right: 0; } #dashtodockContainer.top.extended #dash .dash-item-container .app-well-app.running .overview-icon, #dashtodockContainer.top.extended #dash .dash-item-container .running.grid-search-result .overview-icon { background-image: none; } #dashtodockContainer.top.extended #dash .dash-item-container .app-well-app.focused .overview-icon, #dashtodockContainer.top.extended #dash .dash-item-container .focused.grid-search-result .overview-icon { background-color: rgba(238, 238, 236, 0.2); } #dashtodockContainer.top.extended #dash .dash-item-container .app-well-app .app-well-app-running-dot, #dashtodockContainer.top.extended #dash .dash-item-container .grid-search-result .app-well-app-running-dot { margin-bottom: 2px; } #dashtodockContainer.top.extended #dash .dash-item-container > StButton { transition-duration: 250; background-size: contain; } #dashtodockContainer.top.extended.fixed #dash .dash-background { margin-bottom: 0; } #dashtodockContainer.top.extended.fixed #dash .dash-item-container .app-well-app, #dashtodockContainer.top.extended.fixed #dash .dash-item-container .grid-search-result, #dashtodockContainer.top.extended.fixed #dash .dash-item-container .show-apps { padding-bottom: 10px; } .dash-label.top { margin-top: 10px; -x-offset: 0; -y-offset: 0; } #dashtodockContainer.top.extended.shrink #dash { margin: 0px; padding: 0px; } #dashtodockContainer.top.extended.shrink #dash .dash-background { margin: 0; margin-top: 0; padding: 0; border-radius: 0; spacing: 2px; } #dashtodockContainer.top.extended.shrink #dash .dash-separator { background-color: #c7c7c7; margin: 0 1px; width: 1px; height: 0; margin-top: 0; } #dashtodockContainer.top.extended.shrink #dash #dashtodockDashContainer { padding: 0; padding-top: 0; padding-bottom: 0; } #dashtodockContainer.top.extended.shrink #dash #dashtodockDashContainer > :first-child .show-apps { padding-left: 6px; } #dashtodockContainer.top.extended.shrink #dash #dashtodockDashContainer #dashtodockDashScrollview:first-child { padding-left: 6px; } #dashtodockContainer.top.extended.shrink #dash #dashtodockDashContainer > :last-child .show-apps { padding-right: 6px; } #dashtodockContainer.top.extended.shrink #dash #dashtodockDashContainer #dashtodockDashScrollview:last-child { padding-right: 6px; } #dashtodockContainer.top.extended.shrink #dash .dash-item-container { /* Disable all margins defined upstream, we handle them here */ margin: 0 2px; } #dashtodockContainer.top.extended.shrink #dash .dash-item-container > * { margin: 0; } #dashtodockContainer.top.extended.shrink #dash .dash-item-container:ltr:first-child, #dashtodockContainer.top.extended.shrink #dash .dash-item-container:rtl:last-child { margin-left: 0; } #dashtodockContainer.top.extended.shrink #dash .dash-item-container:ltr:last-child, #dashtodockContainer.top.extended.shrink #dash .dash-item-container:rtl:first-child { margin-right: 0; } #dashtodockContainer.top.extended.shrink #dash .dash-item-container .app-well-app, #dashtodockContainer.top.extended.shrink #dash .dash-item-container .grid-search-result, #dashtodockContainer.top.extended.shrink #dash .dash-item-container .show-apps { padding: 1px 1px; padding-top: 3px; padding-bottom: 3px; } #dashtodockContainer.top.extended.shrink #dash .dash-item-container .app-well-app:ltr:first-child, #dashtodockContainer.top.extended.shrink #dash .dash-item-container .grid-search-result:ltr:first-child, #dashtodockContainer.top.extended.shrink #dash .dash-item-container .app-well-app:rtl:last-child, #dashtodockContainer.top.extended.shrink #dash .dash-item-container .grid-search-result:rtl:last-child, #dashtodockContainer.top.extended.shrink #dash .dash-item-container .show-apps:ltr:first-child, #dashtodockContainer.top.extended.shrink #dash .dash-item-container .show-apps:rtl:last-child { padding-left: 0; } #dashtodockContainer.top.extended.shrink #dash .dash-item-container .app-well-app:ltr:last-child, #dashtodockContainer.top.extended.shrink #dash .dash-item-container .grid-search-result:ltr:last-child, #dashtodockContainer.top.extended.shrink #dash .dash-item-container .app-well-app:rtl:first-child, #dashtodockContainer.top.extended.shrink #dash .dash-item-container .grid-search-result:rtl:first-child, #dashtodockContainer.top.extended.shrink #dash .dash-item-container .show-apps:ltr:last-child, #dashtodockContainer.top.extended.shrink #dash .dash-item-container .show-apps:rtl:first-child { padding-right: 0; } #dashtodockContainer.top.extended.shrink #dash .dash-item-container .app-well-app.running .overview-icon, #dashtodockContainer.top.extended.shrink #dash .dash-item-container .running.grid-search-result .overview-icon { background-image: none; } #dashtodockContainer.top.extended.shrink #dash .dash-item-container .app-well-app.focused .overview-icon, #dashtodockContainer.top.extended.shrink #dash .dash-item-container .focused.grid-search-result .overview-icon { background-color: rgba(238, 238, 236, 0.2); } #dashtodockContainer.top.extended.shrink #dash .dash-item-container .app-well-app .app-well-app-running-dot, #dashtodockContainer.top.extended.shrink #dash .dash-item-container .grid-search-result .app-well-app-running-dot { margin-bottom: 2px; } #dashtodockContainer.top.extended.shrink #dash .dash-item-container > StButton { transition-duration: 250; background-size: contain; } #dashtodockContainer.top.extended.shrink.fixed #dash .dash-background { margin-bottom: 0; } #dashtodockContainer.top.extended.shrink.fixed #dash .dash-item-container .app-well-app, #dashtodockContainer.top.extended.shrink.fixed #dash .dash-item-container .grid-search-result, #dashtodockContainer.top.extended.shrink.fixed #dash .dash-item-container .show-apps { padding-bottom: 3px; } .dash-label.top.shrink { margin-top: 3px; -x-offset: 0; -y-offset: 0; } #dashtodockContainer.left #dash { margin: 0px; padding: 0px; } #dashtodockContainer.left #dash .dash-background { margin: 0; margin-left: 4px; padding: 0; border-radius: 18px; spacing: 6px; } #dashtodockContainer.left #dash .dash-separator { background-color: #c7c7c7; width: 0; height: 1px; margin: 4px 0; margin-left: 4px; } #dashtodockContainer.left #dash #dashtodockDashContainer { padding: 10px; padding-left: 0; padding-right: 0; } #dashtodockContainer.left #dash .dash-item-container { /* Disable all margins defined upstream, we handle them here */ margin: 2px 0; } #dashtodockContainer.left #dash .dash-item-container > * { margin: 0; } #dashtodockContainer.left #dash .dash-item-container:first-child { margin-top: 0; } #dashtodockContainer.left #dash .dash-item-container:last-child { margin-bottom: 0; } #dashtodockContainer.left #dash .dash-item-container .app-well-app, #dashtodockContainer.left #dash .dash-item-container .grid-search-result, #dashtodockContainer.left #dash .dash-item-container .show-apps { padding: 2px 2px; padding-left: 14px; padding-right: 10px; } #dashtodockContainer.left #dash .dash-item-container .app-well-app:first-child, #dashtodockContainer.left #dash .dash-item-container .grid-search-result:first-child, #dashtodockContainer.left #dash .dash-item-container .show-apps:first-child { padding-top: 0; } #dashtodockContainer.left #dash .dash-item-container .app-well-app:last-child, #dashtodockContainer.left #dash .dash-item-container .grid-search-result:last-child, #dashtodockContainer.left #dash .dash-item-container .show-apps:last-child { padding-bottom: 0; } #dashtodockContainer.left #dash .dash-item-container .app-well-app.running .overview-icon, #dashtodockContainer.left #dash .dash-item-container .running.grid-search-result .overview-icon { background-image: none; } #dashtodockContainer.left #dash .dash-item-container .app-well-app.focused .overview-icon, #dashtodockContainer.left #dash .dash-item-container .focused.grid-search-result .overview-icon { background-color: rgba(238, 238, 236, 0.2); } #dashtodockContainer.left #dash .dash-item-container .app-well-app .app-well-app-running-dot, #dashtodockContainer.left #dash .dash-item-container .grid-search-result .app-well-app-running-dot { margin-bottom: 2px; } #dashtodockContainer.left #dash .dash-item-container > StButton { transition-duration: 250; background-size: contain; } #dashtodockContainer.left.fixed #dash .dash-background { margin-right: 4px; } #dashtodockContainer.left.fixed #dash .dash-item-container .app-well-app, #dashtodockContainer.left.fixed #dash .dash-item-container .grid-search-result, #dashtodockContainer.left.fixed #dash .dash-item-container .show-apps { padding-right: 14px; } .dash-label.left { margin: 0; -x-offset: 10px; -y-offset: 0; } #dashtodockContainer.left.shrink #dash { margin: 0px; padding: 0px; } #dashtodockContainer.left.shrink #dash .dash-background { margin: 0; margin-left: 4px; padding: 0; border-radius: 14px; spacing: 2px; } #dashtodockContainer.left.shrink #dash .dash-separator { background-color: #c7c7c7; width: 0; height: 1px; margin: 1px 0; margin-left: 4px; } #dashtodockContainer.left.shrink #dash #dashtodockDashContainer { padding: 3px; padding-left: 0; padding-right: 0; } #dashtodockContainer.left.shrink #dash .dash-item-container { /* Disable all margins defined upstream, we handle them here */ margin: 2px 0; } #dashtodockContainer.left.shrink #dash .dash-item-container > * { margin: 0; } #dashtodockContainer.left.shrink #dash .dash-item-container:first-child { margin-top: 0; } #dashtodockContainer.left.shrink #dash .dash-item-container:last-child { margin-bottom: 0; } #dashtodockContainer.left.shrink #dash .dash-item-container .app-well-app, #dashtodockContainer.left.shrink #dash .dash-item-container .grid-search-result, #dashtodockContainer.left.shrink #dash .dash-item-container .show-apps { padding: 1px 1px; padding-left: 7px; padding-right: 3px; } #dashtodockContainer.left.shrink #dash .dash-item-container .app-well-app:first-child, #dashtodockContainer.left.shrink #dash .dash-item-container .grid-search-result:first-child, #dashtodockContainer.left.shrink #dash .dash-item-container .show-apps:first-child { padding-top: 0; } #dashtodockContainer.left.shrink #dash .dash-item-container .app-well-app:last-child, #dashtodockContainer.left.shrink #dash .dash-item-container .grid-search-result:last-child, #dashtodockContainer.left.shrink #dash .dash-item-container .show-apps:last-child { padding-bottom: 0; } #dashtodockContainer.left.shrink #dash .dash-item-container .app-well-app.running .overview-icon, #dashtodockContainer.left.shrink #dash .dash-item-container .running.grid-search-result .overview-icon { background-image: none; } #dashtodockContainer.left.shrink #dash .dash-item-container .app-well-app.focused .overview-icon, #dashtodockContainer.left.shrink #dash .dash-item-container .focused.grid-search-result .overview-icon { background-color: rgba(238, 238, 236, 0.2); } #dashtodockContainer.left.shrink #dash .dash-item-container .app-well-app .app-well-app-running-dot, #dashtodockContainer.left.shrink #dash .dash-item-container .grid-search-result .app-well-app-running-dot { margin-bottom: 2px; } #dashtodockContainer.left.shrink #dash .dash-item-container > StButton { transition-duration: 250; background-size: contain; } #dashtodockContainer.left.shrink.fixed #dash .dash-background { margin-right: 1px; } #dashtodockContainer.left.shrink.fixed #dash .dash-item-container .app-well-app, #dashtodockContainer.left.shrink.fixed #dash .dash-item-container .grid-search-result, #dashtodockContainer.left.shrink.fixed #dash .dash-item-container .show-apps { padding-right: 4px; } .dash-label.left.shrink { margin: 0; -x-offset: 3px; -y-offset: 0; } #dashtodockContainer.left.extended #dash { margin: 0px; padding: 0px; } #dashtodockContainer.left.extended #dash .dash-background { margin: 0; margin-left: 0; padding: 0; border-radius: 0; spacing: 6px; } #dashtodockContainer.left.extended #dash .dash-separator { background-color: #c7c7c7; width: 0; height: 1px; margin: 4px 0; margin-left: 0; } #dashtodockContainer.left.extended #dash #dashtodockDashContainer { padding: 0; padding-left: 0; padding-right: 0; } #dashtodockContainer.left.extended #dash #dashtodockDashContainer > :first-child .show-apps { padding-top: 8px; } #dashtodockContainer.left.extended #dash #dashtodockDashContainer #dashtodockDashScrollview:first-child { padding-top: 8px; } #dashtodockContainer.left.extended #dash #dashtodockDashContainer > :last-child .show-apps { padding-bottom: 8px; } #dashtodockContainer.left.extended #dash #dashtodockDashContainer #dashtodockDashScrollview:last-child { padding-bottom: 8px; } #dashtodockContainer.left.extended #dash .dash-item-container { /* Disable all margins defined upstream, we handle them here */ margin: 2px 0; } #dashtodockContainer.left.extended #dash .dash-item-container > * { margin: 0; } #dashtodockContainer.left.extended #dash .dash-item-container:first-child { margin-top: 0; } #dashtodockContainer.left.extended #dash .dash-item-container:last-child { margin-bottom: 0; } #dashtodockContainer.left.extended #dash .dash-item-container .app-well-app, #dashtodockContainer.left.extended #dash .dash-item-container .grid-search-result, #dashtodockContainer.left.extended #dash .dash-item-container .show-apps { padding: 2px 2px; padding-left: 10px; padding-right: 10px; } #dashtodockContainer.left.extended #dash .dash-item-container .app-well-app:first-child, #dashtodockContainer.left.extended #dash .dash-item-container .grid-search-result:first-child, #dashtodockContainer.left.extended #dash .dash-item-container .show-apps:first-child { padding-top: 0; } #dashtodockContainer.left.extended #dash .dash-item-container .app-well-app:last-child, #dashtodockContainer.left.extended #dash .dash-item-container .grid-search-result:last-child, #dashtodockContainer.left.extended #dash .dash-item-container .show-apps:last-child { padding-bottom: 0; } #dashtodockContainer.left.extended #dash .dash-item-container .app-well-app.running .overview-icon, #dashtodockContainer.left.extended #dash .dash-item-container .running.grid-search-result .overview-icon { background-image: none; } #dashtodockContainer.left.extended #dash .dash-item-container .app-well-app.focused .overview-icon, #dashtodockContainer.left.extended #dash .dash-item-container .focused.grid-search-result .overview-icon { background-color: rgba(238, 238, 236, 0.2); } #dashtodockContainer.left.extended #dash .dash-item-container .app-well-app .app-well-app-running-dot, #dashtodockContainer.left.extended #dash .dash-item-container .grid-search-result .app-well-app-running-dot { margin-bottom: 2px; } #dashtodockContainer.left.extended #dash .dash-item-container > StButton { transition-duration: 250; background-size: contain; } #dashtodockContainer.left.extended.fixed #dash .dash-background { margin-right: 0; } #dashtodockContainer.left.extended.fixed #dash .dash-item-container .app-well-app, #dashtodockContainer.left.extended.fixed #dash .dash-item-container .grid-search-result, #dashtodockContainer.left.extended.fixed #dash .dash-item-container .show-apps { padding-right: 10px; } .dash-label.left { margin: 0; -x-offset: 10px; -y-offset: 0; } #dashtodockContainer.left.extended.shrink #dash { margin: 0px; padding: 0px; } #dashtodockContainer.left.extended.shrink #dash .dash-background { margin: 0; margin-left: 0; padding: 0; border-radius: 0; spacing: 2px; } #dashtodockContainer.left.extended.shrink #dash .dash-separator { background-color: #c7c7c7; width: 0; height: 1px; margin: 1px 0; margin-left: 0; } #dashtodockContainer.left.extended.shrink #dash #dashtodockDashContainer { padding: 0; padding-left: 0; padding-right: 0; } #dashtodockContainer.left.extended.shrink #dash #dashtodockDashContainer > :first-child .show-apps { padding-top: 6px; } #dashtodockContainer.left.extended.shrink #dash #dashtodockDashContainer #dashtodockDashScrollview:first-child { padding-top: 6px; } #dashtodockContainer.left.extended.shrink #dash #dashtodockDashContainer > :last-child .show-apps { padding-bottom: 6px; } #dashtodockContainer.left.extended.shrink #dash #dashtodockDashContainer #dashtodockDashScrollview:last-child { padding-bottom: 6px; } #dashtodockContainer.left.extended.shrink #dash .dash-item-container { /* Disable all margins defined upstream, we handle them here */ margin: 2px 0; } #dashtodockContainer.left.extended.shrink #dash .dash-item-container > * { margin: 0; } #dashtodockContainer.left.extended.shrink #dash .dash-item-container:first-child { margin-top: 0; } #dashtodockContainer.left.extended.shrink #dash .dash-item-container:last-child { margin-bottom: 0; } #dashtodockContainer.left.extended.shrink #dash .dash-item-container .app-well-app, #dashtodockContainer.left.extended.shrink #dash .dash-item-container .grid-search-result, #dashtodockContainer.left.extended.shrink #dash .dash-item-container .show-apps { padding: 1px 1px; padding-left: 3px; padding-right: 3px; } #dashtodockContainer.left.extended.shrink #dash .dash-item-container .app-well-app:first-child, #dashtodockContainer.left.extended.shrink #dash .dash-item-container .grid-search-result:first-child, #dashtodockContainer.left.extended.shrink #dash .dash-item-container .show-apps:first-child { padding-top: 0; } #dashtodockContainer.left.extended.shrink #dash .dash-item-container .app-well-app:last-child, #dashtodockContainer.left.extended.shrink #dash .dash-item-container .grid-search-result:last-child, #dashtodockContainer.left.extended.shrink #dash .dash-item-container .show-apps:last-child { padding-bottom: 0; } #dashtodockContainer.left.extended.shrink #dash .dash-item-container .app-well-app.running .overview-icon, #dashtodockContainer.left.extended.shrink #dash .dash-item-container .running.grid-search-result .overview-icon { background-image: none; } #dashtodockContainer.left.extended.shrink #dash .dash-item-container .app-well-app.focused .overview-icon, #dashtodockContainer.left.extended.shrink #dash .dash-item-container .focused.grid-search-result .overview-icon { background-color: rgba(238, 238, 236, 0.2); } #dashtodockContainer.left.extended.shrink #dash .dash-item-container .app-well-app .app-well-app-running-dot, #dashtodockContainer.left.extended.shrink #dash .dash-item-container .grid-search-result .app-well-app-running-dot { margin-bottom: 2px; } #dashtodockContainer.left.extended.shrink #dash .dash-item-container > StButton { transition-duration: 250; background-size: contain; } #dashtodockContainer.left.extended.shrink.fixed #dash .dash-background { margin-right: 0; } #dashtodockContainer.left.extended.shrink.fixed #dash .dash-item-container .app-well-app, #dashtodockContainer.left.extended.shrink.fixed #dash .dash-item-container .grid-search-result, #dashtodockContainer.left.extended.shrink.fixed #dash .dash-item-container .show-apps { padding-right: 3px; } .dash-label.left.shrink { margin: 0; -x-offset: 3px; -y-offset: 0; } #dashtodockContainer.right #dash { margin: 0px; padding: 0px; } #dashtodockContainer.right #dash .dash-background { margin: 0; margin-right: 4px; padding: 0; border-radius: 18px; spacing: 6px; } #dashtodockContainer.right #dash .dash-separator { background-color: #c7c7c7; width: 0; height: 1px; margin: 4px 0; margin-right: 4px; } #dashtodockContainer.right #dash #dashtodockDashContainer { padding: 10px; padding-right: 0; padding-left: 0; } #dashtodockContainer.right #dash .dash-item-container { /* Disable all margins defined upstream, we handle them here */ margin: 2px 0; } #dashtodockContainer.right #dash .dash-item-container > * { margin: 0; } #dashtodockContainer.right #dash .dash-item-container:first-child { margin-top: 0; } #dashtodockContainer.right #dash .dash-item-container:last-child { margin-bottom: 0; } #dashtodockContainer.right #dash .dash-item-container .app-well-app, #dashtodockContainer.right #dash .dash-item-container .grid-search-result, #dashtodockContainer.right #dash .dash-item-container .show-apps { padding: 2px 2px; padding-right: 14px; padding-left: 10px; } #dashtodockContainer.right #dash .dash-item-container .app-well-app:first-child, #dashtodockContainer.right #dash .dash-item-container .grid-search-result:first-child, #dashtodockContainer.right #dash .dash-item-container .show-apps:first-child { padding-top: 0; } #dashtodockContainer.right #dash .dash-item-container .app-well-app:last-child, #dashtodockContainer.right #dash .dash-item-container .grid-search-result:last-child, #dashtodockContainer.right #dash .dash-item-container .show-apps:last-child { padding-bottom: 0; } #dashtodockContainer.right #dash .dash-item-container .app-well-app.running .overview-icon, #dashtodockContainer.right #dash .dash-item-container .running.grid-search-result .overview-icon { background-image: none; } #dashtodockContainer.right #dash .dash-item-container .app-well-app.focused .overview-icon, #dashtodockContainer.right #dash .dash-item-container .focused.grid-search-result .overview-icon { background-color: rgba(238, 238, 236, 0.2); } #dashtodockContainer.right #dash .dash-item-container .app-well-app .app-well-app-running-dot, #dashtodockContainer.right #dash .dash-item-container .grid-search-result .app-well-app-running-dot { margin-bottom: 2px; } #dashtodockContainer.right #dash .dash-item-container > StButton { transition-duration: 250; background-size: contain; } #dashtodockContainer.right.fixed #dash .dash-background { margin-left: 4px; } #dashtodockContainer.right.fixed #dash .dash-item-container .app-well-app, #dashtodockContainer.right.fixed #dash .dash-item-container .grid-search-result, #dashtodockContainer.right.fixed #dash .dash-item-container .show-apps { padding-left: 14px; } .dash-label.right { margin: 0; -x-offset: 10px; -y-offset: 0; } #dashtodockContainer.right.shrink #dash { margin: 0px; padding: 0px; } #dashtodockContainer.right.shrink #dash .dash-background { margin: 0; margin-right: 4px; padding: 0; border-radius: 14px; spacing: 2px; } #dashtodockContainer.right.shrink #dash .dash-separator { background-color: #c7c7c7; width: 0; height: 1px; margin: 1px 0; margin-right: 4px; } #dashtodockContainer.right.shrink #dash #dashtodockDashContainer { padding: 3px; padding-right: 0; padding-left: 0; } #dashtodockContainer.right.shrink #dash .dash-item-container { /* Disable all margins defined upstream, we handle them here */ margin: 2px 0; } #dashtodockContainer.right.shrink #dash .dash-item-container > * { margin: 0; } #dashtodockContainer.right.shrink #dash .dash-item-container:first-child { margin-top: 0; } #dashtodockContainer.right.shrink #dash .dash-item-container:last-child { margin-bottom: 0; } #dashtodockContainer.right.shrink #dash .dash-item-container .app-well-app, #dashtodockContainer.right.shrink #dash .dash-item-container .grid-search-result, #dashtodockContainer.right.shrink #dash .dash-item-container .show-apps { padding: 1px 1px; padding-right: 7px; padding-left: 3px; } #dashtodockContainer.right.shrink #dash .dash-item-container .app-well-app:first-child, #dashtodockContainer.right.shrink #dash .dash-item-container .grid-search-result:first-child, #dashtodockContainer.right.shrink #dash .dash-item-container .show-apps:first-child { padding-top: 0; } #dashtodockContainer.right.shrink #dash .dash-item-container .app-well-app:last-child, #dashtodockContainer.right.shrink #dash .dash-item-container .grid-search-result:last-child, #dashtodockContainer.right.shrink #dash .dash-item-container .show-apps:last-child { padding-bottom: 0; } #dashtodockContainer.right.shrink #dash .dash-item-container .app-well-app.running .overview-icon, #dashtodockContainer.right.shrink #dash .dash-item-container .running.grid-search-result .overview-icon { background-image: none; } #dashtodockContainer.right.shrink #dash .dash-item-container .app-well-app.focused .overview-icon, #dashtodockContainer.right.shrink #dash .dash-item-container .focused.grid-search-result .overview-icon { background-color: rgba(238, 238, 236, 0.2); } #dashtodockContainer.right.shrink #dash .dash-item-container .app-well-app .app-well-app-running-dot, #dashtodockContainer.right.shrink #dash .dash-item-container .grid-search-result .app-well-app-running-dot { margin-bottom: 2px; } #dashtodockContainer.right.shrink #dash .dash-item-container > StButton { transition-duration: 250; background-size: contain; } #dashtodockContainer.right.shrink.fixed #dash .dash-background { margin-left: 1px; } #dashtodockContainer.right.shrink.fixed #dash .dash-item-container .app-well-app, #dashtodockContainer.right.shrink.fixed #dash .dash-item-container .grid-search-result, #dashtodockContainer.right.shrink.fixed #dash .dash-item-container .show-apps { padding-left: 4px; } .dash-label.right.shrink { margin: 0; -x-offset: 3px; -y-offset: 0; } #dashtodockContainer.right.extended #dash { margin: 0px; padding: 0px; } #dashtodockContainer.right.extended #dash .dash-background { margin: 0; margin-right: 0; padding: 0; border-radius: 0; spacing: 6px; } #dashtodockContainer.right.extended #dash .dash-separator { background-color: #c7c7c7; width: 0; height: 1px; margin: 4px 0; margin-right: 0; } #dashtodockContainer.right.extended #dash #dashtodockDashContainer { padding: 0; padding-right: 0; padding-left: 0; } #dashtodockContainer.right.extended #dash #dashtodockDashContainer > :first-child .show-apps { padding-top: 8px; } #dashtodockContainer.right.extended #dash #dashtodockDashContainer #dashtodockDashScrollview:first-child { padding-top: 8px; } #dashtodockContainer.right.extended #dash #dashtodockDashContainer > :last-child .show-apps { padding-bottom: 8px; } #dashtodockContainer.right.extended #dash #dashtodockDashContainer #dashtodockDashScrollview:last-child { padding-bottom: 8px; } #dashtodockContainer.right.extended #dash .dash-item-container { /* Disable all margins defined upstream, we handle them here */ margin: 2px 0; } #dashtodockContainer.right.extended #dash .dash-item-container > * { margin: 0; } #dashtodockContainer.right.extended #dash .dash-item-container:first-child { margin-top: 0; } #dashtodockContainer.right.extended #dash .dash-item-container:last-child { margin-bottom: 0; } #dashtodockContainer.right.extended #dash .dash-item-container .app-well-app, #dashtodockContainer.right.extended #dash .dash-item-container .grid-search-result, #dashtodockContainer.right.extended #dash .dash-item-container .show-apps { padding: 2px 2px; padding-right: 10px; padding-left: 10px; } #dashtodockContainer.right.extended #dash .dash-item-container .app-well-app:first-child, #dashtodockContainer.right.extended #dash .dash-item-container .grid-search-result:first-child, #dashtodockContainer.right.extended #dash .dash-item-container .show-apps:first-child { padding-top: 0; } #dashtodockContainer.right.extended #dash .dash-item-container .app-well-app:last-child, #dashtodockContainer.right.extended #dash .dash-item-container .grid-search-result:last-child, #dashtodockContainer.right.extended #dash .dash-item-container .show-apps:last-child { padding-bottom: 0; } #dashtodockContainer.right.extended #dash .dash-item-container .app-well-app.running .overview-icon, #dashtodockContainer.right.extended #dash .dash-item-container .running.grid-search-result .overview-icon { background-image: none; } #dashtodockContainer.right.extended #dash .dash-item-container .app-well-app.focused .overview-icon, #dashtodockContainer.right.extended #dash .dash-item-container .focused.grid-search-result .overview-icon { background-color: rgba(238, 238, 236, 0.2); } #dashtodockContainer.right.extended #dash .dash-item-container .app-well-app .app-well-app-running-dot, #dashtodockContainer.right.extended #dash .dash-item-container .grid-search-result .app-well-app-running-dot { margin-bottom: 2px; } #dashtodockContainer.right.extended #dash .dash-item-container > StButton { transition-duration: 250; background-size: contain; } #dashtodockContainer.right.extended.fixed #dash .dash-background { margin-left: 0; } #dashtodockContainer.right.extended.fixed #dash .dash-item-container .app-well-app, #dashtodockContainer.right.extended.fixed #dash .dash-item-container .grid-search-result, #dashtodockContainer.right.extended.fixed #dash .dash-item-container .show-apps { padding-left: 10px; } .dash-label.right { margin: 0; -x-offset: 10px; -y-offset: 0; } #dashtodockContainer.right.extended.shrink #dash { margin: 0px; padding: 0px; } #dashtodockContainer.right.extended.shrink #dash .dash-background { margin: 0; margin-right: 0; padding: 0; border-radius: 0; spacing: 2px; } #dashtodockContainer.right.extended.shrink #dash .dash-separator { background-color: #c7c7c7; width: 0; height: 1px; margin: 1px 0; margin-right: 0; } #dashtodockContainer.right.extended.shrink #dash #dashtodockDashContainer { padding: 0; padding-right: 0; padding-left: 0; } #dashtodockContainer.right.extended.shrink #dash #dashtodockDashContainer > :first-child .show-apps { padding-top: 6px; } #dashtodockContainer.right.extended.shrink #dash #dashtodockDashContainer #dashtodockDashScrollview:first-child { padding-top: 6px; } #dashtodockContainer.right.extended.shrink #dash #dashtodockDashContainer > :last-child .show-apps { padding-bottom: 6px; } #dashtodockContainer.right.extended.shrink #dash #dashtodockDashContainer #dashtodockDashScrollview:last-child { padding-bottom: 6px; } #dashtodockContainer.right.extended.shrink #dash .dash-item-container { /* Disable all margins defined upstream, we handle them here */ margin: 2px 0; } #dashtodockContainer.right.extended.shrink #dash .dash-item-container > * { margin: 0; } #dashtodockContainer.right.extended.shrink #dash .dash-item-container:first-child { margin-top: 0; } #dashtodockContainer.right.extended.shrink #dash .dash-item-container:last-child { margin-bottom: 0; } #dashtodockContainer.right.extended.shrink #dash .dash-item-container .app-well-app, #dashtodockContainer.right.extended.shrink #dash .dash-item-container .grid-search-result, #dashtodockContainer.right.extended.shrink #dash .dash-item-container .show-apps { padding: 1px 1px; padding-right: 3px; padding-left: 3px; } #dashtodockContainer.right.extended.shrink #dash .dash-item-container .app-well-app:first-child, #dashtodockContainer.right.extended.shrink #dash .dash-item-container .grid-search-result:first-child, #dashtodockContainer.right.extended.shrink #dash .dash-item-container .show-apps:first-child { padding-top: 0; } #dashtodockContainer.right.extended.shrink #dash .dash-item-container .app-well-app:last-child, #dashtodockContainer.right.extended.shrink #dash .dash-item-container .grid-search-result:last-child, #dashtodockContainer.right.extended.shrink #dash .dash-item-container .show-apps:last-child { padding-bottom: 0; } #dashtodockContainer.right.extended.shrink #dash .dash-item-container .app-well-app.running .overview-icon, #dashtodockContainer.right.extended.shrink #dash .dash-item-container .running.grid-search-result .overview-icon { background-image: none; } #dashtodockContainer.right.extended.shrink #dash .dash-item-container .app-well-app.focused .overview-icon, #dashtodockContainer.right.extended.shrink #dash .dash-item-container .focused.grid-search-result .overview-icon { background-color: rgba(238, 238, 236, 0.2); } #dashtodockContainer.right.extended.shrink #dash .dash-item-container .app-well-app .app-well-app-running-dot, #dashtodockContainer.right.extended.shrink #dash .dash-item-container .grid-search-result .app-well-app-running-dot { margin-bottom: 2px; } #dashtodockContainer.right.extended.shrink #dash .dash-item-container > StButton { transition-duration: 250; background-size: contain; } #dashtodockContainer.right.extended.shrink.fixed #dash .dash-background { margin-left: 0; } #dashtodockContainer.right.extended.shrink.fixed #dash .dash-item-container .app-well-app, #dashtodockContainer.right.extended.shrink.fixed #dash .dash-item-container .grid-search-result, #dashtodockContainer.right.extended.shrink.fixed #dash .dash-item-container .show-apps { padding-left: 3px; } .dash-label.right.shrink { margin: 0; -x-offset: 3px; -y-offset: 0; } #dashtodockContainer.top.shrink #dash .dash-background { margin-top: 4px; margin-bottom: 0; } #dashtodockContainer.straight-corner #dash .dash-background, #dashtodockContainer.shrink.straight-corner #dash .dash-background { border-radius: 0px; } /* Scrollview style */ .bottom #dashtodockDashScrollview, .top #dashtodockDashScrollview { -st-hfade-offset: 24px; } .left #dashtodockDashScrollview, .right #dashtodockDashScrollview { -st-vfade-offset: 24px; } #dashtodockContainer.dashtodock #dash .dash-background { background: #1d1d1d; } #dashtodockContainer.dashtodock .progress-bar { /* Customization of the progress bar style, e.g.: -progress-bar-background: rgba(0.8, 0.8, 0.8, 1); -progress-bar-border: rgba(0.9, 0.9, 0.9, 1); */ } #dashtodockContainer.top #dash .placeholder, #dashtodockContainer.bottom #dash .placeholder { width: 32px; height: 1px; } /* * This is applied to a dummy actor. Only the alpha value for the background and border color * and the transition-duration are used */ #dashtodockContainer.dummy-opaque { background-color: rgba(0, 0, 0, 0.8); border-color: rgba(0, 0, 0, 0.4); transition-duration: 300ms; } /* * This is applied to a dummy actor. Only the alpha value for the background and border color * and the transition-duration are used */ #dashtodockContainer.dummy-transparent { background-color: rgba(0, 0, 0, 0.2); border-color: rgba(0, 0, 0, 0.1); transition-duration: 500ms; } #dashtodockContainer .number-overlay { color: white; background-color: rgba(0, 0, 0, 0.8); text-align: center; } #dashtodockContainer .notification-badge { color: white; background-color: red; padding: 0.2em 0.5em; border-radius: 1em; font-weight: bold; text-align: center; margin: 2px; } #dashtodockPreviewSeparator.popup-separator-menu-item-horizontal { width: 1px; height: auto; border-right-width: 1px; margin: 32px 0px; } .dashtodock-app-well-preview-menu-item { padding: 1em 1em 0.5em 1em; } #dashtodockContainer .metro .overview-icon { border-radius: 0px; } #dashtodockContainer.bottom .metro.running2.focused, #dashtodockContainer.top .metro.running2.focused { background-image: url("./media/highlight_stacked_bg.svg"); background-position: 0px 0px; background-size: contain; } #dashtodockContainer.left .metro.running2.focused, #dashtodockContainer.right .metro.running2.focused { background-image: url("./media/highlight_stacked_bg_h.svg"); background-position: 0px 0px; background-size: contain; } #dashtodockContainer.bottom .metro.running3.focused, #dashtodockContainer.top .metro.running3.focused { background-image: url("./media/highlight_stacked_bg.svg"); background-position: 0px 0px; background-size: contain; } #dashtodockContainer.left .metro.running3.focused, #dashtodockContainer.right .metro.running3.focused { background-image: url("./media/highlight_stacked_bg_h.svg"); background-position: 0px 0px; background-size: contain; } #dashtodockContainer.bottom .metro.running4.focused, #dashtodockContainer.top .metro.running4.focused { background-image: url("./media/highlight_stacked_bg.svg"); background-position: 0px 0px; background-size: contain; } #dashtodockContainer.left .metro.running4.focused, #dashtodockContainer.right .metro.running4.focused { background-image: url("./media/highlight_stacked_bg_h.svg"); background-position: 0px 0px; background-size: contain; } /* Yaru Dock styling */ #dashtodockContainer.bottom #dash, #dashtodockContainer.bottom.dashtodock #dash, #dashtodockContainer.bottom.shrink #dash { margin: 0px; padding: 0px; } #dashtodockContainer.bottom #dash .dash-background, #dashtodockContainer.bottom.dashtodock #dash .dash-background, #dashtodockContainer.bottom.shrink #dash .dash-background { background: rgba(19, 19, 19, 0.75); transition-duration: 250ms; } #dashtodockContainer.bottom #dash .dash-separator, #dashtodockContainer.bottom.dashtodock #dash .dash-separator, #dashtodockContainer.bottom.shrink #dash .dash-separator { background: rgba(238, 238, 236, 0.3); } #dashtodockContainer.bottom.overview #dash .dash-background, #dashtodockContainer.bottom.overview.dashtodock #dash .dash-background, #dashtodockContainer.bottom.overview.shrink #dash .dash-background { background-color: #131313; } #dashtodockContainer.bottom.extended #dash .dash-background, #dashtodockContainer.bottom.extended.dashtodock #dash .dash-background, #dashtodockContainer.bottom.extended.shrink #dash .dash-background { border: none; } #dashtodockContainer.bottom .dash-item-container .show-apps, #dashtodockContainer.bottom .dash-item-container .app-well-app, #dashtodockContainer.bottom .dash-item-container .grid-search-result { border-radius: 18px; } #dashtodockContainer.bottom .dash-item-container .show-apps:active .overview-icon, #dashtodockContainer.bottom .dash-item-container .show-apps:checked .overview-icon, #dashtodockContainer.bottom .dash-item-container .app-well-app:active .overview-icon, #dashtodockContainer.bottom .dash-item-container .grid-search-result:active .overview-icon, #dashtodockContainer.bottom .dash-item-container .app-well-app:checked .overview-icon, #dashtodockContainer.bottom .dash-item-container .grid-search-result:checked .overview-icon { background-color: rgba(255, 255, 255, 0.25); box-shadow: none; } #dashtodockContainer.bottom .notification-badge { background-color: #109b26; border: 1px solid #0c6d1a; box-shadow: -1px 1px 5px 0px rgba(0, 0, 0, 0.5); } #dashtodockContainer.top #dash, #dashtodockContainer.top.dashtodock #dash, #dashtodockContainer.top.shrink #dash { margin: 0px; padding: 0px; } #dashtodockContainer.top #dash .dash-background, #dashtodockContainer.top.dashtodock #dash .dash-background, #dashtodockContainer.top.shrink #dash .dash-background { background: rgba(19, 19, 19, 0.75); transition-duration: 250ms; } #dashtodockContainer.top #dash .dash-separator, #dashtodockContainer.top.dashtodock #dash .dash-separator, #dashtodockContainer.top.shrink #dash .dash-separator { background: rgba(238, 238, 236, 0.3); } #dashtodockContainer.top.overview #dash .dash-background, #dashtodockContainer.top.overview.dashtodock #dash .dash-background, #dashtodockContainer.top.overview.shrink #dash .dash-background { background-color: #131313; } #dashtodockContainer.top.extended #dash .dash-background, #dashtodockContainer.top.extended.dashtodock #dash .dash-background, #dashtodockContainer.top.extended.shrink #dash .dash-background { border: none; } #dashtodockContainer.top .dash-item-container .show-apps, #dashtodockContainer.top .dash-item-container .app-well-app, #dashtodockContainer.top .dash-item-container .grid-search-result { border-radius: 18px; } #dashtodockContainer.top .dash-item-container .show-apps:active .overview-icon, #dashtodockContainer.top .dash-item-container .show-apps:checked .overview-icon, #dashtodockContainer.top .dash-item-container .app-well-app:active .overview-icon, #dashtodockContainer.top .dash-item-container .grid-search-result:active .overview-icon, #dashtodockContainer.top .dash-item-container .app-well-app:checked .overview-icon, #dashtodockContainer.top .dash-item-container .grid-search-result:checked .overview-icon { background-color: rgba(255, 255, 255, 0.25); box-shadow: none; } #dashtodockContainer.top .notification-badge { background-color: #109b26; border: 1px solid #0c6d1a; box-shadow: -1px 1px 5px 0px rgba(0, 0, 0, 0.5); } #dashtodockContainer.left #dash, #dashtodockContainer.left.dashtodock #dash, #dashtodockContainer.left.shrink #dash { margin: 0px; padding: 0px; } #dashtodockContainer.left #dash .dash-background, #dashtodockContainer.left.dashtodock #dash .dash-background, #dashtodockContainer.left.shrink #dash .dash-background { background: rgba(19, 19, 19, 0.75); transition-duration: 250ms; } #dashtodockContainer.left #dash .dash-separator, #dashtodockContainer.left.dashtodock #dash .dash-separator, #dashtodockContainer.left.shrink #dash .dash-separator { background: rgba(238, 238, 236, 0.3); } #dashtodockContainer.left.overview #dash .dash-background, #dashtodockContainer.left.overview.dashtodock #dash .dash-background, #dashtodockContainer.left.overview.shrink #dash .dash-background { background-color: #131313; } #dashtodockContainer.left.extended #dash .dash-background, #dashtodockContainer.left.extended.dashtodock #dash .dash-background, #dashtodockContainer.left.extended.shrink #dash .dash-background { border: none; } #dashtodockContainer.left .dash-item-container .show-apps, #dashtodockContainer.left .dash-item-container .app-well-app, #dashtodockContainer.left .dash-item-container .grid-search-result { border-radius: 18px; } #dashtodockContainer.left .dash-item-container .show-apps:active .overview-icon, #dashtodockContainer.left .dash-item-container .show-apps:checked .overview-icon, #dashtodockContainer.left .dash-item-container .app-well-app:active .overview-icon, #dashtodockContainer.left .dash-item-container .grid-search-result:active .overview-icon, #dashtodockContainer.left .dash-item-container .app-well-app:checked .overview-icon, #dashtodockContainer.left .dash-item-container .grid-search-result:checked .overview-icon { background-color: rgba(255, 255, 255, 0.25); box-shadow: none; } #dashtodockContainer.left .notification-badge { background-color: #109b26; border: 1px solid #0c6d1a; box-shadow: -1px 1px 5px 0px rgba(0, 0, 0, 0.5); } #dashtodockContainer.right #dash, #dashtodockContainer.right.dashtodock #dash, #dashtodockContainer.right.shrink #dash { margin: 0px; padding: 0px; } #dashtodockContainer.right #dash .dash-background, #dashtodockContainer.right.dashtodock #dash .dash-background, #dashtodockContainer.right.shrink #dash .dash-background { background: rgba(19, 19, 19, 0.75); transition-duration: 250ms; } #dashtodockContainer.right #dash .dash-separator, #dashtodockContainer.right.dashtodock #dash .dash-separator, #dashtodockContainer.right.shrink #dash .dash-separator { background: rgba(238, 238, 236, 0.3); } #dashtodockContainer.right.overview #dash .dash-background, #dashtodockContainer.right.overview.dashtodock #dash .dash-background, #dashtodockContainer.right.overview.shrink #dash .dash-background { background-color: #131313; } #dashtodockContainer.right.extended #dash .dash-background, #dashtodockContainer.right.extended.dashtodock #dash .dash-background, #dashtodockContainer.right.extended.shrink #dash .dash-background { border: none; } #dashtodockContainer.right .dash-item-container .show-apps, #dashtodockContainer.right .dash-item-container .app-well-app, #dashtodockContainer.right .dash-item-container .grid-search-result { border-radius: 18px; } #dashtodockContainer.right .dash-item-container .show-apps:active .overview-icon, #dashtodockContainer.right .dash-item-container .show-apps:checked .overview-icon, #dashtodockContainer.right .dash-item-container .app-well-app:active .overview-icon, #dashtodockContainer.right .dash-item-container .grid-search-result:active .overview-icon, #dashtodockContainer.right .dash-item-container .app-well-app:checked .overview-icon, #dashtodockContainer.right .dash-item-container .grid-search-result:checked .overview-icon { background-color: rgba(255, 255, 255, 0.25); box-shadow: none; } #dashtodockContainer.right .notification-badge { background-color: #109b26; border: 1px solid #0c6d1a; box-shadow: -1px 1px 5px 0px rgba(0, 0, 0, 0.5); } (uuay)gnome-shell-start.svg � <svg height="400" width="600" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg"><defs><linearGradient xlink:href="#a" id="e" x1="-940.336" y1="1196.131" x2="-1178.22" y2="1431.464" gradientUnits="userSpaceOnUse" gradientTransform="translate(1306.25 -919.427) scale(1.39931)"/><linearGradient id="c"><stop offset="0" stop-color="#fff"/><stop offset=".519" stop-color="#fff"/><stop offset=".734" stop-color="#cfcfcf"/><stop offset="1" stop-color="#dcdcdc"/></linearGradient><linearGradient xlink:href="#b" id="f" gradientUnits="userSpaceOnUse" gradientTransform="matrix(-1.57511 0 0 1.57511 1217.875 47.174)" x1="85" y1="107.162" x2="85" y2="86"/><linearGradient id="b"><stop offset="0" stop-color="#eef4fc" style="stop-color:#c5dcf7;stop-opacity:1"/><stop offset="1" stop-color="#fff"/></linearGradient><linearGradient xlink:href="#b" id="l" gradientUnits="userSpaceOnUse" gradientTransform="matrix(-2.11585 0 0 2.11585 1459.5 -118.923)" x1="85" y1="110.304" x2="85" y2="86.986"/><linearGradient xlink:href="#b" id="m" gradientUnits="userSpaceOnUse" gradientTransform="translate(655.034 -16.075) scale(1.54638)" x1="85" y1="107.162" x2="85" y2="82.135"/><linearGradient id="a"><stop offset="0" style="stop-color:#369ad4;stop-opacity:1"/><stop offset="1" style="stop-color:#b6e2f3;stop-opacity:1"/></linearGradient><linearGradient id="d"><stop style="stop-color:#f37e40;stop-opacity:1" offset="0"/><stop style="stop-color:#f34f17;stop-opacity:1" offset="1"/></linearGradient><radialGradient r="33.5" fy="48.406" fx="79.091" cy="48.406" cx="79.091" gradientTransform="matrix(.00476 1.62228 -1.43419 .00422 141.702 -82.047)" gradientUnits="userSpaceOnUse" id="h" xlink:href="#c"/><radialGradient r="12" fy="54.102" fx="71.474" cy="54.102" cx="71.474" gradientTransform="matrix(4.50607 0 0 4.76661 -259.306 -59.706)" gradientUnits="userSpaceOnUse" id="i" xlink:href="#d"/><radialGradient r="14.583" fy="49.777" fx="40.152" cy="49.777" cx="40.152" gradientTransform="matrix(.87016 4.27869 -2.56693 .52204 148.394 -163.306)" gradientUnits="userSpaceOnUse" id="j" xlink:href="#d"/><radialGradient r="14.583" fy="49.777" fx="40.152" cy="49.777" cx="40.152" gradientTransform="matrix(.87016 4.27869 -2.56693 .52204 148.394 -163.306)" gradientUnits="userSpaceOnUse" id="k" xlink:href="#d"/><clipPath id="g" clipPathUnits="userSpaceOnUse"><path d="M65 177c-18.502 0-33.5 14.998-33.5 33.5.008 7.371 4.131 15.807 11.388 23.526l12.617 13.171H75.02l12.137-13.245c6.636-7.059 11.33-16.117 11.344-23.452 0-18.502-14.998-33.5-33.5-33.5z" style="marker:none" fill="#fff" stroke-width="2"/></clipPath></defs><g transform="translate(-635.793 9.437)"><circle style="fill:url(#e);fill-opacity:1;stroke:none;stroke-width:3.66905;stroke-linecap:round;stroke-linejoin:round" transform="rotate(-90)" r="167.918" cy="920" cx="-177.024"/><path d="M1066.665 147.981a31.507 31.507 0 0 1 28.6 18.378 23.632 23.632 0 0 1 10.777-2.627c12.428.017 22.72 9.654 23.547 22.055h.08c8.7 0 15.75 7.051 15.75 15.75 0 8.7-7.051 15.751-15.75 15.751h-88.206a18.902 18.902 0 0 1-18.902-18.9 18.902 18.902 0 0 1 12.657-17.82 33.124 33.124 0 0 1-.056-1.082c0-17.398 14.103-31.502 31.502-31.502z" style="fill:url(#f);stroke-width:.577558"/><g transform="matrix(3.5493 0 0 3.33678 734.141 -542.119)" clip-path="url(#g)"><path transform="translate(-8 156)" d="M73 21c-18.502 0-33.5 14.998-33.5 33.5.008 7.371 3.5 14.422 6.94 20.379L58 98h30l11.605-23.21c3.395-5.88 6.88-12.955 6.895-20.29C106.5 35.998 91.502 21 73 21z" style="fill:url(#h);marker:none" fill="url(#f)"/><path d="M64 177s-18.332 12.132-18.332 30.989C45.668 222.56 61.842 254 61.842 254H67s1.333-31.44 1.333-46.011C68.333 189.132 64 177 64 177z" fill="url(#g)" style="fill:url(#i);fill-opacity:1"/><path transform="translate(-8 156)" d="M71.983 21.106c-8.207.147-16.328 3.285-22.5 8.695-6.174 5.409-10.35 13.047-11.574 21.163-1.24 8.225.567 16.874 4.995 23.915L61.902 98h6.432L55.002 81.27c-4.3-5.395-8.472-11.07-10.596-17.634-2.123-6.564-2.166-13.8.003-20.348A32.824 32.824 0 0 1 54.925 28.13a32.824 32.824 0 0 1 17.058-7.025z" fill="url(#h)" style="fill:url(#j);fill-opacity:1"/><path transform="matrix(-1 0 0 1 137.16 155.823)" d="M73.003 21.303c-7.709-1.547-15.97-.154-22.746 3.835-6.776 3.989-12.002 10.537-14.39 18.029a32.484 32.484 0 0 0-.757 16.805 32.484 32.484 0 0 0 7.794 14.907L54.11 98h13.383L54.16 74.356c-2.868-5.087-5.557-10.406-6.427-16.181-.87-5.775.036-11.771 2.374-17.123 4.173-9.55 12.836-17.022 22.895-19.748z" fill="url(#i)" style="fill:url(#k);fill-opacity:1"/></g><path style="marker:none" d="M271.06 256.221v19.397a9.702 9.702 0 0 0 9.725 9.726h26.326c5.388 0 8.594-4.457 9.725-9.726v-19.397z" fill="#e5a50a" transform="translate(630.59 26.38) scale(1.13712)"/><path style="marker:none" d="M271.06 252.06v19.397a9.702 9.702 0 0 0 9.725 9.724h26.326c5.388 0 8.594-4.455 9.725-9.724V252.06z" fill="#e5a50a" transform="translate(630.59 26.38) scale(1.13712)"/><path style="marker:none" d="M300.19 252.06v29.121h6.92c5.389 0 8.595-4.455 9.726-9.724V252.06z" fill="#f3af0b" transform="translate(630.59 26.38) scale(1.13712)"/><path style="font-variation-settings:normal;fill:url(#l);fill-opacity:1;stroke-width:.822282" d="M1051.058 24.012a37.112 37.112 0 0 0-36.947 35.12 27.77 27.77 0 0 0-23.457 27.495 27.776 27.776 0 0 0 27.837 27.836h72.327a21.484 21.484 0 0 0 21.532-21.53 21.485 21.485 0 0 0-21.532-21.533h-3.986a37.112 37.112 0 0 0 1.45-10.276 37.112 37.112 0 0 0-37.111-37.112 37.112 37.112 0 0 0-.113 0z"/><path d="M803.486 82.893a30.932 30.932 0 0 0-28.08 18.043 23.2 23.2 0 0 0-10.58-2.58c-12.201.018-22.306 9.478-23.117 21.653h-.079c-8.54 0-15.463 6.923-15.463 15.463s6.923 15.464 15.463 15.464h86.597a18.557 18.557 0 0 0 18.557-18.556 18.557 18.557 0 0 0-12.426-17.494 32.52 32.52 0 0 0 .055-1.063c0-17.08-13.846-30.927-30.928-30.927z" style="fill:url(#m);fill-opacity:1;stroke-width:.999999"/></g></svg> (uuay)toggle-off-prussiangreen.svg P <svg width="48" height="26" xmlns="http://www.w3.org/2000/svg"><rect style="fill:#bababa;fill-opacity:1;stroke:none;stroke-width:1;marker:none" width="48" height="26" x="-48" ry="13" fill="#3081e3" rx="13" transform="scale(-1 1)"/><rect ry="11" rx="11" y="3" x="-24" height="22" width="22" style="fill:#000;fill-opacity:.2;stroke:none;stroke-width:.999999;marker:none" fill="#f8f7f7" transform="scale(-1 1)"/><rect ry="11" rx="11" y="2" x="-24" height="22" width="22" style="fill:#fff;fill-opacity:1;stroke:none;stroke-width:.999999;marker:none" fill="#f8f7f7" transform="scale(-1 1)"/></svg> (uuay)gnome-shell-bark-dark.css � /* This stylesheet is generated, DO NOT EDIT */ /* Copyright 2009, 2015 Red Hat, Inc. * * Portions adapted from Mx's data/style/default.css * Copyright 2009 Intel Corporation * * This program is free software; you can redistribute it and/or modify it * under the terms and conditions of the GNU Lesser General Public License, * version 2.1, as published by the Free Software Foundation. * * This program is distributed in the hope it will be useful, but WITHOUT ANY * WARRANTY; without even the implied warranty of MERCHANTABILITY or FITNESS * FOR A PARTICULAR PURPOSE. See the GNU Lesser General Public License for * more details. * * You should have received a copy of the GNU Lesser General Public License * along with this program; if not, write to the Free Software Foundation, * Inc., 51 Franklin St - Fifth Floor, Boston, MA 02110-1301 USA. */ /* Global Values */ stage { font-size: 11pt; color: #F7F7F7; } /* Common Stylings */ .screenshot-ui-panel, .workspace-switcher, .switcher-list, .resize-popup, .osd-monitor-label, .osd-window { color: #eeeeec; background-color: rgba(29, 29, 29, 0.975); border: 1px solid #464646; border-radius: 999px; padding: 12px; box-shadow: 0 3px 9px 1px rgba(0, 0, 0, 0.5); } .workspace-thumbnails .workspace-thumbnail { color: #eeeeec; background-color: rgba(238, 238, 236, 0.1); } .app-well-app.app-folder .overview-icon, .app-folder.grid-search-result .overview-icon, .app-well-app .overview-icon, .grid-search-result .overview-icon, .dash-item-container .show-apps .overview-icon, .list-search-result, .search-provider-icon, .switcher-list .item-box { border-radius: 12px; padding: 6px; spacing: 6px; border: 2px solid transparent; transition-duration: 100ms; text-align: center; color: #eeeeec; } .modal-dialog { color: #F7F7F7; background-color: #1d1d1d; border-radius: 8.5px; border: 1px solid rgba(247, 247, 247, 0.15); } #LookingGlassDialog > #Toolbar .lg-toolbar-button, .pad-osd-window .button, .button, .app-folder-dialog .folder-name-container .edit-folder-button { border-radius: 4px; border-style: solid; border-width: 1px; font-weight: bold; padding: 3px 24px; color: #F7F7F7; background-color: #2c2c2c; } #LookingGlassDialog > #Toolbar .lg-toolbar-button:focus, .button:focus, .app-folder-dialog .folder-name-container .edit-folder-button:focus { color: #F7F7F7; background-color: #2c2c2c; box-shadow: inset 0 0 0 2px #9d9d7b; } #LookingGlassDialog > #Toolbar .lg-toolbar-button:focus:hover, .button:focus:hover, .app-folder-dialog .folder-name-container .edit-folder-button:focus:hover { background-color: #343434; box-shadow: inset 0 0 0 2px #9d9d7b; } #LookingGlassDialog > #Toolbar .lg-toolbar-button:focus:active, .button:focus:active, .app-folder-dialog .folder-name-container .edit-folder-button:focus:active { background-color: #3b3b3b; box-shadow: inset 0 0 0 2px #9d9d7b; } #LookingGlassDialog > #Toolbar .lg-toolbar-button:hover, .button:hover, .app-folder-dialog .folder-name-container .edit-folder-button:hover { color: #F7F7F7; background-color: #343434; } #LookingGlassDialog > #Toolbar .lg-toolbar-button:insensitive, .button:insensitive, .app-folder-dialog .folder-name-container .edit-folder-button:insensitive { color: rgba(247, 247, 247, 0.5); background-color: rgba(247, 247, 247, 0.05); } #LookingGlassDialog > #Toolbar .lg-toolbar-button:active, .button:active, .app-folder-dialog .folder-name-container .edit-folder-button:active { color: #F7F7F7; background-color: #3b3b3b; } #LookingGlassDialog > #Toolbar .lg-toolbar-button:checked, .button:checked, .app-folder-dialog .folder-name-container .edit-folder-button:checked { color: #F7F7F7; background-color: #434343; } #LookingGlassDialog > #Toolbar .lg-toolbar-button:checked:hover, .button:checked:hover, .app-folder-dialog .folder-name-container .edit-folder-button:checked:hover { background-color: #4b4b4b; } #LookingGlassDialog > #Toolbar .lg-toolbar-button:checked:active, .button:checked:active, .app-folder-dialog .folder-name-container .edit-folder-button:checked:active { background-color: #525252; } .app-folder-dialog .folder-name-container .edit-folder-button { color: #F7F7F7; background-color: #2c2c2c; } .app-folder-dialog .folder-name-container .edit-folder-button:focus { color: #F7F7F7; background-color: #2c2c2c; box-shadow: inset 0 0 0 2px #9d9d7b; } .app-folder-dialog .folder-name-container .edit-folder-button:focus:hover { background-color: #343434; box-shadow: inset 0 0 0 2px #9d9d7b; } .app-folder-dialog .folder-name-container .edit-folder-button:focus:active { background-color: #3b3b3b; box-shadow: inset 0 0 0 2px #9d9d7b; } .app-folder-dialog .folder-name-container .edit-folder-button:hover { color: #F7F7F7; background-color: #343434; } .app-folder-dialog .folder-name-container .edit-folder-button:insensitive { color: rgba(247, 247, 247, 0.5); background-color: rgba(247, 247, 247, 0.05); } .app-folder-dialog .folder-name-container .edit-folder-button:active { color: #F7F7F7; background-color: #3b3b3b; } .app-folder-dialog .folder-name-container .edit-folder-button:checked { color: #F7F7F7; background-color: #434343; } .app-folder-dialog .folder-name-container .edit-folder-button:checked:hover { background-color: #4b4b4b; } .app-folder-dialog .folder-name-container .edit-folder-button:checked:active { background-color: #525252; } .modal-dialog .modal-dialog-linked-button, .hotplug-notification-item, .notification-banner .notification-button { padding: 12px; color: #F7F7F7; background-color: #2c2c2c; } .modal-dialog .modal-dialog-linked-button:ltr, .hotplug-notification-item:ltr, .notification-banner .notification-button:ltr { margin-right: 1px; } .modal-dialog .modal-dialog-linked-button:rtl, .hotplug-notification-item:rtl, .notification-banner .notification-button:rtl { margin-left: 1px; } .modal-dialog .modal-dialog-linked-button:insensitive, .hotplug-notification-item:insensitive, .notification-banner .notification-button:insensitive { color: rgba(247, 247, 247, 0.5); background-color: rgba(247, 247, 247, 0.05); } .modal-dialog .modal-dialog-linked-button:focus, .hotplug-notification-item:focus, .notification-banner .notification-button:focus { color: #F7F7F7; background-color: #2c2c2c; box-shadow: inset 0 0 0 2px #9d9d7b; } .modal-dialog .modal-dialog-linked-button:focus:hover, .hotplug-notification-item:focus:hover, .notification-banner .notification-button:focus:hover { background-color: #343434; box-shadow: inset 0 0 0 2px #9d9d7b; } .modal-dialog .modal-dialog-linked-button:focus:active, .hotplug-notification-item:focus:active, .notification-banner .notification-button:focus:active { background-color: #3b3b3b; box-shadow: inset 0 0 0 2px #9d9d7b; } .modal-dialog .modal-dialog-linked-button:hover, .hotplug-notification-item:hover, .notification-banner .notification-button:hover { color: #F7F7F7; background-color: #343434; } .modal-dialog .modal-dialog-linked-button:active, .hotplug-notification-item:active, .notification-banner .notification-button:active { color: #F7F7F7; background-color: #3b3b3b; } .modal-dialog .modal-dialog-linked-button:first-child:ltr, .hotplug-notification-item:first-child:ltr, .notification-banner .notification-button:first-child:ltr { border-radius: 0 0 0 7.5px; } .modal-dialog .modal-dialog-linked-button:last-child:ltr, .hotplug-notification-item:last-child:ltr, .notification-banner .notification-button:last-child:ltr { border-radius: 0 0 7.5px 0; margin-right: 0 !important; } .modal-dialog .modal-dialog-linked-button:first-child:rtl, .hotplug-notification-item:first-child:rtl, .notification-banner .notification-button:first-child:rtl { border-radius: 0 0 7.5px 0; margin-left: 0 !important; } .modal-dialog .modal-dialog-linked-button:last-child:rtl, .hotplug-notification-item:last-child:rtl, .notification-banner .notification-button:last-child:rtl { border-radius: 0 0 0 7.5px; margin-right: 0 !important; } .modal-dialog .modal-dialog-linked-button:first-child:last-child, .hotplug-notification-item:first-child:last-child, .notification-banner .notification-button:first-child:last-child { border-radius: 0 0 7.5px 7.5px !important; margin-left: 0 !important; margin-right: 0 !important; } .screenshot-ui-show-pointer-button, .screenshot-ui-type-button { background-color: transparent; background-color: none; } .screenshot-ui-show-pointer-button:insensitive, .screenshot-ui-type-button:insensitive { color: rgba(247, 247, 247, 0.5); background-color: rgba(247, 247, 247, 0.05); background-color: transparent; color: rgba(255, 255, 255, 0.5); } .screenshot-ui-show-pointer-button:insensitive, .screenshot-ui-type-button:insensitive { background-color: transparent; background-color: none; } .screenshot-ui-show-pointer-button:insensitive:insensitive, .screenshot-ui-type-button:insensitive:insensitive { color: rgba(247, 247, 247, 0.5); background-color: rgba(247, 247, 247, 0.05); background-color: transparent; color: rgba(255, 255, 255, 0.5); } .screenshot-ui-show-pointer-button:focus, .screenshot-ui-type-button:focus { color: #eeeeec; background-color: rgba(44, 44, 44, 0.97675); box-shadow: inset 0 0 0 2px #9d9d7b; } .screenshot-ui-show-pointer-button:focus:hover, .screenshot-ui-type-button:focus:hover { background-color: rgba(52, 52, 52, 0.97675); box-shadow: inset 0 0 0 2px #9d9d7b; } .screenshot-ui-show-pointer-button:focus:active, .screenshot-ui-type-button:focus:active { background-color: rgba(59, 59, 59, 0.97675); box-shadow: inset 0 0 0 2px #9d9d7b; } .screenshot-ui-show-pointer-button:hover, .screenshot-ui-type-button:hover { color: #eeeeec; background-color: rgba(52, 52, 52, 0.97675); } .screenshot-ui-show-pointer-button:active, .screenshot-ui-type-button:active { color: #eeeeec; background-color: rgba(59, 59, 59, 0.97675); } .screenshot-ui-show-pointer-button:outlined, .screenshot-ui-type-button:outlined, .screenshot-ui-show-pointer-button:checked, .screenshot-ui-type-button:checked { color: #eeeeec; background-color: rgba(67, 67, 67, 0.97675); } .screenshot-ui-show-pointer-button:outlined:hover, .screenshot-ui-type-button:outlined:hover, .screenshot-ui-show-pointer-button:checked:hover, .screenshot-ui-type-button:checked:hover { background-color: rgba(75, 75, 75, 0.97675); } .screenshot-ui-show-pointer-button:outlined:active, .screenshot-ui-type-button:outlined:active, .screenshot-ui-show-pointer-button:checked:active, .screenshot-ui-type-button:checked:active { background-color: rgba(82, 82, 82, 0.97675); } /* General Typography */ .app-folder-dialog .folder-name-container .folder-name-label, .app-folder-dialog .folder-name-container .folder-name-entry, .search-statustext { font-weight: 800; font-size: 20pt; } .lg-debug-flags-header, .message-dialog-content .message-dialog-title, .message-list .message-list-placeholder, .datemenu-today-button .date-label { font-weight: 800; font-size: 15pt; } .nm-dialog-airplane-headline { font-weight: 700; font-size: 15pt; } .message-dialog-content .message-dialog-title.lightweight, .headline { font-weight: 700; font-size: 13pt; } .lg-extension-name, .osd-window, .nm-dialog-header, .dialog-list .dialog-list-title, .message-list-controls, .weather-button .weather-forecast-temp, .weather-button .weather-header, .world-clocks-button .world-clocks-time, .world-clocks-button .world-clocks-header, .events-button .events-title, .calendar .calendar-month-header .calendar-month-label, .datemenu-today-button .day-label, .popup-menu-ornament { font-weight: 700; font-size: 11pt; } .app-menu .popup-inactive-menu-item:first-child > StLabel { font-weight: 700; font-size: 9pt; } .login-dialog-not-listed-label, .lg-completions-text, .caps-lock-warning-label, #dash, .icon-label-button-container, .prompt-dialog-error-label, .prompt-dialog-info-label, .prompt-dialog-null-label, .run-dialog .run-dialog-description, .dialog-list .dialog-list-box .dialog-list-item .dialog-list-item-description, .weather-button .weather-forecast-time, .world-clocks-button .world-clocks-timezone, .events-button .event-time { font-weight: 400; font-size: 9pt; } .calendar .calendar-day-base.calendar-day-heading, .calendar .calendar-day-base { font-weight: 400; font-size: 8pt; } .unlock-dialog-clock-time, #panel, .weather-button .weather-forecast-time, .world-clocks-button .world-clocks-timezone, .world-clocks-button .world-clocks-time, .events-button .event-time, .calendar .calendar-day-base { font-feature-settings: "tnum"; } /* WIDGETS */ .shell-link { color: #aaaa8d; } .shell-link:hover { color: #c0c0aa; } .lowres-icon { icon-shadow: 0 1px 2px rgba(0, 0, 0, 0.3); } .icon-dropshadow { icon-shadow: 0 1px 5px rgba(0, 0, 0, 0.8); } /* Entries */ StEntry { min-height: 22px; border-radius: 6px; padding: 8px; border-width: 1px; color: #F7F7F7; background-color: #1d1d1d; color: rgba(247, 247, 247, 0.7); border: 1px solid #464646; selection-background-color: #787859; selected-color: #FFFFFF; } StEntry:hover { background-color: #1d1d1d; border-color: #535353; color: #F7F7F7; } StEntry:focus { background-color: #1d1d1d; border-color: #9d9d7b; box-shadow: 0 0 0 1px #9d9d7b inset; color: #F7F7F7; } StEntry:insensitive { background-color: #2c2c2c; border-color: #2c2c2c; color: #8a8a8a; } StEntry StIcon.capslock-warning { icon-size: 16px; warning-color: #f99b11; padding: 0 4px; } StEntry StIcon.peek-password { icon-size: 1.09em; padding: 0 4px; } StEntry StLabel.hint-text { margin-left: 2px; color: rgba(247, 247, 247, 0.7); } /* Buttons */ .button { min-height: 22px; } /* Check Boxes */ .check-box StBoxLayout { spacing: .8em; } .check-box StBin { width: 24px; height: 22px; background-image: url("resource:///org/gnome/shell/theme/checkbox-off-bark-dark.svg"); } .check-box:focus StBin { background-image: url("resource:///org/gnome/shell/theme/checkbox-off-focused-bark-dark.svg"); } .check-box:checked StBin { background-image: url("resource:///org/gnome/shell/theme/checkbox-bark-dark.svg"); } .check-box:focus:checked StBin { background-image: url("resource:///org/gnome/shell/theme/checkbox-focused-bark-dark.svg"); } /* Switches */ .toggle-switch { color: #F7F7F7; height: 26px; width: 48px; background-size: contain; background-image: url("resource:///org/gnome/shell/theme/toggle-off-bark-dark.svg"); } .toggle-switch:checked { background-image: url("resource:///org/gnome/shell/theme/toggle-on-bark-dark.svg"); } /* Slider */ .slider { -barlevel-height: 4px; -barlevel-background-color: rgba(247, 247, 247, 0.2); -barlevel-border-width: 2px; -barlevel-border-color: transparent; -barlevel-active-background-color: #787859; -barlevel-active-border-color: transparent; -barlevel-overdrive-color: #991121; -barlevel-overdrive-border-color: transparent; -barlevel-overdrive-separator-width: 1px; -slider-handle-border-width: 0; -slider-handle-border-color: transparent; -slider-handle-radius: 8px; color: #fcfcfc; height: 16px; } /* Scrollbars */ StScrollView.vfade { -st-vfade-offset: 68px; } StScrollView.hfade { -st-hfade-offset: 68px; } StScrollBar { padding: 0; } StScrollView StScrollBar { min-width: 8px; min-height: 8px; } StScrollBar StBin#trough { border-radius: 0; background-color: transparent; } StScrollBar StButton#vhandle, StScrollBar StButton#hhandle { border-radius: 8px; background-color: #5e5e5e; border: 3px solid transparent; transition: 500ms all ease; } StScrollBar StButton#vhandle:hover, StScrollBar StButton#hhandle:hover { background-color: #8a8a8a; } StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { background-color: #747474; } /* Popovers/Menus */ .popup-menu-boxpointer, .candidate-popup-boxpointer { -arrow-rise: 6px; } .popup-menu { min-width: 15em; color: #F7F7F7; } .popup-menu.panel-menu { margin-bottom: 1.75em; } .popup-menu-content, .candidate-popup-content { padding: 6px; border-radius: 10px; border: 1px solid rgba(247, 247, 247, 0.15); box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.1); background-color: #1d1d1d; } .popup-menu-item { padding: 9px 12px; border-radius: 6px; spacing: 6px; transition: 0.2s all ease; background-color: transparent; } .popup-menu-item:ltr { padding-left: 6px; } .popup-menu-item:rtl { padding-right: 6px; } .popup-menu-item:focus, .popup-menu-item:hover { background-color: rgba(247, 247, 247, 0.1) !important; } .popup-menu-item:focus:active, .popup-menu-item:hover:active { background-color: rgba(247, 247, 247, 0.2) !important; } .popup-menu-item:checked { background-color: #343434 !important; } .popup-menu-item:checked { margin-bottom: 0; box-shadow: inset 0 -1px 0 0 #272727; border-radius: 6px 6px 0 0; } .popup-menu-item:checked:focus, .popup-menu-item:checked:hover { background-color: #434343 !important; } .popup-menu-item:checked:active { background-color: #4b4b4b !important; } .popup-menu-item:active { background-color: #4b4b4b; color: #efefef; } .popup-menu-item:insensitive { color: rgba(247, 247, 247, 0.5); } .popup-menu-item .toggle-switch:ltr { margin-left: 4px; } .popup-menu-item .toggle-switch:rtl { margin-right: 4px; } .popup-inactive-menu-item { color: #F7F7F7; } .popup-inactive-menu-item:insensitive { color: #8a8a8a; } .popup-menu-arrow, .popup-menu-icon { icon-size: 16px !important; } .popup-sub-menu { background-color: #343434; border-radius: 0 0 6px 6px; } .popup-sub-menu .popup-menu-ornament { min-width: 1.09em !important; } .popup-sub-menu .popup-menu-item { border-radius: 0; margin: 0; } .popup-sub-menu .popup-menu-item:last-child { border-radius: 0 0 6px 6px; } .popup-sub-menu .popup-menu-item:focus, .popup-sub-menu .popup-menu-item:hover { background-color: rgba(255, 255, 255, 0.1) !important; } .popup-sub-menu .popup-menu-item:checked { background-color: #4e4e4e !important; } .popup-sub-menu .popup-menu-item:checked:focus, .popup-sub-menu .popup-menu-item:checked:hover { background-color: #484848 !important; } .popup-sub-menu .popup-menu-item:active { background-color: rgba(255, 255, 255, 0.2) !important; } .popup-sub-menu .popup-menu-section .popup-menu-item:last-child:hover, .popup-sub-menu .popup-menu-section .popup-menu-item:last-child:focus { border-radius: 0; } .popup-sub-menu .popup-menu-section:last-child .popup-menu-item:last-child { border-radius: 0 0 6px 6px; } .popup-menu-ornament { width: 1.2em; text-align: center !important; } .popup-menu-ornament:ltr { text-align: right; } .popup-menu-ornament:rtl { text-align: left; } .popup-separator-menu-item { margin: 6px 0; padding: 0 !important; } .popup-separator-menu-item:ltr { margin-right: 4px; } .popup-separator-menu-item:rtl { margin-left: 4px; } .popup-separator-menu-item .popup-separator-menu-item-separator { height: 1px; background-color: #464646; } .popup-separator-menu-item .popup-menu-ornament { width: 0 !important; } .popup-sub-menu .popup-separator-menu-item { background-color: transparent; } .popup-sub-menu .popup-separator-menu-item:ltr { margin-right: 2.5em; } .popup-sub-menu .popup-separator-menu-item:rtl { margin-left: 2.5em; } .popup-sub-menu .popup-separator-menu-item .popup-separator-menu-item-separator { background-color: #585858; } .background-menu { -boxpointer-gap: 0px; -arrow-rise: 0px; } .aggregate-menu { min-width: 22em; } .aggregate-menu .popup-menu-ornament { width: 0 !important; } .aggregate-menu .popup-menu-icon { -st-icon-style: symbolic; } .aggregate-menu .popup-menu-icon:ltr { margin-right: 8px; } .aggregate-menu .popup-menu-icon:rtl { margin-left: 8px; } .aggregate-menu .popup-sub-menu .popup-menu-item > :first-child:ltr { margin-left: 1em; } .aggregate-menu .popup-sub-menu .popup-menu-item > :first-child:rtl { margin-right: 1em; } .app-menu { max-width: 27.25em; } .app-menu .popup-menu-ornament { width: 0 !important; } .app-menu .popup-inactive-menu-item:first-child > StLabel:ltr { margin-right: 8px; } .app-menu .popup-inactive-menu-item:first-child > StLabel:rtl { margin-left: 8px; } /* Date/Time Menu */ #calendarArea { padding: 4px; } .datemenu-calendar-column { spacing: 6px; } .datemenu-calendar-column:ltr { padding-left: 6px; } .datemenu-calendar-column:rtl { padding-right: 6px; } .datemenu-calendar-column .datemenu-displays-box { spacing: 6px; } /* today button (the date) */ .datemenu-today-button { border-radius: 6px; margin: 4px; box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.1); background-color: transparent; background-color: none; box-shadow: none !important; padding: 9px; } .datemenu-today-button:insensitive { color: rgba(247, 247, 247, 0.5); background-color: rgba(247, 247, 247, 0.05); background-color: transparent; color: rgba(255, 255, 255, 0.5); } .datemenu-today-button:focus { color: #F7F7F7; background-color: #2c2c2c; box-shadow: inset 0 0 0 2px #9d9d7b; } .datemenu-today-button:focus:hover { background-color: #343434; box-shadow: inset 0 0 0 2px #9d9d7b; } .datemenu-today-button:focus:active { background-color: #3b3b3b; box-shadow: inset 0 0 0 2px #9d9d7b; } .datemenu-today-button:hover { color: #F7F7F7; background-color: #343434; } .datemenu-today-button:active { color: #F7F7F7; background-color: #3b3b3b; } .datemenu-today-button:insensitive .day-label, .datemenu-today-button:insensitive .date-label { color: #8a8a8a; } /* Calendar */ .calendar { border-radius: 6px; margin: 4px; box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.1); background-color: transparent; background-color: none; box-shadow: none !important; margin-top: 0; } .calendar:insensitive { color: rgba(247, 247, 247, 0.5); background-color: rgba(247, 247, 247, 0.05); background-color: transparent; color: rgba(255, 255, 255, 0.5); } .calendar:focus { color: #F7F7F7; background-color: #2c2c2c; box-shadow: inset 0 0 0 2px #9d9d7b; } .calendar:focus:hover { background-color: #343434; box-shadow: inset 0 0 0 2px #9d9d7b; } .calendar:focus:active { background-color: #3b3b3b; box-shadow: inset 0 0 0 2px #9d9d7b; } .calendar:hover { color: #F7F7F7; background-color: #343434; } .calendar:active { color: #F7F7F7; background-color: #3b3b3b; } .calendar .calendar-month-header .calendar-change-month-back StIcon, .calendar .calendar-month-header .calendar-change-month-forward StIcon { icon-size: 1.09em; } .calendar .calendar-month-header .calendar-month-label { color: white; padding: 8px 0; } .calendar .calendar-month-header .pager-button { background-color: transparent; height: 32px; width: 32px; margin: 2px; border-radius: 4px; } .calendar .calendar-month-header .pager-button:hover, .calendar .calendar-month-header .pager-button:focus { background-color: rgba(247, 247, 247, 0.1); } .calendar .calendar-month-header .pager-button:active { background-color: rgba(247, 247, 247, 0.2); } .calendar .calendar-day-base { text-align: center; margin: 2px; padding: 0 !important; height: 3em !important; width: 3em !important; border-radius: 99px; } .calendar .calendar-day-base:hover { background-color: rgba(247, 247, 247, 0.1); } .calendar .calendar-day-base:focus { background-color: #2f2f29; box-shadow: inset 0 0 0 2px rgba(120, 120, 89, 0.6); } .calendar .calendar-day-base:active, .calendar .calendar-day-base:selected { color: #efefef; background-color: rgba(247, 247, 247, 0.2); } .calendar .calendar-day-base:active:focus, .calendar .calendar-day-base:selected:focus { background-color: rgba(159, 159, 138, 0.36); } .calendar .calendar-day-base.calendar-day-heading { color: #8a8a8a; padding-top: 6px; height: 16px !important; font-weight: bold; } .calendar .calendar-nonwork-day { color: #8a8a8a; } .calendar .calendar-other-month-day { color: rgba(247, 247, 247, 0.5); } .calendar .calendar-other-month-day.calendar-nonwork-day { color: rgba(138, 138, 138, 0.5); } .calendar .calendar-today { background-color: #787859; font-weight: 800; color: #FFFFFF !important; } .calendar .calendar-today:hover, .calendar .calendar-today:focus { background-color: #818160; color: inherit; } .calendar .calendar-today:active, .calendar .calendar-today:selected { background-color: #787859; color: inherit; } .calendar .calendar-today:active:hover, .calendar .calendar-today:active:focus, .calendar .calendar-today:selected:hover, .calendar .calendar-today:selected:focus { background-color: #818160; color: inherit; } .calendar .calendar-day-with-events { background-image: url("resource:///org/gnome/shell/theme/calendar-today.svg"); background-size: contain; } .calendar .calendar-week-number { font-size: 7pt; font-weight: bold; font-feature-settings: "tnum"; margin: 6px; padding: 0 6px; border-radius: 3px; background-color: #181818; color: #8a8a8a; } /* Events */ .events-button { border-radius: 6px; margin: 4px; box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.1); color: #F7F7F7; background-color: #2c2c2c; padding: 12px; } .events-button:focus { color: #F7F7F7; background-color: #2c2c2c; box-shadow: inset 0 0 0 2px #9d9d7b; } .events-button:focus:hover { background-color: #343434; box-shadow: inset 0 0 0 2px #9d9d7b; } .events-button:focus:active { background-color: #3b3b3b; box-shadow: inset 0 0 0 2px #9d9d7b; } .events-button:hover { color: #F7F7F7; background-color: #343434; } .events-button:active { color: #F7F7F7; background-color: #3b3b3b; } .events-button .events-box { spacing: 6px; } .events-button .events-list { spacing: 12px; } .events-button .events-title { color: #8a8a8a; margin-bottom: 4px; } .events-button .event-time { color: #8a8a8a; } /* World clocks */ .world-clocks-button { border-radius: 6px; margin: 4px; box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.1); color: #F7F7F7; background-color: #2c2c2c; padding: 12px; } .world-clocks-button:focus { color: #F7F7F7; background-color: #2c2c2c; box-shadow: inset 0 0 0 2px #9d9d7b; } .world-clocks-button:focus:hover { background-color: #343434; box-shadow: inset 0 0 0 2px #9d9d7b; } .world-clocks-button:focus:active { background-color: #3b3b3b; box-shadow: inset 0 0 0 2px #9d9d7b; } .world-clocks-button:hover { color: #F7F7F7; background-color: #343434; } .world-clocks-button:active { color: #F7F7F7; background-color: #3b3b3b; } .world-clocks-button .world-clocks-grid { spacing-rows: 6px; spacing-columns: 12px; } .world-clocks-button .world-clocks-header { color: #8a8a8a; } .world-clocks-button .world-clocks-city { color: #F7F7F7; } .world-clocks-button .world-clocks-time { color: #F7F7F7; } .world-clocks-button .world-clocks-time:ltr { text-align: right; } .world-clocks-button .world-clocks-time:rtl { text-align: left; } .world-clocks-button .world-clocks-timezone { color: #8a8a8a; } /* Weather */ .weather-button { border-radius: 6px; margin: 4px; box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.1); color: #F7F7F7; background-color: #2c2c2c; padding: 12px; } .weather-button:focus { color: #F7F7F7; background-color: #2c2c2c; box-shadow: inset 0 0 0 2px #9d9d7b; } .weather-button:focus:hover { background-color: #343434; box-shadow: inset 0 0 0 2px #9d9d7b; } .weather-button:focus:active { background-color: #3b3b3b; box-shadow: inset 0 0 0 2px #9d9d7b; } .weather-button:hover { color: #F7F7F7; background-color: #343434; } .weather-button:active { color: #F7F7F7; background-color: #3b3b3b; } .weather-button .weather-box { spacing: 10px; } .weather-button .weather-header-box { spacing: 6px; } .weather-button .weather-header { color: #8a8a8a; } .weather-button .weather-header.location { font-weight: normal; } .weather-button .weather-grid { spacing-rows: 6px; spacing-columns: 12px; } .weather-button .weather-forecast-time { color: #ababab; padding-top: 0.2em; padding-bottom: 0.4em; } .weather-button .weather-forecast-icon { icon-size: 2.18em; } /* Message List */ .message-list { width: 29em; border: solid #464646; } .message-list:ltr { margin-left: 0; margin-right: 4px; padding-right: 6px; border-right-width: 1px; } .message-list:rtl { margin-right: 0; margin-left: 4px; padding-left: 6px; border-left-width: 1px; } .message-list .message-list-placeholder { color: rgba(138, 138, 138, 0.5); } .message-list .message-list-placeholder > StIcon { icon-size: 3.27em; margin-bottom: 12px; -st-icon-style: symbolic; } .message-list-sections { spacing: 6px; margin: 0; padding-bottom: 6px; } .message-list-sections:ltr { margin-right: 12px; } .message-list-sections:rtl { margin-left: 12px; } .message-list-section, .message-list-section-list { spacing: 6px; } .message-list-controls { padding: 6px; spacing: 6px; } .message-list-controls .dnd-button { border-width: 2px; border-color: transparent; border-radius: 32px; border-style: solid; } .message-list-controls .dnd-button:focus { border-color: #9d9d7b; } .message { border-radius: 6px; margin: 4px; box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.1); color: #F7F7F7; background-color: #2c2c2c; } .message:focus { color: #F7F7F7; background-color: #2c2c2c; box-shadow: inset 0 0 0 2px #9d9d7b; } .message:focus:hover { background-color: #343434; box-shadow: inset 0 0 0 2px #9d9d7b; } .message:focus:active { background-color: #3b3b3b; box-shadow: inset 0 0 0 2px #9d9d7b; } .message:hover { color: #F7F7F7; background-color: #343434; } .message:active { color: #F7F7F7; background-color: #3b3b3b; } .message .message-icon-bin { padding: 18px; } .message .message-icon-bin:ltr { padding-right: 6px; } .message .message-icon-bin:rtl { padding-left: 6px; } .message .message-icon-bin > StIcon { icon-size: 2.18em; -st-icon-style: symbolic; } .message .message-icon-bin > .fallback-app-icon { width: 1.09em; height: 1.09em; } .message .message-content { spacing: 4px; padding: 9px; margin-bottom: 8px; } .message .message-title { font-weight: bold; /* HACK: the label should be baseline-aligned with a 1em label, fake this with some bottom padding */ padding-top: 0.57em; } .message .message-secondary-bin { padding: 0 8px; } .message .message-secondary-bin > .event-time { color: rgba(247, 247, 247, 0.5); font-size: 9pt; /* HACK: the label should be baseline-aligned with a 1em label, fake this with some bottom padding */ padding-bottom: 0.13em; } .message .message-secondary-bin > .event-time:ltr { text-align: right; } .message .message-secondary-bin > .event-time:rtl { text-align: left; } .message .message-close-button { color: #F7F7F7; background-color: rgba(247, 247, 247, 0.1); border-radius: 99px; padding: 5px; margin: 1px; } .message .message-close-button:hover { background-color: rgba(247, 247, 247, 0.2); } .message .message-close-button:active { background-color: rgba(247, 247, 247, 0.1); } .message .message-body { color: #dedede; } .url-highlighter { link-color: #aaaa8d; } /* Media Controls */ .message-media-control { padding: 0 18px; margin: 12px 0; border-radius: 6px; color: #F7F7F7; } .message-media-control:hover { background-color: rgba(255, 255, 255, 0.1); color: #F7F7F7; } .message-media-control:active { background-color: rgba(247, 247, 247, 0.2); color: #F7F7F7; } .message-media-control:insensitive { color: #979797; } .message-media-control:last-child:ltr { margin-right: 12px; } .message-media-control:last-child:rtl { margin-left: 12px; } .media-message-cover-icon { icon-size: 3.27em !important; border-radius: 6px; } .media-message-cover-icon.fallback { color: #cccccc; background-color: #1d1d1d; border: 1px solid transparent; border-radius: 6px; icon-size: 2.18em !important; padding: 14px; } .candidate-popup-content { padding: 6px; spacing: 6px; } .candidate-index { padding: 0; padding-right: 6px; color: #8a8a8a; } .candidate-box { padding: 6px 12px 6px 12px; border-radius: 6px; } .candidate-box:selected { background-color: #787859; color: #FFFFFF; } .candidate-box:hover { background-color: rgba(247, 247, 247, 0.1); color: #F7F7F7; } .candidate-page-button-box { height: 2em; } .vertical .candidate-page-button-box { padding-top: 12px; } .horizontal .candidate-page-button-box { padding-left: 12px; } .candidate-page-button { padding: 6px; } .candidate-page-button-previous { border-radius: 6px 0px 0px 6px; border-right-width: 0; box-shadow: none; } .candidate-page-button-next { border-radius: 0px 6px 6px 0px; box-shadow: none; } .candidate-page-button-icon { icon-size: 1.09em; } /* Notifications & Message Tray */ .notification-banner { min-height: 64px; width: 34em; box-shadow: 0 2px 4px 2px rgba(0, 0, 0, 0.1); border-radius: 9px; margin: 4px; background-color: #1d1d1d; } .notification-banner .notification-actions { spacing: 0; } .notification-banner:hover { background-color: #222222; } .notification-banner:active { background-color: #272727; } .notification-banner, .notification-banner:hover, .notification-banner:focus, .notification-banner:active { box-shadow: 0 0 4px 2px rgba(0, 0, 0, 0.1); border: 1px solid #464646; } .summary-source-counter { font-size: 10pt; font-weight: bold; height: 1.6em; width: 1.6em; -shell-counter-overlap-x: 3px; -shell-counter-overlap-y: 3px; background-color: #787859; color: #FFFFFF; border: 2px solid #F7F7F7; box-shadow: 0 2px 2px rgba(0, 0, 0, 0.5); border-radius: 0.9em; } .chat-body { spacing: 5px; } .chat-response { margin: 5px; } .chat-log-message { color: #dedede; } .chat-new-group { padding-top: 1em; } .chat-received { padding-left: 4px; } .chat-received:rtl { padding-left: 0px; padding-right: 4px; } .chat-sent { padding-left: 18pt; color: white; } .chat-sent:rtl { padding-left: 0; padding-right: 18pt; } .chat-meta-message { padding-left: 4px; font-size: 9pt; font-weight: bold; color: white; } .chat-meta-message:rtl { padding-left: 0; padding-right: 4px; } .hotplug-notification-item-icon { icon-size: 24px; padding: 0 4px; } /* Modal Dialogs */ .modal-dialog .modal-dialog-content-box { margin: 32px 40px; spacing: 32px; max-width: 28em; } /* End Session Dialog */ .end-session-dialog { width: 30em; } .end-session-dialog .end-session-dialog-battery-warning, .end-session-dialog .dialog-list-title { color: #f99b11; } /* Message Dialog */ .message-dialog-content { spacing: 18px; } .message-dialog-content .message-dialog-title { text-align: center; } .message-dialog-content .message-dialog-description { text-align: center; } /* Dialog List */ .dialog-list { spacing: 18px; } .dialog-list .dialog-list-title { text-align: center; } .dialog-list .dialog-list-scrollview { max-height: 200px; } .dialog-list .dialog-list-box { spacing: 1em; } .dialog-list .dialog-list-box .dialog-list-item { spacing: 1em; } .dialog-list .dialog-list-box .dialog-list-item .dialog-list-item-title { font-weight: bold; } .dialog-list .dialog-list-box .dialog-list-item .dialog-list-item-description { color: #eaeaea; } /* Run Dialog */ .run-dialog .modal-dialog-content-box { margin-top: 24px; margin-bottom: 14px; } .run-dialog .run-dialog-entry { width: 20em; } .run-dialog .run-dialog-description { text-align: center; color: #c4c4c4; } /* Password or Authentication Dialog */ .prompt-dialog { width: 28em; } .prompt-dialog .modal-dialog-content-box { margin-bottom: 24px; } .prompt-dialog-password-grid { spacing-rows: 8px; spacing-columns: 4px; } .prompt-dialog-password-grid .prompt-dialog-password-entry { width: auto; } .prompt-dialog-password-grid .prompt-dialog-password-entry:ltr { margin-left: 20px; } .prompt-dialog-password-grid .prompt-dialog-password-entry:rtl { margin-right: 20px; } .prompt-dialog-password-layout { spacing: 8px; } .prompt-dialog-password-entry { width: 20em; } .prompt-dialog-error-label, .prompt-dialog-info-label, .prompt-dialog-null-label { text-align: center; } .prompt-dialog-error-label { color: #f99b11; } /* Polkit Dialog */ .polkit-dialog-user-layout { text-align: center; spacing: 8px; margin-bottom: 6px; } .polkit-dialog-user-layout .polkit-dialog-user-root-label { color: #f99b11; } /* Audio selection dialog */ .audio-device-selection-dialog .modal-dialog-content-box { margin-bottom: 28px; } .audio-device-selection-dialog .audio-selection-box { spacing: 20px; } .audio-selection-device { border-radius: 12px; } .audio-selection-device:hover, .audio-selection-device:focus { background-color: rgba(247, 247, 247, 0.1); } .audio-selection-device:active { background-color: #787859; color: #FFFFFF; } .audio-selection-device-box { padding: 20px; spacing: 20px; } .audio-selection-device-icon { icon-size: 4.36em; } /* Welcome dialog */ .welcome-dialog-image { background-image: url("resource:///org/gnome/shell/theme/gnome-shell-start.svg"); background-size: contain; /* Reasonable maximum dimensions */ height: 300px; width: 300px; } /* Select Network dialogs */ .nm-dialog { max-height: 34em; min-height: 31em; min-width: 32em; } .nm-dialog-content { spacing: 20px; padding: 24px; } .nm-dialog-subheader { color: #8a8a8a; } .nm-dialog-header-icon { icon-size: 2.18em; } .nm-dialog-header-hbox { spacing: 10px; } .nm-dialog-scroll-view { padding: 6px; border-radius: 6px; background-color: #222222; } .nm-dialog-item { padding: 12px; } .nm-dialog-item:selected { background-color: #787859; border-radius: 3px; color: #FFFFFF; } .nm-dialog-item:hover { background-color: rgba(247, 247, 247, 0.1); } .nm-dialog-icon { icon-size: 1.09em; } .nm-dialog-icons { spacing: 12px; } .no-networks-box { spacing: 6px; } .no-networks-label { color: #8a8a8a; } .nm-dialog-airplane-box { text-align: center; spacing: 12px; } .nm-dialog-airplane-text { color: #8a8a8a; } /* OSD */ .osd-window { text-align: center; font-weight: bold; spacing: 12px; padding: 12px 18px; margin-bottom: 4em; } .osd-window > * { spacing: 8px; } .osd-window StIcon { icon-size: 2.18em; } .osd-window StLabel:ltr { margin-right: 6px; } .osd-window StLabel:rtl { margin-left: 6px; } .osd-window .level { margin-bottom: 4px; height: 6px; min-width: 10.9em; -barlevel-height: 6px; -barlevel-background-color: rgba(238, 238, 236, 0.1); -barlevel-active-background-color: #eeeeec; -barlevel-overdrive-color: #991121; -barlevel-overdrive-separator-width: 3px; } .osd-window .level:first-child { margin-bottom: 0px; } .osd-window .level:ltr { margin-right: 6px; } .osd-window .level:rtl { margin-left: 6px; } .osd-monitor-label { border-radius: 12px; font-size: 3em; font-weight: bold; margin: 12px; text-align: center; min-width: 1.3em; } /* Pad OSD */ .pad-osd-window { padding: 32px; background-color: rgba(29, 29, 29, 0.975); color: #eeeeec; } .pad-osd-window .button:insensitive { color: #F7F7F7; } .pad-osd-window .pad-osd-title-box { spacing: 12px; } .pad-osd-window .pad-osd-title-menu-box { spacing: 6px; } .combo-box-label { width: 15em; } /* App Switcher */ .switcher-popup { padding: 0; spacing: 24px; } .switcher-list { padding: 10px; border-radius: 20px; box-shadow: 0 8px 8px 0 rgba(0, 0, 0, 0.1); } .switcher-list .switcher-list-item-container { spacing: 12px; } .switcher-list .item-box { background-color: transparent; } .switcher-list .item-box:hover { background-color: rgba(238, 238, 236, 0.1); } .switcher-list .item-box:selected, .switcher-list .item-box:focus { background-color: rgba(238, 238, 236, 0.13); } .switcher-list .item-box:selected:hover, .switcher-list .item-box:focus:hover { background-color: rgba(238, 238, 236, 0.16); } .switcher-list .item-box:selected:active, .switcher-list .item-box:focus:active { background-color: rgba(238, 238, 236, 0.13); } .switcher-list .item-box:active { background-color: rgba(238, 238, 236, 0.16); } .switcher-list .item-box:outlined, .switcher-list .item-box:checked { background-color: rgba(238, 238, 236, 0.19); } .switcher-list .item-box:outlined:active, .switcher-list .item-box:checked:active { background-color: rgba(238, 238, 236, 0.22); } .switcher-list .item-box:outlined:hover, .switcher-list .item-box:checked:hover { background-color: rgba(238, 238, 236, 0.25); } .switcher-list .item-box:drop { border: 2px solid rgba(120, 120, 89, 0.8); background-color: rgba(120, 120, 89, 0.2); } .switcher-list .item-box:hover { background: none; } .switcher-list .separator { width: 1px; background: #464646; } .switcher-list .thumbnail-box { padding: 2px; spacing: 6px; } .switcher-list .thumbnail { width: 256px; border-radius: 6px; } .switcher-arrow { border-color: rgba(0, 0, 0, 0); color: rgba(238, 238, 236, 0.8); } .switcher-arrow:highlighted { border-color: #eeeeec; color: #eeeeec; } .input-source-switcher-symbol { font-size: 34pt; width: 96px; height: 96px; } .cycler-highlight { border: 5px solid #787859; } /* Workspace Switcher */ .workspace-switcher { margin-bottom: 4em; spacing: 12px; padding: 12px 18px; } .ws-switcher-indicator { background-color: rgba(238, 238, 236, 0.5); padding: 0.1816666667em; margin: 0.9083333333em; border-radius: 2.18em; } .ws-switcher-indicator:active { background-color: #eeeeec; padding: 0.3633333333em; margin: 0.7266666667em; } .icon-label-button-container { spacing: 6px; } .icon-label-button-container StIcon { icon-size: 32px; } .screenshot-ui-panel { border-radius: 33px; padding: 18px; padding-bottom: 12px; margin-bottom: 4em; spacing: 12px; } .screenshot-ui-close-button { padding: 6px; } .screenshot-ui-close-button.left { margin-left: 8px; } .screenshot-ui-close-button.right { margin-right: 8px; } .screenshot-ui-type-button { padding: 12px 18px !important; border-radius: 15px; } .screenshot-ui-capture-button { width: 36px; height: 36px; border-radius: 99px; border: 4px #eeeeec; padding: 4px; } .screenshot-ui-capture-button .screenshot-ui-capture-button-circle { background-color: #eeeeec; transition-duration: 200ms; border-radius: 99px; } .screenshot-ui-capture-button .screenshot-ui-capture-button-circle:hover, .screenshot-ui-capture-button .screenshot-ui-capture-button-circle:focus { background-color: rgba(247, 247, 247, 0.1); } .screenshot-ui-capture-button:hover .screenshot-ui-capture-button-circle, .screenshot-ui-capture-button:focus .screenshot-ui-capture-button-circle { background-color: #cacac4; } .screenshot-ui-capture-button:active .screenshot-ui-capture-button-circle { background-color: #747467; } .screenshot-ui-capture-button:cast .screenshot-ui-capture-button-circle { background-color: #c7162b; } .screenshot-ui-capture-button:cast:hover .screenshot-ui-capture-button-circle, .screenshot-ui-capture-button:cast:focus .screenshot-ui-capture-button-circle { background-color: #de1930; } .screenshot-ui-capture-button:cast:active .screenshot-ui-capture-button-circle { background-color: #a71224; } .screenshot-ui-shot-cast-container { background-color: rgba(247, 247, 247, 0.1); border-radius: 12px; padding: 3px; spacing: 3px; } .screenshot-ui-shot-cast-container:ltr { margin-left: 3px; } .screenshot-ui-shot-cast-container:rtl { margin-right: 3px; } .screenshot-ui-shot-cast-button { padding: 6px 12px; background-color: transparent; border-radius: 9px; } .screenshot-ui-shot-cast-button:hover, .screenshot-ui-shot-cast-button:focus { background-color: rgba(255, 255, 255, 0.1); } .screenshot-ui-shot-cast-button:active { background-color: rgba(255, 255, 255, 0.2); } .screenshot-ui-shot-cast-button:checked { background-color: white; color: black; } .screenshot-ui-shot-cast-button StIcon { icon-size: 1.09em; } .screenshot-ui-show-pointer-button { border-radius: 99px; padding: 12px !important; } .screenshot-ui-show-pointer-button StIcon { icon-size: 1.09em; } .screenshot-ui-area-indicator-shade { background-color: rgba(0, 0, 0, 0.3); } .screenshot-ui-area-selector .screenshot-ui-area-indicator-shade { background-color: rgba(0, 0, 0, 0.5); } .screenshot-ui-area-selector .screenshot-ui-area-indicator-selection { border: 2px white; } .screenshot-ui-area-selector-handle { border-radius: 99px; background-color: white; box-shadow: 0 1px 3px 2px rgba(0, 0, 0, 0.2); width: 24px; height: 24px; } .screenshot-ui-window-selector { background-color: #222222; } .screenshot-ui-window-selector .screenshot-ui-window-selector-window-container { margin: 100px; } .screenshot-ui-window-selector:primary-monitor .screenshot-ui-window-selector-window-container { margin-bottom: 200px; } .screenshot-ui-window-selector-window-border { transition-duration: 200ms; border-radius: 12px; border: 6px transparent; } .screenshot-ui-window-selector-check { transition-duration: 200ms; color: transparent; border-radius: 99px; border-width: 12px; icon-size: 24px; } .screenshot-ui-window-selector-window:hover .screenshot-ui-window-selector-window-border { border-color: #4c4c38; } .screenshot-ui-window-selector-window:checked .screenshot-ui-window-selector-window-border { border-color: #787859; background-color: rgba(120, 120, 89, 0.2); } .screenshot-ui-window-selector-window:checked .screenshot-ui-window-selector-check { color: #FFFFFF; background-color: #787859; } .screenshot-ui-screen-selector { transition-duration: 200ms; background-color: rgba(0, 0, 0, 0.5); } .screenshot-ui-screen-selector:hover { background-color: rgba(0, 0, 0, 0.3); } .screenshot-ui-screen-selector:active { background-color: rgba(0, 0, 0, 0.7); } .screenshot-ui-screen-selector:checked { background-color: transparent; border: 2px white; } .screenshot-ui-tooltip { color: #eeeeec; background-color: rgba(29, 29, 29, 0.975); border-radius: 99px; padding: 6px 12px; text-align: center; -y-offset: 24px; } /* Top Bar */ #panel { background-color: #131313; font-weight: bold; height: 1.86em; transition-duration: 250ms; } #panel.unlock-screen, #panel.login-screen { background-color: transparent; } #panel .panel-button { font-weight: bold; color: #f2f2f2; -natural-hpadding: 12px; -minimum-hpadding: 6px; transition-duration: 150ms; border: 3px solid transparent; border-radius: 99px; } #panel .panel-button.clock-display .clock { transition-duration: 150ms; border: 3px solid transparent; border-radius: 99px; } #panel .panel-button.screen-recording-indicator { box-shadow: inset 0 0 0 100px #c7162b; } #panel .panel-button.screen-recording-indicator StBoxLayout { spacing: 6px; } #panel .panel-button.screen-recording-indicator StIcon { icon-size: 1.09em; } #panel .panel-button:active, #panel .panel-button:overview, #panel .panel-button:focus, #panel .panel-button:checked { box-shadow: inset 0 0 0 100px rgba(242, 242, 242, 0.2); } #panel .panel-button:active.clock-display, #panel .panel-button:overview.clock-display, #panel .panel-button:focus.clock-display, #panel .panel-button:checked.clock-display { box-shadow: none; } #panel .panel-button:active.clock-display .clock, #panel .panel-button:overview.clock-display .clock, #panel .panel-button:focus.clock-display .clock, #panel .panel-button:checked.clock-display .clock { box-shadow: inset 0 0 0 100px rgba(242, 242, 242, 0.2); } #panel .panel-button:active.screen-recording-indicator, #panel .panel-button:overview.screen-recording-indicator, #panel .panel-button:focus.screen-recording-indicator, #panel .panel-button:checked.screen-recording-indicator { box-shadow: inset 0 0 0 100px rgba(199, 22, 43, 0.85); } #panel .panel-button:hover { box-shadow: inset 0 0 0 100px rgba(242, 242, 242, 0.15); } #panel .panel-button:hover.clock-display { box-shadow: none; } #panel .panel-button:hover.clock-display .clock { box-shadow: inset 0 0 0 100px rgba(242, 242, 242, 0.15); } #panel .panel-button:hover.screen-recording-indicator { box-shadow: inset 0 0 0 100px rgba(199, 22, 43, 0.9); } #panel .panel-button:active:hover, #panel .panel-button:overview:hover, #panel .panel-button:focus:hover, #panel .panel-button:checked:hover { box-shadow: inset 0 0 0 100px rgba(242, 242, 242, 0.25); } #panel .panel-button:active:hover.clock-display, #panel .panel-button:overview:hover.clock-display, #panel .panel-button:focus:hover.clock-display, #panel .panel-button:checked:hover.clock-display { box-shadow: none; } #panel .panel-button:active:hover.clock-display .clock, #panel .panel-button:overview:hover.clock-display .clock, #panel .panel-button:focus:hover.clock-display .clock, #panel .panel-button:checked:hover.clock-display .clock { box-shadow: inset 0 0 0 100px rgba(242, 242, 242, 0.25); } #panel .panel-button:active:hover.screen-recording-indicator, #panel .panel-button:overview:hover.screen-recording-indicator, #panel .panel-button:focus:hover.screen-recording-indicator, #panel .panel-button:checked:hover.screen-recording-indicator { box-shadow: inset 0 0 0 100px rgba(199, 22, 43, 0.8); } #panel .panel-button .system-status-icon { icon-size: 1.09em; padding: 5px; margin: 0 4px; } #panel .panel-button .panel-status-indicators-box .system-status-icon, #panel .panel-button .panel-status-menu-box .system-status-icon { margin: 0; } #panel .panel-button .app-menu-icon { -st-icon-style: symbolic; } #panel .panel-button#panelActivities { -natural-hpadding: 18px; } #panel.unlock-screen .panel-button:active, #panel.unlock-screen .panel-button:overview, #panel.unlock-screen .panel-button:focus, #panel.unlock-screen .panel-button:checked, #panel.login-screen .panel-button:active, #panel.login-screen .panel-button:overview, #panel.login-screen .panel-button:focus, #panel.login-screen .panel-button:checked, #panel:overview .panel-button:active, #panel:overview .panel-button:overview, #panel:overview .panel-button:focus, #panel:overview .panel-button:checked { box-shadow: inset 0 0 0 100px rgba(255, 255, 255, 0.15); } #panel.unlock-screen .panel-button:active.clock-display, #panel.unlock-screen .panel-button:overview.clock-display, #panel.unlock-screen .panel-button:focus.clock-display, #panel.unlock-screen .panel-button:checked.clock-display, #panel.login-screen .panel-button:active.clock-display, #panel.login-screen .panel-button:overview.clock-display, #panel.login-screen .panel-button:focus.clock-display, #panel.login-screen .panel-button:checked.clock-display, #panel:overview .panel-button:active.clock-display, #panel:overview .panel-button:overview.clock-display, #panel:overview .panel-button:focus.clock-display, #panel:overview .panel-button:checked.clock-display { box-shadow: none; } #panel.unlock-screen .panel-button:active.clock-display .clock, #panel.unlock-screen .panel-button:overview.clock-display .clock, #panel.unlock-screen .panel-button:focus.clock-display .clock, #panel.unlock-screen .panel-button:checked.clock-display .clock, #panel.login-screen .panel-button:active.clock-display .clock, #panel.login-screen .panel-button:overview.clock-display .clock, #panel.login-screen .panel-button:focus.clock-display .clock, #panel.login-screen .panel-button:checked.clock-display .clock, #panel:overview .panel-button:active.clock-display .clock, #panel:overview .panel-button:overview.clock-display .clock, #panel:overview .panel-button:focus.clock-display .clock, #panel:overview .panel-button:checked.clock-display .clock { box-shadow: inset 0 0 0 100px rgba(255, 255, 255, 0.15); } #panel.unlock-screen .panel-button:active.screen-recording-indicator, #panel.unlock-screen .panel-button:overview.screen-recording-indicator, #panel.unlock-screen .panel-button:focus.screen-recording-indicator, #panel.unlock-screen .panel-button:checked.screen-recording-indicator, #panel.login-screen .panel-button:active.screen-recording-indicator, #panel.login-screen .panel-button:overview.screen-recording-indicator, #panel.login-screen .panel-button:focus.screen-recording-indicator, #panel.login-screen .panel-button:checked.screen-recording-indicator, #panel:overview .panel-button:active.screen-recording-indicator, #panel:overview .panel-button:overview.screen-recording-indicator, #panel:overview .panel-button:focus.screen-recording-indicator, #panel:overview .panel-button:checked.screen-recording-indicator { box-shadow: inset 0 0 0 100px rgba(199, 22, 43, 0.85); } #panel.unlock-screen .panel-button:hover, #panel.login-screen .panel-button:hover, #panel:overview .panel-button:hover { box-shadow: inset 0 0 0 100px rgba(255, 255, 255, 0.1); } #panel.unlock-screen .panel-button:hover.clock-display, #panel.login-screen .panel-button:hover.clock-display, #panel:overview .panel-button:hover.clock-display { box-shadow: none; } #panel.unlock-screen .panel-button:hover.clock-display .clock, #panel.login-screen .panel-button:hover.clock-display .clock, #panel:overview .panel-button:hover.clock-display .clock { box-shadow: inset 0 0 0 100px rgba(255, 255, 255, 0.1); } #panel.unlock-screen .panel-button:hover.screen-recording-indicator, #panel.login-screen .panel-button:hover.screen-recording-indicator, #panel:overview .panel-button:hover.screen-recording-indicator { box-shadow: inset 0 0 0 100px rgba(199, 22, 43, 0.9); } #panel.unlock-screen .panel-button:active:hover, #panel.unlock-screen .panel-button:overview:hover, #panel.unlock-screen .panel-button:focus:hover, #panel.unlock-screen .panel-button:checked:hover, #panel.login-screen .panel-button:active:hover, #panel.login-screen .panel-button:overview:hover, #panel.login-screen .panel-button:focus:hover, #panel.login-screen .panel-button:checked:hover, #panel:overview .panel-button:active:hover, #panel:overview .panel-button:overview:hover, #panel:overview .panel-button:focus:hover, #panel:overview .panel-button:checked:hover { box-shadow: inset 0 0 0 100px rgba(255, 255, 255, 0.2); } #panel.unlock-screen .panel-button:active:hover.clock-display, #panel.unlock-screen .panel-button:overview:hover.clock-display, #panel.unlock-screen .panel-button:focus:hover.clock-display, #panel.unlock-screen .panel-button:checked:hover.clock-display, #panel.login-screen .panel-button:active:hover.clock-display, #panel.login-screen .panel-button:overview:hover.clock-display, #panel.login-screen .panel-button:focus:hover.clock-display, #panel.login-screen .panel-button:checked:hover.clock-display, #panel:overview .panel-button:active:hover.clock-display, #panel:overview .panel-button:overview:hover.clock-display, #panel:overview .panel-button:focus:hover.clock-display, #panel:overview .panel-button:checked:hover.clock-display { box-shadow: none; } #panel.unlock-screen .panel-button:active:hover.clock-display .clock, #panel.unlock-screen .panel-button:overview:hover.clock-display .clock, #panel.unlock-screen .panel-button:focus:hover.clock-display .clock, #panel.unlock-screen .panel-button:checked:hover.clock-display .clock, #panel.login-screen .panel-button:active:hover.clock-display .clock, #panel.login-screen .panel-button:overview:hover.clock-display .clock, #panel.login-screen .panel-button:focus:hover.clock-display .clock, #panel.login-screen .panel-button:checked:hover.clock-display .clock, #panel:overview .panel-button:active:hover.clock-display .clock, #panel:overview .panel-button:overview:hover.clock-display .clock, #panel:overview .panel-button:focus:hover.clock-display .clock, #panel:overview .panel-button:checked:hover.clock-display .clock { box-shadow: inset 0 0 0 100px rgba(255, 255, 255, 0.2); } #panel.unlock-screen .panel-button:active:hover.screen-recording-indicator, #panel.unlock-screen .panel-button:overview:hover.screen-recording-indicator, #panel.unlock-screen .panel-button:focus:hover.screen-recording-indicator, #panel.unlock-screen .panel-button:checked:hover.screen-recording-indicator, #panel.login-screen .panel-button:active:hover.screen-recording-indicator, #panel.login-screen .panel-button:overview:hover.screen-recording-indicator, #panel.login-screen .panel-button:focus:hover.screen-recording-indicator, #panel.login-screen .panel-button:checked:hover.screen-recording-indicator, #panel:overview .panel-button:active:hover.screen-recording-indicator, #panel:overview .panel-button:overview:hover.screen-recording-indicator, #panel:overview .panel-button:focus:hover.screen-recording-indicator, #panel:overview .panel-button:checked:hover.screen-recording-indicator { box-shadow: inset 0 0 0 100px rgba(199, 22, 43, 0.8); } #panel .panel-status-indicators-box, #panel .panel-status-menu-box { spacing: 2px; } #panel .power-status.panel-status-indicators-box { spacing: 0; } #panel .screencast-indicator, #panel .remote-access-indicator { color: #f99b11; } #appMenu { spacing: 6px; } #appMenu .label-shadow { color: transparent; } #appMenu .panel-status-menu-box { padding: 0 6px; spacing: 6px; } .clock-display-box { spacing: 2px; } .clock-display-box .clock { padding-left: 12px; padding-right: 12px; } /* Activities Ripple */ .ripple-box { background-color: rgba(214, 214, 199, 0.3); box-shadow: 0 0 2px 2px #aaaa8d; width: 52px; height: 52px; border-radius: 0 0 52px 0; } .ripple-box:rtl { border-radius: 0 0 0 52px; } /* OVERVIEW */ .controls-manager, .secondary-monitor-workspaces { spacing: 12px; } #overviewGroup { background-color: #222222; } .overview-controls { padding-bottom: 32px; } /* Window Picker */ .window-picker { spacing: 6px; } .window-caption { color: #eeeeec; background-color: rgba(29, 29, 29, 0.975); border-radius: 99px; padding: 6px 12px; border: 1px solid #464646; } .window-close, .screenshot-ui-close-button { background-color: rgba(55, 55, 55, 0.975); color: #eeeeec; border-radius: 99px; padding: 3px; height: 30px; width: 30px; transition-duration: 300ms; border: 1px solid #464646; } .window-close StIcon, .screenshot-ui-close-button StIcon { icon-size: 24px; } .window-close:hover, .screenshot-ui-close-button:hover { background-color: rgba(67, 67, 67, 0.975); } .window-close:active, .screenshot-ui-close-button:active { background-color: rgba(42, 42, 42, 0.975); } .workspace-background { border-radius: 30px; box-shadow: 0 4px 16px 4px rgba(0, 0, 0, 0.275); } .search-entry { border-radius: 18px; margin-top: 24px; margin-bottom: 12px; padding: 7px 9px; width: 320px; background-color: #1d1d1d; color: rgba(247, 247, 247, 0.7); border: 1px solid #464646; } .search-entry:hover { background-color: #1d1d1d; border-color: #535353; color: #F7F7F7; } .search-entry:focus { background-color: #1d1d1d; border-color: #9d9d7b; box-shadow: 0 0 0 1px #9d9d7b inset; color: #F7F7F7; } .search-entry:insensitive { background-color: #2c2c2c; border-color: #2c2c2c; color: #8a8a8a; } .search-entry .search-entry-icon { color: inherit; icon-size: 1.09em; margin-top: 2px; padding: 0 4px; } /* Search */ #searchResults { margin: 0 4px; } #searchResultsContent { max-width: 1072px; } .search-section { spacing: 18px; } .search-section .search-section-separator { height: 8px; background-color: transparent; } .search-section-content { background-color: #1d1d1d; border-radius: 18px; border: 1px solid #464646; color: #eeeeec; padding: 12px; margin: 0 12px; } .list-search-result, .search-provider-icon { background-color: transparent; border-radius: 9px; } .list-search-result:hover, .search-provider-icon:hover { background-color: rgba(238, 238, 236, 0.1); } .list-search-result:selected, .search-provider-icon:selected, .list-search-result:focus, .search-provider-icon:focus { background-color: rgba(238, 238, 236, 0.13); } .list-search-result:selected:hover, .search-provider-icon:selected:hover, .list-search-result:focus:hover, .search-provider-icon:focus:hover { background-color: rgba(238, 238, 236, 0.16); } .list-search-result:selected:active, .search-provider-icon:selected:active, .list-search-result:focus:active, .search-provider-icon:focus:active { background-color: rgba(238, 238, 236, 0.13); } .list-search-result:active, .search-provider-icon:active { background-color: rgba(238, 238, 236, 0.16); } .list-search-result:outlined, .search-provider-icon:outlined, .list-search-result:checked, .search-provider-icon:checked { background-color: rgba(238, 238, 236, 0.19); } .list-search-result:outlined:active, .search-provider-icon:outlined:active, .list-search-result:checked:active, .search-provider-icon:checked:active { background-color: rgba(238, 238, 236, 0.22); } .list-search-result:outlined:hover, .search-provider-icon:outlined:hover, .list-search-result:checked:hover, .search-provider-icon:checked:hover { background-color: rgba(238, 238, 236, 0.25); } .list-search-result:drop, .search-provider-icon:drop { border: 2px solid rgba(120, 120, 89, 0.8); background-color: rgba(120, 120, 89, 0.2); } .grid-search-results { spacing: 30px; margin: 0 12px; } .search-provider-icon:ltr { margin-right: 4px; } .search-provider-icon:rtl { margin-left: 4px; } .search-provider-icon .list-search-provider-content { spacing: 12px; } .search-provider-icon .list-search-provider-content .list-search-provider-details { width: 120px; color: #eeeeec; } .list-search-results { spacing: 6px; } .list-search-result .list-search-result-content { spacing: 6px; } .list-search-result .list-search-result-title { spacing: 12px; } .list-search-result .list-search-result-description { color: #868685; } /* Dash */ #dash { margin-top: 12px; } #dash .placeholder { background-image: none; background-size: contain; height: 32px; } #dash .empty-dash-drop-target { width: 32px; height: 32px; } #dash .app-well-app-running-dot { margin-bottom: 13px; background-color: #787859; } .dash-background { background-color: #1d1d1d; border-radius: 24px; padding: 12px; border: 1px solid #464646; spacing: 6px; margin-bottom: 12px; } .dash-item-container > * { margin: 0 2px; } .dash-item-container:ltr:first-child { margin-left: 0; } .dash-item-container:rtl:first-child { margin-right: 0; } .dash-item-container .app-well-app .overview-icon, .dash-item-container .grid-search-result .overview-icon { padding: 6px; } .dash-item-container .show-apps .overview-icon { background-color: transparent; } .dash-item-container .show-apps:hover .overview-icon { background-color: rgba(238, 238, 236, 0.1); } .dash-item-container .show-apps:selected .overview-icon, .dash-item-container .show-apps:focus .overview-icon { background-color: rgba(238, 238, 236, 0.13); } .dash-item-container .show-apps:selected .overview-icon:hover .overview-icon, .dash-item-container .show-apps:focus .overview-icon:hover .overview-icon { background-color: rgba(238, 238, 236, 0.16); } .dash-item-container .show-apps:selected .overview-icon:active .overview-icon, .dash-item-container .show-apps:focus .overview-icon:active .overview-icon { background-color: rgba(238, 238, 236, 0.13); } .dash-item-container .show-apps:active .overview-icon { background-color: rgba(238, 238, 236, 0.16); } .dash-item-container .show-apps:outlined .overview-icon, .dash-item-container .show-apps:checked .overview-icon { background-color: rgba(238, 238, 236, 0.19); } .dash-item-container .show-apps:outlined .overview-icon:active .overview-icon, .dash-item-container .show-apps:checked .overview-icon:active .overview-icon { background-color: rgba(238, 238, 236, 0.22); } .dash-item-container .show-apps:outlined .overview-icon:hover .overview-icon, .dash-item-container .show-apps:checked .overview-icon:hover .overview-icon { background-color: rgba(238, 238, 236, 0.25); } .dash-item-container .show-apps:drop .overview-icon { border: 2px solid rgba(120, 120, 89, 0.8); background-color: rgba(120, 120, 89, 0.2); } .dash-item-container .show-apps:focus .overview-icon, .dash-item-container .show-apps:active .overview-icon, .dash-item-container .show-apps:checked .overview-icon { background-color: rgba(238, 238, 236, 0.2); } .dash-item-container .show-apps, .dash-item-container .app-well-app, .dash-item-container .grid-search-result { padding-bottom: 12px; } .dash-separator { width: 1px; margin: 0 4px; background-color: #464646; margin-bottom: 12px; } .dash-label { color: #eeeeec; background-color: rgba(29, 29, 29, 0.975); border-radius: 99px; padding: 6px 12px; text-align: center; -y-offset: 8px; border: 1px solid #464646; } /* App Grid */ .icon-grid { row-spacing: 12px; column-spacing: 12px; max-row-spacing: 42px; max-column-spacing: 42px; page-padding-top: 24px; page-padding-bottom: 24px; page-padding-left: 18px; page-padding-right: 18px; } /* App Icons */ .app-well-app .overview-icon, .grid-search-result .overview-icon { background-color: transparent; } .app-well-app:hover .overview-icon, .grid-search-result:hover .overview-icon { background-color: rgba(238, 238, 236, 0.1); } .app-well-app:selected .overview-icon, .grid-search-result:selected .overview-icon, .app-well-app:focus .overview-icon, .grid-search-result:focus .overview-icon { background-color: rgba(238, 238, 236, 0.13); } .app-well-app:selected .overview-icon:hover .overview-icon, .grid-search-result:selected .overview-icon:hover .overview-icon, .app-well-app:focus .overview-icon:hover .overview-icon, .grid-search-result:focus .overview-icon:hover .overview-icon { background-color: rgba(238, 238, 236, 0.16); } .app-well-app:selected .overview-icon:active .overview-icon, .grid-search-result:selected .overview-icon:active .overview-icon, .app-well-app:focus .overview-icon:active .overview-icon, .grid-search-result:focus .overview-icon:active .overview-icon { background-color: rgba(238, 238, 236, 0.13); } .app-well-app:active .overview-icon, .grid-search-result:active .overview-icon { background-color: rgba(238, 238, 236, 0.16); } .app-well-app:outlined .overview-icon, .grid-search-result:outlined .overview-icon, .app-well-app:checked .overview-icon, .grid-search-result:checked .overview-icon { background-color: rgba(238, 238, 236, 0.19); } .app-well-app:outlined .overview-icon:active .overview-icon, .grid-search-result:outlined .overview-icon:active .overview-icon, .app-well-app:checked .overview-icon:active .overview-icon, .grid-search-result:checked .overview-icon:active .overview-icon { background-color: rgba(238, 238, 236, 0.22); } .app-well-app:outlined .overview-icon:hover .overview-icon, .grid-search-result:outlined .overview-icon:hover .overview-icon, .app-well-app:checked .overview-icon:hover .overview-icon, .grid-search-result:checked .overview-icon:hover .overview-icon { background-color: rgba(238, 238, 236, 0.25); } .app-well-app:drop .overview-icon, .grid-search-result:drop .overview-icon { border: 2px solid rgba(120, 120, 89, 0.8); background-color: rgba(120, 120, 89, 0.2); } .app-well-app:focus .overview-icon, .grid-search-result:focus .overview-icon, .app-well-app:active .overview-icon, .grid-search-result:active .overview-icon, .app-well-app:checked .overview-icon, .grid-search-result:checked .overview-icon { background-color: rgba(238, 238, 236, 0.2); } .app-well-app .overview-icon, .grid-search-result .overview-icon { padding: 12px; } .app-well-app .overview-icon.overview-icon-with-label > StBoxLayout, .grid-search-result .overview-icon.overview-icon-with-label > StBoxLayout { spacing: 6px; } .app-well-app.app-folder .overview-icon, .app-folder.grid-search-result .overview-icon { background-color: rgba(238, 238, 236, 0.05); } .app-well-app.app-folder:hover .overview-icon, .app-folder.grid-search-result:hover .overview-icon { background-color: rgba(238, 238, 236, 0.1); } .app-well-app.app-folder:selected .overview-icon, .app-folder.grid-search-result:selected .overview-icon, .app-well-app.app-folder:focus .overview-icon, .app-folder.grid-search-result:focus .overview-icon { background-color: rgba(238, 238, 236, 0.13); } .app-well-app.app-folder:selected .overview-icon:hover .overview-icon, .app-folder.grid-search-result:selected .overview-icon:hover .overview-icon, .app-well-app.app-folder:focus .overview-icon:hover .overview-icon, .app-folder.grid-search-result:focus .overview-icon:hover .overview-icon { background-color: rgba(238, 238, 236, 0.16); } .app-well-app.app-folder:selected .overview-icon:active .overview-icon, .app-folder.grid-search-result:selected .overview-icon:active .overview-icon, .app-well-app.app-folder:focus .overview-icon:active .overview-icon, .app-folder.grid-search-result:focus .overview-icon:active .overview-icon { background-color: rgba(238, 238, 236, 0.13); } .app-well-app.app-folder:active .overview-icon, .app-folder.grid-search-result:active .overview-icon { background-color: rgba(238, 238, 236, 0.16); } .app-well-app.app-folder:outlined .overview-icon, .app-folder.grid-search-result:outlined .overview-icon, .app-well-app.app-folder:checked .overview-icon, .app-folder.grid-search-result:checked .overview-icon { background-color: rgba(238, 238, 236, 0.19); } .app-well-app.app-folder:outlined .overview-icon:active .overview-icon, .app-folder.grid-search-result:outlined .overview-icon:active .overview-icon, .app-well-app.app-folder:checked .overview-icon:active .overview-icon, .app-folder.grid-search-result:checked .overview-icon:active .overview-icon { background-color: rgba(238, 238, 236, 0.22); } .app-well-app.app-folder:outlined .overview-icon:hover .overview-icon, .app-folder.grid-search-result:outlined .overview-icon:hover .overview-icon, .app-well-app.app-folder:checked .overview-icon:hover .overview-icon, .app-folder.grid-search-result:checked .overview-icon:hover .overview-icon { background-color: rgba(238, 238, 236, 0.25); } .app-well-app.app-folder:drop .overview-icon, .app-folder.grid-search-result:drop .overview-icon { border: 2px solid rgba(120, 120, 89, 0.8); background-color: rgba(120, 120, 89, 0.2); } .app-well-app.app-folder:focus .overview-icon, .app-folder.grid-search-result:focus .overview-icon, .app-well-app.app-folder:active .overview-icon, .app-folder.grid-search-result:active .overview-icon, .app-well-app.app-folder:checked .overview-icon, .app-folder.grid-search-result:checked .overview-icon { background-color: rgba(238, 238, 236, 0.2); } .app-folder-dialog { border-radius: 24px; background-color: #1d1d1d; border: 1px solid #464646; } .app-folder-dialog .folder-name-container { padding: 24px 36px 0; spacing: 12px; /* FIXME: this is to keep the label in sync with the entry */ } .app-folder-dialog .folder-name-container .folder-name-label, .app-folder-dialog .folder-name-container .folder-name-entry { color: #eeeeec; } .app-folder-dialog .folder-name-container .folder-name-entry { width: 300px; background-color: rgba(39, 39, 39, 0.975); border-color: rgba(255, 255, 255, 0.16); } .app-folder-dialog .folder-name-container .folder-name-label { padding: 5px 7px; color: #eeeeec; } .app-folder-dialog .folder-name-container .edit-folder-button { padding: 0; width: 36px; height: 36px; border-radius: 99px; } .app-folder-dialog .folder-name-container .edit-folder-button > StIcon { icon-size: 1.09em; } .app-folder-dialog .icon-grid { row-spacing: 12px; column-spacing: 30px; page-padding-top: 0; page-padding-bottom: 0; page-padding-left: 0; page-padding-right: 0; } .app-folder-dialog .page-indicators { margin-bottom: 18px; } .app-folder-dialog-container { padding: 12px; width: 640px; height: 640px; } .app-well-app-running-dot { height: 5px; width: 5px; border-radius: 5px; margin-bottom: 8px; background-color: #787859; } .rename-folder-popup .rename-folder-popup-item { spacing: 6px; } .rename-folder-popup .rename-folder-popup-item:ltr, .rename-folder-popup .rename-folder-popup-item:rtl { padding: 0 12px; } .page-indicator { padding: 6px 12px 0; } .page-indicator .page-indicator-icon { width: 10px; height: 10px; border-radius: 10px; background-color: white; } .apps-scroll-view { padding: 0; } .system-action-icon { background-color: rgba(0, 0, 0, 0.8); color: #fff; border-radius: 99px; icon-size: 48px; } .page-navigation-hint { width: 300px; } .page-navigation-hint.dnd { background: rgba(255, 255, 255, 0.1); } .page-navigation-hint.next:ltr, .page-navigation-hint.previous:rtl { background-gradient-start: rgba(255, 255, 255, 0.05); background-gradient-end: transparent; background-gradient-direction: horizontal; border-radius: 18px 0px 0px 18px; } .page-navigation-hint.previous:ltr, .page-navigation-hint.next:rtl { background-gradient-start: transparent; background-gradient-end: rgba(255, 255, 255, 0.05); background-gradient-direction: horizontal; border-radius: 0px 18px 18px 0px; } .page-navigation-arrow { margin: 6px; width: 24px; height: 24px; color: #eeeeec; } /* Workspace pager */ .workspace-thumbnails { visible-width: 32px; spacing: 6px; padding: 6px; border-color: transparent; } .workspace-thumbnails .workspace-thumbnail { border-radius: 3px; background-color: #1d1d1d; border: 1px solid #464646; } .workspace-thumbnails .placeholder { background-image: url("resource:///org/gnome/shell/theme/workspace-placeholder.svg"); background-size: contain; width: 18px; } .workspace-thumbnail-indicator { border: 2px solid #9d9d7b; border-radius: 3px; padding: 0px; } .ripple-pointer-location { width: 50px; height: 50px; border-radius: 25px; background-color: rgba(192, 192, 170, 0.3); box-shadow: 0 0 2px 2px #aaaa8d; } .pie-timer { width: 60px; height: 60px; -pie-border-width: 3px; -pie-border-color: #787859; -pie-background-color: rgba(214, 214, 199, 0.3); } .magnifier-zoom-region { border: 2px solid #787859; } .magnifier-zoom-region.full-screen { border-width: 0; } .select-area-rubberband { background-color: rgba(135, 135, 135, 0.2); border: 1px solid rgba(204, 204, 204, 0.8); } .user-icon { /* Yaru: See commit 3d4aca768250 */ background-size: contain; color: #F7F7F7; border-radius: 99px; icon-size: 4.36em; } .user-icon:hover { color: white; } .user-icon StIcon { background-color: rgba(247, 247, 247, 0.05); border-radius: 99px; padding: 12px; width: 2.725em; height: 2.725em; } .user-icon.user-avatar { border: 2px #eeeeec; } .user-widget.vertical .user-icon { icon-size: 6.54em; } .user-widget.vertical .user-icon StIcon { padding: 20px; padding-top: 18px; padding-bottom: 22px; width: 5.995em; height: 5.995em; /* Yaru: See commit 3d4aca768250 */ } .lightbox { background-color: black; } .flashspot { background-color: white; } .hidden { color: rgba(0, 0, 0, 0); } .caps-lock-warning-label { text-align: center; padding-bottom: 8px; color: #f99b11; } /* Workspace animation */ .workspace-animation { background-color: #222222; } /* Tiled window previews */ .tile-preview { background-color: rgba(120, 120, 89, 0.5); border: 1px solid #787859; } /* On-screen Keyboard */ #keyboard { background-color: rgba(0, 0, 0, 0.9); } #keyboard .page-indicator { padding: 6px; } #keyboard .page-indicator .page-indicator-icon { width: 8px; height: 8px; } .key-container { padding: 4px; spacing: 4px; } .keyboard-key { font-size: 16pt; font-weight: bold; min-height: 1.2em; min-width: 1.2em; border-width: 1px; border-style: solid; border-radius: 10px; box-shadow: 0 1px 0 0 rgba(0, 0, 0, 0.1); color: #F7F7F7; background-color: #222222; } .keyboard-key:focus { color: #F7F7F7; background-color: #2b2b28; box-shadow: inset 0 0 0 2px rgba(120, 120, 89, 0.6); } .keyboard-key:focus:hover { background-color: #363633; box-shadow: inset 0 0 0 2px rgba(120, 120, 89, 0.7); } .keyboard-key:focus:active { background-color: #3b3b38; box-shadow: inset 0 0 0 2px rgba(120, 120, 89, 0.7); } .keyboard-key:hover { color: #F7F7F7; background-color: #2c2c2c; } .keyboard-key:active { color: #F7F7F7; background-color: #343434; } .keyboard-key:checked { color: #F7F7F7; background-color: #414141; } .keyboard-key:grayed { background-color: #151515; color: #F7F7F7; border-color: rgba(0, 0, 0, 0.7); } .keyboard-key.default-key { color: #F7F7F7; background-color: #222222; border-radius: 10px; } .keyboard-key.default-key:hover { color: #F7F7F7; background-color: #2c2c2c; } .keyboard-key.default-key:active { color: #F7F7F7; background-color: #343434; } .keyboard-key.default-key:checked { color: #F7F7F7; background-color: #414141; } .keyboard-key.enter-key { color: #FFFFFF; background-color: #0d7b1e; border-radius: 10px; color: #eeeeec; } .keyboard-key.enter-key:hover { color: #FFFFFF; background-color: #0f8d22; } .keyboard-key.enter-key:active { color: #FFFFFF; background-color: #109b26; } .keyboard-key.enter-key:checked { color: #FFFFFF; background-color: #13b22b; } .keyboard-key.shift-key-uppercase { background-color: #4e4e4e; color: #F7F7F7; } .keyboard-key.shift-key-uppercase:hover { background-color: #5a5a5a; } .keyboard-key StIcon { icon-size: 24px; } .keyboard-subkeys { -arrow-border-radius: 12px; -arrow-background-color: rgba(9, 9, 9, 0.9); -arrow-border-width: 1px; -arrow-border-color: #464646; -arrow-base: 20px; -arrow-rise: 10px; -boxpointer-gap: 6px; padding: 6px; } .keyboard-subkeys .keyboard-key { color: #F7F7F7; background-color: #222222; border-radius: 10px; } .keyboard-subkeys .keyboard-key:focus { color: #F7F7F7; background-color: #2b2b28; box-shadow: inset 0 0 0 2px rgba(120, 120, 89, 0.6); } .keyboard-subkeys .keyboard-key:focus:hover { background-color: #363633; box-shadow: inset 0 0 0 2px rgba(120, 120, 89, 0.7); } .keyboard-subkeys .keyboard-key:focus:active { background-color: #3b3b38; box-shadow: inset 0 0 0 2px rgba(120, 120, 89, 0.7); } .keyboard-subkeys .keyboard-key:hover { color: #F7F7F7; background-color: #2c2c2c; } .keyboard-subkeys .keyboard-key:active { color: #F7F7F7; background-color: #343434; } .keyboard-subkeys .keyboard-key:checked { color: #F7F7F7; background-color: #414141; } .emoji-page .keyboard-key { background-color: transparent; border: none; color: initial; } .emoji-panel .keyboard-key:latched { border-color: #878764; background-color: #787859; } .word-suggestions { font-size: 14pt; spacing: 12px; min-height: 20pt; padding: 12px; color: #F7F7F7; } .word-suggestions StButton { margin: 0 3px; min-width: 32px; border-radius: 4px; padding: 6px 18px; background-color: transparent; background-image: none; } .word-suggestions StButton:focus { color: #F7F7F7; background-color: #2b2b28; box-shadow: inset 0 0 0 2px rgba(120, 120, 89, 0.6); } .word-suggestions StButton:focus:hover { background-color: #363633; box-shadow: inset 0 0 0 2px rgba(120, 120, 89, 0.7); } .word-suggestions StButton:focus:active { background-color: #3b3b38; box-shadow: inset 0 0 0 2px rgba(120, 120, 89, 0.7); } .word-suggestions StButton:hover { color: #F7F7F7; background-color: #2c2c2c; } .word-suggestions StButton:active { color: #F7F7F7; background-color: #343434; } .word-suggestions StButton:checked { color: #F7F7F7; background-color: #414141; } /* Looking Glass */ #LookingGlassDialog { background-color: rgba(29, 29, 29, 0.975); border-radius: 0 0 12px 12px; border-top-width: 0; border: 1px solid rgba(255, 255, 255, 0.16); color: #eeeeec; padding: 6px; spacing: 6px; box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.1); } #LookingGlassDialog > #Toolbar { border: none; padding: 6px; border-radius: 0; background-color: transparent; spacing: 6px; } #LookingGlassDialog > #Toolbar .lg-toolbar-button { padding: 6px 12px; } #LookingGlassDialog > #Toolbar .lg-toolbar-button > StIcon { icon-size: 1.09em; } #LookingGlassDialog .labels { spacing: 6px; } #LookingGlassDialog .notebook-tab { -natural-hpadding: 12px; -minimum-hpadding: 12px; font-weight: bold; padding: 6px 12px; color: #cacac4; transition-duration: 100ms; box-shadow: none; border: none; border-radius: 4px; background-color: transparent; } #LookingGlassDialog .notebook-tab:hover { color: #eeeeec; background-color: rgba(238, 238, 236, 0.05); } #LookingGlassDialog .notebook-tab:selected { color: #eeeeec; background-color: rgba(238, 238, 236, 0.1); } #LookingGlassDialog StBoxLayout#EvalBox { padding: 4px; spacing: 6px; padding: 6px; } #LookingGlassDialog StBoxLayout#ResultsArea { spacing: 6px; padding: 6px; } .lg-dialog { color: #eeeeec; } .lg-dialog StEntry { background-color: rgba(42, 42, 42, 0.575); color: #eeeeec; border-color: rgba(238, 238, 236, 0.2); min-height: 22px; selection-background-color: #787859; selected-color: #FFFFFF; } .lg-dialog StEntry, .lg-dialog StEntry:focus { box-shadow: none; } .lg-dialog .shell-link { color: #aaaa8d; } .lg-dialog .shell-link:hover { color: #c0c0aa; } .lg-dialog .shell-link:active { color: #95956f; } .lg-dialog .actor-link { color: #8a8a8a; } .lg-dialog .actor-link:hover { color: #bdbdbd; } .lg-dialog .actor-link:active { color: #575757; } .lg-completions-text { font-style: italic; color: #eeeeec; } .lg-obj-inspector-title { spacing: 6px; color: #eeeeec; } .lg-obj-inspector-button { border: 1px solid rgba(0, 0, 0, 0.7); padding: 4px; border-radius: 6px; color: #eeeeec; } .lg-obj-inspector-button:hover { border: 1px solid #ffffff; } #lookingGlassExtensions { padding: 6px; } .lg-extensions-list { padding: 6px; spacing: 6px; } .lg-extension { padding: 12px; border-radius: 6px; margin: 4px; box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.1); color: #F7F7F7; background-color: #2c2c2c; } .lg-extension:focus { color: #F7F7F7; background-color: #2c2c2c; box-shadow: inset 0 0 0 2px #9d9d7b; } .lg-extension:focus:hover { background-color: #343434; box-shadow: inset 0 0 0 2px #9d9d7b; } .lg-extension:focus:active { background-color: #3b3b3b; box-shadow: inset 0 0 0 2px #9d9d7b; } .lg-extension:hover { color: #F7F7F7; background-color: #343434; } .lg-extension:active { color: #F7F7F7; background-color: #3b3b3b; } .lg-extension-meta { spacing: 6px; } #LookingGlassPropertyInspector { background: rgba(29, 29, 29, 0.975); border: 1px solid rgba(0, 0, 0, 0.7); border-radius: 6px; padding: 6px; } .lg-debug-flag-button { color: #F7F7F7; } .lg-debug-flag-button StLabel { padding: 6px, 12px; } .lg-debug-flag-button:hover { color: white; } .lg-debug-flag-button:active { color: #c4c4c4; } .lg-debug-flags-header { padding-top: 12px; padding: 6px; } /* Login Dialog */ .login-dialog-banner-view { padding-top: 24px; max-width: 23em; } .login-dialog, .unlock-dialog { border: none; background-color: transparent; } .login-dialog .modal-dialog-button-box, .unlock-dialog .modal-dialog-button-box { spacing: 3px; } .login-dialog .modal-dialog-button, .unlock-dialog .modal-dialog-button { padding: 4px 18px; box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2); background-color: #222222; border-color: #464646; color: #F7F7F7; } .login-dialog .modal-dialog-button:hover, .unlock-dialog .modal-dialog-button:hover { background-color: #2f2f2f; } .login-dialog .modal-dialog-button:focus, .unlock-dialog .modal-dialog-button:focus { border-color: #9d9d7b; box-shadow: inset 0 0 0 1px #9d9d7b; } .login-dialog .modal-dialog-button:active, .unlock-dialog .modal-dialog-button:active { box-shadow: none; background-color: #151515; color: rgba(238, 238, 236, 0.7); } .login-dialog .modal-dialog-button:default, .unlock-dialog .modal-dialog-button:default { background-color: #787859; color: #FFFFFF; } .login-dialog .modal-dialog-button:default:focus, .unlock-dialog .modal-dialog-button:default:focus { box-shadow: inset 0 0 0 2px rgba(120, 120, 89, 0.6); } .login-dialog .modal-dialog-button:default:hover, .login-dialog .modal-dialog-button:default:focus, .unlock-dialog .modal-dialog-button:default:hover, .unlock-dialog .modal-dialog-button:default:focus { background-color: #878764; color: white; } .login-dialog .modal-dialog-button:default:active, .unlock-dialog .modal-dialog-button:default:active { background-color: #64644a; color: #ededed; } .login-dialog .modal-dialog-button:default:insensitive, .unlock-dialog .modal-dialog-button:default:insensitive { color: rgba(247, 247, 247, 0.5); background-color: rgba(247, 247, 247, 0.05); background-color: rgba(120, 120, 89, 0.5); color: rgba(255, 255, 255, 0.5); } .login-dialog .cancel-button, .login-dialog .switch-user-button, .login-dialog .login-dialog-session-list-button, .unlock-dialog .cancel-button, .unlock-dialog .switch-user-button, .unlock-dialog .login-dialog-session-list-button { padding: 0; border-radius: 99px; width: 2.18em; height: 2.18em; } .login-dialog .cancel-button StIcon, .login-dialog .switch-user-button StIcon, .login-dialog .login-dialog-session-list-button StIcon, .unlock-dialog .cancel-button StIcon, .unlock-dialog .switch-user-button StIcon, .unlock-dialog .login-dialog-session-list-button StIcon { icon-size: 1.09em; } .login-dialog .caps-lock-warning-label, .login-dialog .login-dialog-message, .unlock-dialog .caps-lock-warning-label, .unlock-dialog .login-dialog-message { color: #eeeeec; } .login-dialog-logo-bin { padding: 24px 0px; } .login-dialog-banner { color: #d6d6d1; } .login-dialog-button-box { width: 23em; spacing: 5px; } .login-dialog-message { text-align: center; } .login-dialog-user-selection-box { padding: 100px 0px; } .login-dialog-not-listed-label { padding-left: 2px; } .login-dialog-not-listed-button:focus .login-dialog-not-listed-label, .login-dialog-not-listed-button:hover .login-dialog-not-listed-label { color: #eeeeec; } .login-dialog-not-listed-label { font-weight: bold; color: #a6a69b; padding-top: 1em; } .login-dialog-auth-list-view { -st-vfade-offset: 1em; } .login-dialog-auth-list { spacing: 6px; margin-left: 2em; } .login-dialog-auth-list-title { margin-left: 2em; } .login-dialog-auth-list-item { border-radius: 10px; padding: 6px; color: #a6a69b; } .login-dialog-auth-list-item:focus, .login-dialog-auth-list-item:selected { background-color: #787859; color: #FFFFFF; } .login-dialog-auth-list-label { font-size: 13pt; font-weight: bold; padding-left: 15px; } .login-dialog-auth-list-label:ltr { padding-left: 14px; text-align: left; } .login-dialog-auth-list-label:rtl { padding-right: 14px; text-align: right; } .login-dialog-user-list-view { -st-vfade-offset: 1em; } .login-dialog-user-list { spacing: 12px; width: 23em; } .login-dialog-user-list:expanded .login-dialog-user-list-item:selected { background-color: rgba(255, 255, 255, 0.1); color: #FFFFFF; } .login-dialog-user-list:expanded .login-dialog-user-list-item:logged-in { border-right: 2px solid rgba(255, 255, 255, 0.1); } .login-dialog-user-list-item { border-radius: 10px; padding: 6px; color: #a6a69b; } .login-dialog-user-list-item:ltr .user-widget { padding-right: 1em; } .login-dialog-user-list-item:rtl .user-widget { padding-left: 1em; } .login-dialog-user-list-item .login-dialog-timed-login-indicator { height: 2px; margin-top: 6px; background-color: #eeeeec; } .login-dialog-user-list-item:focus .login-dialog-timed-login-indicator { background-color: #FFFFFF; } .user-widget-label { color: #eeeeec; } .user-widget.horizontal .user-widget-label { font-size: 13pt; font-weight: bold; padding-left: 15px; } .user-widget.horizontal .user-widget-label:ltr { padding-left: 14px; text-align: left; } .user-widget.horizontal .user-widget-label:rtl { padding-right: 14px; text-align: right; } .user-widget.vertical .user-widget-label { font-size: 16pt; text-align: center; font-weight: normal; padding-top: 16px; } .login-dialog-timed-login-indicator { height: 2px; background-color: #919191; } .login-dialog-prompt-layout { padding-top: 24px; padding-bottom: 12px; spacing: 12px; width: 23em; } .login-dialog-prompt-entry { height: 1.5em; } .login-dialog-prompt-label { color: #bebeb6; font-size: 12pt; padding-top: 1em; } .login-dialog StEntry { background-color: #1b1b1b; color: #F7F7F7; } .unlock-dialog StEntry { border: none !important; } .unlock-dialog StEntry, .unlock-dialog StEntry:focus { color: #F7F7F7; background-color: rgba(247, 247, 247, 0.1); box-shadow: none; } .unlock-dialog StEntry:insensitive { color: rgba(247, 247, 247, 0.5); background-color: rgba(247, 247, 247, 0.05); } .unlock-dialog StEntry StLabel.hint-text { color: rgba(247, 247, 247, 0.7); } .unlock-dialog .user-icon { background-color: rgba(247, 247, 247, 0.1); color: #F7F7F7; } .unlock-dialog .cancel-button, .unlock-dialog .switch-user-button, .unlock-dialog .login-dialog-session-list-button { border-color: transparent; background-color: rgba(247, 247, 247, 0.1); box-shadow: none; } .unlock-dialog .cancel-button, .unlock-dialog .cancel-button:hover, .unlock-dialog .cancel-button:focus, .unlock-dialog .cancel-button:active, .unlock-dialog .switch-user-button, .unlock-dialog .switch-user-button:hover, .unlock-dialog .switch-user-button:focus, .unlock-dialog .switch-user-button:active, .unlock-dialog .login-dialog-session-list-button, .unlock-dialog .login-dialog-session-list-button:hover, .unlock-dialog .login-dialog-session-list-button:focus, .unlock-dialog .login-dialog-session-list-button:active { color: #F7F7F7; } .unlock-dialog .cancel-button:hover, .unlock-dialog .cancel-button:focus, .unlock-dialog .switch-user-button:hover, .unlock-dialog .switch-user-button:focus, .unlock-dialog .login-dialog-session-list-button:hover, .unlock-dialog .login-dialog-session-list-button:focus { background-color: rgba(247, 247, 247, 0.15); } .unlock-dialog .cancel-button:active, .unlock-dialog .switch-user-button:active, .unlock-dialog .login-dialog-session-list-button:active { background-color: rgba(247, 247, 247, 0.2); } /* Screen Shield */ .unlock-dialog-clock { color: white; font-weight: 300; text-align: center; spacing: 24px; padding-bottom: 2.5em; } .unlock-dialog-clock-time { font-size: 64pt; padding-top: 42px; } .unlock-dialog-clock-date { font-size: 16pt; font-weight: normal; } .unlock-dialog-clock-hint { font-weight: normal; padding-top: 48px; } .unlock-dialog-notifications-container { margin: 12px; spacing: 6px; width: 23em; background-color: transparent; } .unlock-dialog-notifications-container .summary-notification-stack-scrollview { padding-top: 0; padding-bottom: 0; } .unlock-dialog-notifications-container .notification, .unlock-dialog-notifications-container .unlock-dialog-notification-source { padding: 12px 16px; border: none; background-color: rgba(238, 238, 236, 0.1); color: #eeeeec; border-radius: 12px; } .unlock-dialog-notifications-container .notification.critical, .unlock-dialog-notifications-container .unlock-dialog-notification-source.critical { background-color: rgba(238, 238, 236, 0.2); } .unlock-dialog-notification-label { padding: 0 0 0 12px; } .unlock-dialog-notification-count-text { font-weight: bold; padding: 0 12px; color: #eeeeec; background-color: rgba(238, 238, 236, 0.1); border-radius: 99px; } .screen-shield-background { background: black; box-shadow: 0 2px 4px rgba(0, 0, 0, 0.6); } #lockDialogGroup { background-color: #222222; } #unlockDialogNotifications StButton#vhandle, #unlockDialogNotifications StButton#hhandle { background-color: rgba(29, 29, 29, 0.3); } #unlockDialogNotifications StButton#vhandle:hover, #unlockDialogNotifications StButton#vhandle:focus, #unlockDialogNotifications StButton#hhandle:hover, #unlockDialogNotifications StButton#hhandle:focus { background-color: rgba(29, 29, 29, 0.5); } #unlockDialogNotifications StButton#vhandle:active, #unlockDialogNotifications StButton#hhandle:active { background-color: rgba(120, 120, 89, 0.5); } * { font-weight: normal !important; text-shadow: none !important; } .file-item { border-radius: 6px; } /* Default Ubuntu Dock styling, append !important to any changed rules This must be in sync with - https://github.com/micheleg/dash-to-dock/blob/ubuntu-dock/_stylesheet.scss */ #dashtodockContainer.bottom #dash { margin: 0px; padding: 0px; } #dashtodockContainer.bottom #dash .dash-background { margin: 0; margin-bottom: 4px; padding: 0; border-radius: 18px; spacing: 6px; } #dashtodockContainer.bottom #dash .dash-separator { background-color: #464646; margin: 0 4px; width: 1px; height: 0; margin-bottom: 4px; } #dashtodockContainer.bottom #dash #dashtodockDashContainer { padding: 10px; padding-bottom: 0; padding-top: 0; } #dashtodockContainer.bottom #dash .dash-item-container { /* Disable all margins defined upstream, we handle them here */ margin: 0 2px; } #dashtodockContainer.bottom #dash .dash-item-container > * { margin: 0; } #dashtodockContainer.bottom #dash .dash-item-container:ltr:first-child, #dashtodockContainer.bottom #dash .dash-item-container:rtl:last-child { margin-left: 0; } #dashtodockContainer.bottom #dash .dash-item-container:ltr:last-child, #dashtodockContainer.bottom #dash .dash-item-container:rtl:first-child { margin-right: 0; } #dashtodockContainer.bottom #dash .dash-item-container .app-well-app, #dashtodockContainer.bottom #dash .dash-item-container .grid-search-result, #dashtodockContainer.bottom #dash .dash-item-container .show-apps { padding: 2px 2px; padding-bottom: 14px; padding-top: 10px; } #dashtodockContainer.bottom #dash .dash-item-container .app-well-app:ltr:first-child, #dashtodockContainer.bottom #dash .dash-item-container .grid-search-result:ltr:first-child, #dashtodockContainer.bottom #dash .dash-item-container .app-well-app:rtl:last-child, #dashtodockContainer.bottom #dash .dash-item-container .grid-search-result:rtl:last-child, #dashtodockContainer.bottom #dash .dash-item-container .show-apps:ltr:first-child, #dashtodockContainer.bottom #dash .dash-item-container .show-apps:rtl:last-child { padding-left: 0; } #dashtodockContainer.bottom #dash .dash-item-container .app-well-app:ltr:last-child, #dashtodockContainer.bottom #dash .dash-item-container .grid-search-result:ltr:last-child, #dashtodockContainer.bottom #dash .dash-item-container .app-well-app:rtl:first-child, #dashtodockContainer.bottom #dash .dash-item-container .grid-search-result:rtl:first-child, #dashtodockContainer.bottom #dash .dash-item-container .show-apps:ltr:last-child, #dashtodockContainer.bottom #dash .dash-item-container .show-apps:rtl:first-child { padding-right: 0; } #dashtodockContainer.bottom #dash .dash-item-container .app-well-app.running .overview-icon, #dashtodockContainer.bottom #dash .dash-item-container .running.grid-search-result .overview-icon { background-image: none; } #dashtodockContainer.bottom #dash .dash-item-container .app-well-app.focused .overview-icon, #dashtodockContainer.bottom #dash .dash-item-container .focused.grid-search-result .overview-icon { background-color: rgba(238, 238, 236, 0.2); } #dashtodockContainer.bottom #dash .dash-item-container .app-well-app .app-well-app-running-dot, #dashtodockContainer.bottom #dash .dash-item-container .grid-search-result .app-well-app-running-dot { margin-bottom: 2px; } #dashtodockContainer.bottom #dash .dash-item-container > StButton { transition-duration: 250; background-size: contain; } #dashtodockContainer.bottom.fixed #dash .dash-background { margin-top: 4px; } #dashtodockContainer.bottom.fixed #dash .dash-item-container .app-well-app, #dashtodockContainer.bottom.fixed #dash .dash-item-container .grid-search-result, #dashtodockContainer.bottom.fixed #dash .dash-item-container .show-apps { padding-top: 14px; } .dash-label.bottom { margin-bottom: 10px; -x-offset: 0; -y-offset: 0; } #dashtodockContainer.bottom.shrink #dash { margin: 0px; padding: 0px; } #dashtodockContainer.bottom.shrink #dash .dash-background { margin: 0; margin-bottom: 4px; padding: 0; border-radius: 14px; spacing: 2px; } #dashtodockContainer.bottom.shrink #dash .dash-separator { background-color: #464646; margin: 0 1px; width: 1px; height: 0; margin-bottom: 4px; } #dashtodockContainer.bottom.shrink #dash #dashtodockDashContainer { padding: 3px; padding-bottom: 0; padding-top: 0; } #dashtodockContainer.bottom.shrink #dash .dash-item-container { /* Disable all margins defined upstream, we handle them here */ margin: 0 2px; } #dashtodockContainer.bottom.shrink #dash .dash-item-container > * { margin: 0; } #dashtodockContainer.bottom.shrink #dash .dash-item-container:ltr:first-child, #dashtodockContainer.bottom.shrink #dash .dash-item-container:rtl:last-child { margin-left: 0; } #dashtodockContainer.bottom.shrink #dash .dash-item-container:ltr:last-child, #dashtodockContainer.bottom.shrink #dash .dash-item-container:rtl:first-child { margin-right: 0; } #dashtodockContainer.bottom.shrink #dash .dash-item-container .app-well-app, #dashtodockContainer.bottom.shrink #dash .dash-item-container .grid-search-result, #dashtodockContainer.bottom.shrink #dash .dash-item-container .show-apps { padding: 1px 1px; padding-bottom: 7px; padding-top: 3px; } #dashtodockContainer.bottom.shrink #dash .dash-item-container .app-well-app:ltr:first-child, #dashtodockContainer.bottom.shrink #dash .dash-item-container .grid-search-result:ltr:first-child, #dashtodockContainer.bottom.shrink #dash .dash-item-container .app-well-app:rtl:last-child, #dashtodockContainer.bottom.shrink #dash .dash-item-container .grid-search-result:rtl:last-child, #dashtodockContainer.bottom.shrink #dash .dash-item-container .show-apps:ltr:first-child, #dashtodockContainer.bottom.shrink #dash .dash-item-container .show-apps:rtl:last-child { padding-left: 0; } #dashtodockContainer.bottom.shrink #dash .dash-item-container .app-well-app:ltr:last-child, #dashtodockContainer.bottom.shrink #dash .dash-item-container .grid-search-result:ltr:last-child, #dashtodockContainer.bottom.shrink #dash .dash-item-container .app-well-app:rtl:first-child, #dashtodockContainer.bottom.shrink #dash .dash-item-container .grid-search-result:rtl:first-child, #dashtodockContainer.bottom.shrink #dash .dash-item-container .show-apps:ltr:last-child, #dashtodockContainer.bottom.shrink #dash .dash-item-container .show-apps:rtl:first-child { padding-right: 0; } #dashtodockContainer.bottom.shrink #dash .dash-item-container .app-well-app.running .overview-icon, #dashtodockContainer.bottom.shrink #dash .dash-item-container .running.grid-search-result .overview-icon { background-image: none; } #dashtodockContainer.bottom.shrink #dash .dash-item-container .app-well-app.focused .overview-icon, #dashtodockContainer.bottom.shrink #dash .dash-item-container .focused.grid-search-result .overview-icon { background-color: rgba(238, 238, 236, 0.2); } #dashtodockContainer.bottom.shrink #dash .dash-item-container .app-well-app .app-well-app-running-dot, #dashtodockContainer.bottom.shrink #dash .dash-item-container .grid-search-result .app-well-app-running-dot { margin-bottom: 2px; } #dashtodockContainer.bottom.shrink #dash .dash-item-container > StButton { transition-duration: 250; background-size: contain; } #dashtodockContainer.bottom.shrink.fixed #dash .dash-background { margin-top: 1px; } #dashtodockContainer.bottom.shrink.fixed #dash .dash-item-container .app-well-app, #dashtodockContainer.bottom.shrink.fixed #dash .dash-item-container .grid-search-result, #dashtodockContainer.bottom.shrink.fixed #dash .dash-item-container .show-apps { padding-top: 4px; } .dash-label.bottom.shrink { margin-bottom: 3px; -x-offset: 0; -y-offset: 0; } #dashtodockContainer.bottom.extended #dash { margin: 0px; padding: 0px; } #dashtodockContainer.bottom.extended #dash .dash-background { margin: 0; margin-bottom: 0; padding: 0; border-radius: 0; spacing: 6px; } #dashtodockContainer.bottom.extended #dash .dash-separator { background-color: #464646; margin: 0 4px; width: 1px; height: 0; margin-bottom: 0; } #dashtodockContainer.bottom.extended #dash #dashtodockDashContainer { padding: 0; padding-bottom: 0; padding-top: 0; } #dashtodockContainer.bottom.extended #dash #dashtodockDashContainer > :first-child .show-apps { padding-left: 8px; } #dashtodockContainer.bottom.extended #dash #dashtodockDashContainer #dashtodockDashScrollview:first-child { padding-left: 8px; } #dashtodockContainer.bottom.extended #dash #dashtodockDashContainer > :last-child .show-apps { padding-right: 8px; } #dashtodockContainer.bottom.extended #dash #dashtodockDashContainer #dashtodockDashScrollview:last-child { padding-right: 8px; } #dashtodockContainer.bottom.extended #dash .dash-item-container { /* Disable all margins defined upstream, we handle them here */ margin: 0 2px; } #dashtodockContainer.bottom.extended #dash .dash-item-container > * { margin: 0; } #dashtodockContainer.bottom.extended #dash .dash-item-container:ltr:first-child, #dashtodockContainer.bottom.extended #dash .dash-item-container:rtl:last-child { margin-left: 0; } #dashtodockContainer.bottom.extended #dash .dash-item-container:ltr:last-child, #dashtodockContainer.bottom.extended #dash .dash-item-container:rtl:first-child { margin-right: 0; } #dashtodockContainer.bottom.extended #dash .dash-item-container .app-well-app, #dashtodockContainer.bottom.extended #dash .dash-item-container .grid-search-result, #dashtodockContainer.bottom.extended #dash .dash-item-container .show-apps { padding: 2px 2px; padding-bottom: 10px; padding-top: 10px; } #dashtodockContainer.bottom.extended #dash .dash-item-container .app-well-app:ltr:first-child, #dashtodockContainer.bottom.extended #dash .dash-item-container .grid-search-result:ltr:first-child, #dashtodockContainer.bottom.extended #dash .dash-item-container .app-well-app:rtl:last-child, #dashtodockContainer.bottom.extended #dash .dash-item-container .grid-search-result:rtl:last-child, #dashtodockContainer.bottom.extended #dash .dash-item-container .show-apps:ltr:first-child, #dashtodockContainer.bottom.extended #dash .dash-item-container .show-apps:rtl:last-child { padding-left: 0; } #dashtodockContainer.bottom.extended #dash .dash-item-container .app-well-app:ltr:last-child, #dashtodockContainer.bottom.extended #dash .dash-item-container .grid-search-result:ltr:last-child, #dashtodockContainer.bottom.extended #dash .dash-item-container .app-well-app:rtl:first-child, #dashtodockContainer.bottom.extended #dash .dash-item-container .grid-search-result:rtl:first-child, #dashtodockContainer.bottom.extended #dash .dash-item-container .show-apps:ltr:last-child, #dashtodockContainer.bottom.extended #dash .dash-item-container .show-apps:rtl:first-child { padding-right: 0; } #dashtodockContainer.bottom.extended #dash .dash-item-container .app-well-app.running .overview-icon, #dashtodockContainer.bottom.extended #dash .dash-item-container .running.grid-search-result .overview-icon { background-image: none; } #dashtodockContainer.bottom.extended #dash .dash-item-container .app-well-app.focused .overview-icon, #dashtodockContainer.bottom.extended #dash .dash-item-container .focused.grid-search-result .overview-icon { background-color: rgba(238, 238, 236, 0.2); } #dashtodockContainer.bottom.extended #dash .dash-item-container .app-well-app .app-well-app-running-dot, #dashtodockContainer.bottom.extended #dash .dash-item-container .grid-search-result .app-well-app-running-dot { margin-bottom: 2px; } #dashtodockContainer.bottom.extended #dash .dash-item-container > StButton { transition-duration: 250; background-size: contain; } #dashtodockContainer.bottom.extended.fixed #dash .dash-background { margin-top: 0; } #dashtodockContainer.bottom.extended.fixed #dash .dash-item-container .app-well-app, #dashtodockContainer.bottom.extended.fixed #dash .dash-item-container .grid-search-result, #dashtodockContainer.bottom.extended.fixed #dash .dash-item-container .show-apps { padding-top: 10px; } .dash-label.bottom { margin-bottom: 10px; -x-offset: 0; -y-offset: 0; } #dashtodockContainer.bottom.extended.shrink #dash { margin: 0px; padding: 0px; } #dashtodockContainer.bottom.extended.shrink #dash .dash-background { margin: 0; margin-bottom: 0; padding: 0; border-radius: 0; spacing: 2px; } #dashtodockContainer.bottom.extended.shrink #dash .dash-separator { background-color: #464646; margin: 0 1px; width: 1px; height: 0; margin-bottom: 0; } #dashtodockContainer.bottom.extended.shrink #dash #dashtodockDashContainer { padding: 0; padding-bottom: 0; padding-top: 0; } #dashtodockContainer.bottom.extended.shrink #dash #dashtodockDashContainer > :first-child .show-apps { padding-left: 6px; } #dashtodockContainer.bottom.extended.shrink #dash #dashtodockDashContainer #dashtodockDashScrollview:first-child { padding-left: 6px; } #dashtodockContainer.bottom.extended.shrink #dash #dashtodockDashContainer > :last-child .show-apps { padding-right: 6px; } #dashtodockContainer.bottom.extended.shrink #dash #dashtodockDashContainer #dashtodockDashScrollview:last-child { padding-right: 6px; } #dashtodockContainer.bottom.extended.shrink #dash .dash-item-container { /* Disable all margins defined upstream, we handle them here */ margin: 0 2px; } #dashtodockContainer.bottom.extended.shrink #dash .dash-item-container > * { margin: 0; } #dashtodockContainer.bottom.extended.shrink #dash .dash-item-container:ltr:first-child, #dashtodockContainer.bottom.extended.shrink #dash .dash-item-container:rtl:last-child { margin-left: 0; } #dashtodockContainer.bottom.extended.shrink #dash .dash-item-container:ltr:last-child, #dashtodockContainer.bottom.extended.shrink #dash .dash-item-container:rtl:first-child { margin-right: 0; } #dashtodockContainer.bottom.extended.shrink #dash .dash-item-container .app-well-app, #dashtodockContainer.bottom.extended.shrink #dash .dash-item-container .grid-search-result, #dashtodockContainer.bottom.extended.shrink #dash .dash-item-container .show-apps { padding: 1px 1px; padding-bottom: 3px; padding-top: 3px; } #dashtodockContainer.bottom.extended.shrink #dash .dash-item-container .app-well-app:ltr:first-child, #dashtodockContainer.bottom.extended.shrink #dash .dash-item-container .grid-search-result:ltr:first-child, #dashtodockContainer.bottom.extended.shrink #dash .dash-item-container .app-well-app:rtl:last-child, #dashtodockContainer.bottom.extended.shrink #dash .dash-item-container .grid-search-result:rtl:last-child, #dashtodockContainer.bottom.extended.shrink #dash .dash-item-container .show-apps:ltr:first-child, #dashtodockContainer.bottom.extended.shrink #dash .dash-item-container .show-apps:rtl:last-child { padding-left: 0; } #dashtodockContainer.bottom.extended.shrink #dash .dash-item-container .app-well-app:ltr:last-child, #dashtodockContainer.bottom.extended.shrink #dash .dash-item-container .grid-search-result:ltr:last-child, #dashtodockContainer.bottom.extended.shrink #dash .dash-item-container .app-well-app:rtl:first-child, #dashtodockContainer.bottom.extended.shrink #dash .dash-item-container .grid-search-result:rtl:first-child, #dashtodockContainer.bottom.extended.shrink #dash .dash-item-container .show-apps:ltr:last-child, #dashtodockContainer.bottom.extended.shrink #dash .dash-item-container .show-apps:rtl:first-child { padding-right: 0; } #dashtodockContainer.bottom.extended.shrink #dash .dash-item-container .app-well-app.running .overview-icon, #dashtodockContainer.bottom.extended.shrink #dash .dash-item-container .running.grid-search-result .overview-icon { background-image: none; } #dashtodockContainer.bottom.extended.shrink #dash .dash-item-container .app-well-app.focused .overview-icon, #dashtodockContainer.bottom.extended.shrink #dash .dash-item-container .focused.grid-search-result .overview-icon { background-color: rgba(238, 238, 236, 0.2); } #dashtodockContainer.bottom.extended.shrink #dash .dash-item-container .app-well-app .app-well-app-running-dot, #dashtodockContainer.bottom.extended.shrink #dash .dash-item-container .grid-search-result .app-well-app-running-dot { margin-bottom: 2px; } #dashtodockContainer.bottom.extended.shrink #dash .dash-item-container > StButton { transition-duration: 250; background-size: contain; } #dashtodockContainer.bottom.extended.shrink.fixed #dash .dash-background { margin-top: 0; } #dashtodockContainer.bottom.extended.shrink.fixed #dash .dash-item-container .app-well-app, #dashtodockContainer.bottom.extended.shrink.fixed #dash .dash-item-container .grid-search-result, #dashtodockContainer.bottom.extended.shrink.fixed #dash .dash-item-container .show-apps { padding-top: 3px; } .dash-label.bottom.shrink { margin-bottom: 3px; -x-offset: 0; -y-offset: 0; } #dashtodockContainer.top #dash { margin: 0px; padding: 0px; } #dashtodockContainer.top #dash .dash-background { margin: 0; margin-top: 4px; padding: 0; border-radius: 18px; spacing: 6px; } #dashtodockContainer.top #dash .dash-separator { background-color: #464646; margin: 0 4px; width: 1px; height: 0; margin-top: 4px; } #dashtodockContainer.top #dash #dashtodockDashContainer { padding: 10px; padding-top: 0; padding-bottom: 0; } #dashtodockContainer.top #dash .dash-item-container { /* Disable all margins defined upstream, we handle them here */ margin: 0 2px; } #dashtodockContainer.top #dash .dash-item-container > * { margin: 0; } #dashtodockContainer.top #dash .dash-item-container:ltr:first-child, #dashtodockContainer.top #dash .dash-item-container:rtl:last-child { margin-left: 0; } #dashtodockContainer.top #dash .dash-item-container:ltr:last-child, #dashtodockContainer.top #dash .dash-item-container:rtl:first-child { margin-right: 0; } #dashtodockContainer.top #dash .dash-item-container .app-well-app, #dashtodockContainer.top #dash .dash-item-container .grid-search-result, #dashtodockContainer.top #dash .dash-item-container .show-apps { padding: 2px 2px; padding-top: 14px; padding-bottom: 10px; } #dashtodockContainer.top #dash .dash-item-container .app-well-app:ltr:first-child, #dashtodockContainer.top #dash .dash-item-container .grid-search-result:ltr:first-child, #dashtodockContainer.top #dash .dash-item-container .app-well-app:rtl:last-child, #dashtodockContainer.top #dash .dash-item-container .grid-search-result:rtl:last-child, #dashtodockContainer.top #dash .dash-item-container .show-apps:ltr:first-child, #dashtodockContainer.top #dash .dash-item-container .show-apps:rtl:last-child { padding-left: 0; } #dashtodockContainer.top #dash .dash-item-container .app-well-app:ltr:last-child, #dashtodockContainer.top #dash .dash-item-container .grid-search-result:ltr:last-child, #dashtodockContainer.top #dash .dash-item-container .app-well-app:rtl:first-child, #dashtodockContainer.top #dash .dash-item-container .grid-search-result:rtl:first-child, #dashtodockContainer.top #dash .dash-item-container .show-apps:ltr:last-child, #dashtodockContainer.top #dash .dash-item-container .show-apps:rtl:first-child { padding-right: 0; } #dashtodockContainer.top #dash .dash-item-container .app-well-app.running .overview-icon, #dashtodockContainer.top #dash .dash-item-container .running.grid-search-result .overview-icon { background-image: none; } #dashtodockContainer.top #dash .dash-item-container .app-well-app.focused .overview-icon, #dashtodockContainer.top #dash .dash-item-container .focused.grid-search-result .overview-icon { background-color: rgba(238, 238, 236, 0.2); } #dashtodockContainer.top #dash .dash-item-container .app-well-app .app-well-app-running-dot, #dashtodockContainer.top #dash .dash-item-container .grid-search-result .app-well-app-running-dot { margin-bottom: 2px; } #dashtodockContainer.top #dash .dash-item-container > StButton { transition-duration: 250; background-size: contain; } #dashtodockContainer.top.fixed #dash .dash-background { margin-bottom: 4px; } #dashtodockContainer.top.fixed #dash .dash-item-container .app-well-app, #dashtodockContainer.top.fixed #dash .dash-item-container .grid-search-result, #dashtodockContainer.top.fixed #dash .dash-item-container .show-apps { padding-bottom: 14px; } .dash-label.top { margin-top: 10px; -x-offset: 0; -y-offset: 0; } #dashtodockContainer.top.shrink #dash { margin: 0px; padding: 0px; } #dashtodockContainer.top.shrink #dash .dash-background { margin: 0; margin-top: 4px; padding: 0; border-radius: 14px; spacing: 2px; } #dashtodockContainer.top.shrink #dash .dash-separator { background-color: #464646; margin: 0 1px; width: 1px; height: 0; margin-top: 4px; } #dashtodockContainer.top.shrink #dash #dashtodockDashContainer { padding: 3px; padding-top: 0; padding-bottom: 0; } #dashtodockContainer.top.shrink #dash .dash-item-container { /* Disable all margins defined upstream, we handle them here */ margin: 0 2px; } #dashtodockContainer.top.shrink #dash .dash-item-container > * { margin: 0; } #dashtodockContainer.top.shrink #dash .dash-item-container:ltr:first-child, #dashtodockContainer.top.shrink #dash .dash-item-container:rtl:last-child { margin-left: 0; } #dashtodockContainer.top.shrink #dash .dash-item-container:ltr:last-child, #dashtodockContainer.top.shrink #dash .dash-item-container:rtl:first-child { margin-right: 0; } #dashtodockContainer.top.shrink #dash .dash-item-container .app-well-app, #dashtodockContainer.top.shrink #dash .dash-item-container .grid-search-result, #dashtodockContainer.top.shrink #dash .dash-item-container .show-apps { padding: 1px 1px; padding-top: 7px; padding-bottom: 3px; } #dashtodockContainer.top.shrink #dash .dash-item-container .app-well-app:ltr:first-child, #dashtodockContainer.top.shrink #dash .dash-item-container .grid-search-result:ltr:first-child, #dashtodockContainer.top.shrink #dash .dash-item-container .app-well-app:rtl:last-child, #dashtodockContainer.top.shrink #dash .dash-item-container .grid-search-result:rtl:last-child, #dashtodockContainer.top.shrink #dash .dash-item-container .show-apps:ltr:first-child, #dashtodockContainer.top.shrink #dash .dash-item-container .show-apps:rtl:last-child { padding-left: 0; } #dashtodockContainer.top.shrink #dash .dash-item-container .app-well-app:ltr:last-child, #dashtodockContainer.top.shrink #dash .dash-item-container .grid-search-result:ltr:last-child, #dashtodockContainer.top.shrink #dash .dash-item-container .app-well-app:rtl:first-child, #dashtodockContainer.top.shrink #dash .dash-item-container .grid-search-result:rtl:first-child, #dashtodockContainer.top.shrink #dash .dash-item-container .show-apps:ltr:last-child, #dashtodockContainer.top.shrink #dash .dash-item-container .show-apps:rtl:first-child { padding-right: 0; } #dashtodockContainer.top.shrink #dash .dash-item-container .app-well-app.running .overview-icon, #dashtodockContainer.top.shrink #dash .dash-item-container .running.grid-search-result .overview-icon { background-image: none; } #dashtodockContainer.top.shrink #dash .dash-item-container .app-well-app.focused .overview-icon, #dashtodockContainer.top.shrink #dash .dash-item-container .focused.grid-search-result .overview-icon { background-color: rgba(238, 238, 236, 0.2); } #dashtodockContainer.top.shrink #dash .dash-item-container .app-well-app .app-well-app-running-dot, #dashtodockContainer.top.shrink #dash .dash-item-container .grid-search-result .app-well-app-running-dot { margin-bottom: 2px; } #dashtodockContainer.top.shrink #dash .dash-item-container > StButton { transition-duration: 250; background-size: contain; } #dashtodockContainer.top.shrink.fixed #dash .dash-background { margin-bottom: 1px; } #dashtodockContainer.top.shrink.fixed #dash .dash-item-container .app-well-app, #dashtodockContainer.top.shrink.fixed #dash .dash-item-container .grid-search-result, #dashtodockContainer.top.shrink.fixed #dash .dash-item-container .show-apps { padding-bottom: 4px; } .dash-label.top.shrink { margin-top: 3px; -x-offset: 0; -y-offset: 0; } #dashtodockContainer.top.extended #dash { margin: 0px; padding: 0px; } #dashtodockContainer.top.extended #dash .dash-background { margin: 0; margin-top: 0; padding: 0; border-radius: 0; spacing: 6px; } #dashtodockContainer.top.extended #dash .dash-separator { background-color: #464646; margin: 0 4px; width: 1px; height: 0; margin-top: 0; } #dashtodockContainer.top.extended #dash #dashtodockDashContainer { padding: 0; padding-top: 0; padding-bottom: 0; } #dashtodockContainer.top.extended #dash #dashtodockDashContainer > :first-child .show-apps { padding-left: 8px; } #dashtodockContainer.top.extended #dash #dashtodockDashContainer #dashtodockDashScrollview:first-child { padding-left: 8px; } #dashtodockContainer.top.extended #dash #dashtodockDashContainer > :last-child .show-apps { padding-right: 8px; } #dashtodockContainer.top.extended #dash #dashtodockDashContainer #dashtodockDashScrollview:last-child { padding-right: 8px; } #dashtodockContainer.top.extended #dash .dash-item-container { /* Disable all margins defined upstream, we handle them here */ margin: 0 2px; } #dashtodockContainer.top.extended #dash .dash-item-container > * { margin: 0; } #dashtodockContainer.top.extended #dash .dash-item-container:ltr:first-child, #dashtodockContainer.top.extended #dash .dash-item-container:rtl:last-child { margin-left: 0; } #dashtodockContainer.top.extended #dash .dash-item-container:ltr:last-child, #dashtodockContainer.top.extended #dash .dash-item-container:rtl:first-child { margin-right: 0; } #dashtodockContainer.top.extended #dash .dash-item-container .app-well-app, #dashtodockContainer.top.extended #dash .dash-item-container .grid-search-result, #dashtodockContainer.top.extended #dash .dash-item-container .show-apps { padding: 2px 2px; padding-top: 10px; padding-bottom: 10px; } #dashtodockContainer.top.extended #dash .dash-item-container .app-well-app:ltr:first-child, #dashtodockContainer.top.extended #dash .dash-item-container .grid-search-result:ltr:first-child, #dashtodockContainer.top.extended #dash .dash-item-container .app-well-app:rtl:last-child, #dashtodockContainer.top.extended #dash .dash-item-container .grid-search-result:rtl:last-child, #dashtodockContainer.top.extended #dash .dash-item-container .show-apps:ltr:first-child, #dashtodockContainer.top.extended #dash .dash-item-container .show-apps:rtl:last-child { padding-left: 0; } #dashtodockContainer.top.extended #dash .dash-item-container .app-well-app:ltr:last-child, #dashtodockContainer.top.extended #dash .dash-item-container .grid-search-result:ltr:last-child, #dashtodockContainer.top.extended #dash .dash-item-container .app-well-app:rtl:first-child, #dashtodockContainer.top.extended #dash .dash-item-container .grid-search-result:rtl:first-child, #dashtodockContainer.top.extended #dash .dash-item-container .show-apps:ltr:last-child, #dashtodockContainer.top.extended #dash .dash-item-container .show-apps:rtl:first-child { padding-right: 0; } #dashtodockContainer.top.extended #dash .dash-item-container .app-well-app.running .overview-icon, #dashtodockContainer.top.extended #dash .dash-item-container .running.grid-search-result .overview-icon { background-image: none; } #dashtodockContainer.top.extended #dash .dash-item-container .app-well-app.focused .overview-icon, #dashtodockContainer.top.extended #dash .dash-item-container .focused.grid-search-result .overview-icon { background-color: rgba(238, 238, 236, 0.2); } #dashtodockContainer.top.extended #dash .dash-item-container .app-well-app .app-well-app-running-dot, #dashtodockContainer.top.extended #dash .dash-item-container .grid-search-result .app-well-app-running-dot { margin-bottom: 2px; } #dashtodockContainer.top.extended #dash .dash-item-container > StButton { transition-duration: 250; background-size: contain; } #dashtodockContainer.top.extended.fixed #dash .dash-background { margin-bottom: 0; } #dashtodockContainer.top.extended.fixed #dash .dash-item-container .app-well-app, #dashtodockContainer.top.extended.fixed #dash .dash-item-container .grid-search-result, #dashtodockContainer.top.extended.fixed #dash .dash-item-container .show-apps { padding-bottom: 10px; } .dash-label.top { margin-top: 10px; -x-offset: 0; -y-offset: 0; } #dashtodockContainer.top.extended.shrink #dash { margin: 0px; padding: 0px; } #dashtodockContainer.top.extended.shrink #dash .dash-background { margin: 0; margin-top: 0; padding: 0; border-radius: 0; spacing: 2px; } #dashtodockContainer.top.extended.shrink #dash .dash-separator { background-color: #464646; margin: 0 1px; width: 1px; height: 0; margin-top: 0; } #dashtodockContainer.top.extended.shrink #dash #dashtodockDashContainer { padding: 0; padding-top: 0; padding-bottom: 0; } #dashtodockContainer.top.extended.shrink #dash #dashtodockDashContainer > :first-child .show-apps { padding-left: 6px; } #dashtodockContainer.top.extended.shrink #dash #dashtodockDashContainer #dashtodockDashScrollview:first-child { padding-left: 6px; } #dashtodockContainer.top.extended.shrink #dash #dashtodockDashContainer > :last-child .show-apps { padding-right: 6px; } #dashtodockContainer.top.extended.shrink #dash #dashtodockDashContainer #dashtodockDashScrollview:last-child { padding-right: 6px; } #dashtodockContainer.top.extended.shrink #dash .dash-item-container { /* Disable all margins defined upstream, we handle them here */ margin: 0 2px; } #dashtodockContainer.top.extended.shrink #dash .dash-item-container > * { margin: 0; } #dashtodockContainer.top.extended.shrink #dash .dash-item-container:ltr:first-child, #dashtodockContainer.top.extended.shrink #dash .dash-item-container:rtl:last-child { margin-left: 0; } #dashtodockContainer.top.extended.shrink #dash .dash-item-container:ltr:last-child, #dashtodockContainer.top.extended.shrink #dash .dash-item-container:rtl:first-child { margin-right: 0; } #dashtodockContainer.top.extended.shrink #dash .dash-item-container .app-well-app, #dashtodockContainer.top.extended.shrink #dash .dash-item-container .grid-search-result, #dashtodockContainer.top.extended.shrink #dash .dash-item-container .show-apps { padding: 1px 1px; padding-top: 3px; padding-bottom: 3px; } #dashtodockContainer.top.extended.shrink #dash .dash-item-container .app-well-app:ltr:first-child, #dashtodockContainer.top.extended.shrink #dash .dash-item-container .grid-search-result:ltr:first-child, #dashtodockContainer.top.extended.shrink #dash .dash-item-container .app-well-app:rtl:last-child, #dashtodockContainer.top.extended.shrink #dash .dash-item-container .grid-search-result:rtl:last-child, #dashtodockContainer.top.extended.shrink #dash .dash-item-container .show-apps:ltr:first-child, #dashtodockContainer.top.extended.shrink #dash .dash-item-container .show-apps:rtl:last-child { padding-left: 0; } #dashtodockContainer.top.extended.shrink #dash .dash-item-container .app-well-app:ltr:last-child, #dashtodockContainer.top.extended.shrink #dash .dash-item-container .grid-search-result:ltr:last-child, #dashtodockContainer.top.extended.shrink #dash .dash-item-container .app-well-app:rtl:first-child, #dashtodockContainer.top.extended.shrink #dash .dash-item-container .grid-search-result:rtl:first-child, #dashtodockContainer.top.extended.shrink #dash .dash-item-container .show-apps:ltr:last-child, #dashtodockContainer.top.extended.shrink #dash .dash-item-container .show-apps:rtl:first-child { padding-right: 0; } #dashtodockContainer.top.extended.shrink #dash .dash-item-container .app-well-app.running .overview-icon, #dashtodockContainer.top.extended.shrink #dash .dash-item-container .running.grid-search-result .overview-icon { background-image: none; } #dashtodockContainer.top.extended.shrink #dash .dash-item-container .app-well-app.focused .overview-icon, #dashtodockContainer.top.extended.shrink #dash .dash-item-container .focused.grid-search-result .overview-icon { background-color: rgba(238, 238, 236, 0.2); } #dashtodockContainer.top.extended.shrink #dash .dash-item-container .app-well-app .app-well-app-running-dot, #dashtodockContainer.top.extended.shrink #dash .dash-item-container .grid-search-result .app-well-app-running-dot { margin-bottom: 2px; } #dashtodockContainer.top.extended.shrink #dash .dash-item-container > StButton { transition-duration: 250; background-size: contain; } #dashtodockContainer.top.extended.shrink.fixed #dash .dash-background { margin-bottom: 0; } #dashtodockContainer.top.extended.shrink.fixed #dash .dash-item-container .app-well-app, #dashtodockContainer.top.extended.shrink.fixed #dash .dash-item-container .grid-search-result, #dashtodockContainer.top.extended.shrink.fixed #dash .dash-item-container .show-apps { padding-bottom: 3px; } .dash-label.top.shrink { margin-top: 3px; -x-offset: 0; -y-offset: 0; } #dashtodockContainer.left #dash { margin: 0px; padding: 0px; } #dashtodockContainer.left #dash .dash-background { margin: 0; margin-left: 4px; padding: 0; border-radius: 18px; spacing: 6px; } #dashtodockContainer.left #dash .dash-separator { background-color: #464646; width: 0; height: 1px; margin: 4px 0; margin-left: 4px; } #dashtodockContainer.left #dash #dashtodockDashContainer { padding: 10px; padding-left: 0; padding-right: 0; } #dashtodockContainer.left #dash .dash-item-container { /* Disable all margins defined upstream, we handle them here */ margin: 2px 0; } #dashtodockContainer.left #dash .dash-item-container > * { margin: 0; } #dashtodockContainer.left #dash .dash-item-container:first-child { margin-top: 0; } #dashtodockContainer.left #dash .dash-item-container:last-child { margin-bottom: 0; } #dashtodockContainer.left #dash .dash-item-container .app-well-app, #dashtodockContainer.left #dash .dash-item-container .grid-search-result, #dashtodockContainer.left #dash .dash-item-container .show-apps { padding: 2px 2px; padding-left: 14px; padding-right: 10px; } #dashtodockContainer.left #dash .dash-item-container .app-well-app:first-child, #dashtodockContainer.left #dash .dash-item-container .grid-search-result:first-child, #dashtodockContainer.left #dash .dash-item-container .show-apps:first-child { padding-top: 0; } #dashtodockContainer.left #dash .dash-item-container .app-well-app:last-child, #dashtodockContainer.left #dash .dash-item-container .grid-search-result:last-child, #dashtodockContainer.left #dash .dash-item-container .show-apps:last-child { padding-bottom: 0; } #dashtodockContainer.left #dash .dash-item-container .app-well-app.running .overview-icon, #dashtodockContainer.left #dash .dash-item-container .running.grid-search-result .overview-icon { background-image: none; } #dashtodockContainer.left #dash .dash-item-container .app-well-app.focused .overview-icon, #dashtodockContainer.left #dash .dash-item-container .focused.grid-search-result .overview-icon { background-color: rgba(238, 238, 236, 0.2); } #dashtodockContainer.left #dash .dash-item-container .app-well-app .app-well-app-running-dot, #dashtodockContainer.left #dash .dash-item-container .grid-search-result .app-well-app-running-dot { margin-bottom: 2px; } #dashtodockContainer.left #dash .dash-item-container > StButton { transition-duration: 250; background-size: contain; } #dashtodockContainer.left.fixed #dash .dash-background { margin-right: 4px; } #dashtodockContainer.left.fixed #dash .dash-item-container .app-well-app, #dashtodockContainer.left.fixed #dash .dash-item-container .grid-search-result, #dashtodockContainer.left.fixed #dash .dash-item-container .show-apps { padding-right: 14px; } .dash-label.left { margin: 0; -x-offset: 10px; -y-offset: 0; } #dashtodockContainer.left.shrink #dash { margin: 0px; padding: 0px; } #dashtodockContainer.left.shrink #dash .dash-background { margin: 0; margin-left: 4px; padding: 0; border-radius: 14px; spacing: 2px; } #dashtodockContainer.left.shrink #dash .dash-separator { background-color: #464646; width: 0; height: 1px; margin: 1px 0; margin-left: 4px; } #dashtodockContainer.left.shrink #dash #dashtodockDashContainer { padding: 3px; padding-left: 0; padding-right: 0; } #dashtodockContainer.left.shrink #dash .dash-item-container { /* Disable all margins defined upstream, we handle them here */ margin: 2px 0; } #dashtodockContainer.left.shrink #dash .dash-item-container > * { margin: 0; } #dashtodockContainer.left.shrink #dash .dash-item-container:first-child { margin-top: 0; } #dashtodockContainer.left.shrink #dash .dash-item-container:last-child { margin-bottom: 0; } #dashtodockContainer.left.shrink #dash .dash-item-container .app-well-app, #dashtodockContainer.left.shrink #dash .dash-item-container .grid-search-result, #dashtodockContainer.left.shrink #dash .dash-item-container .show-apps { padding: 1px 1px; padding-left: 7px; padding-right: 3px; } #dashtodockContainer.left.shrink #dash .dash-item-container .app-well-app:first-child, #dashtodockContainer.left.shrink #dash .dash-item-container .grid-search-result:first-child, #dashtodockContainer.left.shrink #dash .dash-item-container .show-apps:first-child { padding-top: 0; } #dashtodockContainer.left.shrink #dash .dash-item-container .app-well-app:last-child, #dashtodockContainer.left.shrink #dash .dash-item-container .grid-search-result:last-child, #dashtodockContainer.left.shrink #dash .dash-item-container .show-apps:last-child { padding-bottom: 0; } #dashtodockContainer.left.shrink #dash .dash-item-container .app-well-app.running .overview-icon, #dashtodockContainer.left.shrink #dash .dash-item-container .running.grid-search-result .overview-icon { background-image: none; } #dashtodockContainer.left.shrink #dash .dash-item-container .app-well-app.focused .overview-icon, #dashtodockContainer.left.shrink #dash .dash-item-container .focused.grid-search-result .overview-icon { background-color: rgba(238, 238, 236, 0.2); } #dashtodockContainer.left.shrink #dash .dash-item-container .app-well-app .app-well-app-running-dot, #dashtodockContainer.left.shrink #dash .dash-item-container .grid-search-result .app-well-app-running-dot { margin-bottom: 2px; } #dashtodockContainer.left.shrink #dash .dash-item-container > StButton { transition-duration: 250; background-size: contain; } #dashtodockContainer.left.shrink.fixed #dash .dash-background { margin-right: 1px; } #dashtodockContainer.left.shrink.fixed #dash .dash-item-container .app-well-app, #dashtodockContainer.left.shrink.fixed #dash .dash-item-container .grid-search-result, #dashtodockContainer.left.shrink.fixed #dash .dash-item-container .show-apps { padding-right: 4px; } .dash-label.left.shrink { margin: 0; -x-offset: 3px; -y-offset: 0; } #dashtodockContainer.left.extended #dash { margin: 0px; padding: 0px; } #dashtodockContainer.left.extended #dash .dash-background { margin: 0; margin-left: 0; padding: 0; border-radius: 0; spacing: 6px; } #dashtodockContainer.left.extended #dash .dash-separator { background-color: #464646; width: 0; height: 1px; margin: 4px 0; margin-left: 0; } #dashtodockContainer.left.extended #dash #dashtodockDashContainer { padding: 0; padding-left: 0; padding-right: 0; } #dashtodockContainer.left.extended #dash #dashtodockDashContainer > :first-child .show-apps { padding-top: 8px; } #dashtodockContainer.left.extended #dash #dashtodockDashContainer #dashtodockDashScrollview:first-child { padding-top: 8px; } #dashtodockContainer.left.extended #dash #dashtodockDashContainer > :last-child .show-apps { padding-bottom: 8px; } #dashtodockContainer.left.extended #dash #dashtodockDashContainer #dashtodockDashScrollview:last-child { padding-bottom: 8px; } #dashtodockContainer.left.extended #dash .dash-item-container { /* Disable all margins defined upstream, we handle them here */ margin: 2px 0; } #dashtodockContainer.left.extended #dash .dash-item-container > * { margin: 0; } #dashtodockContainer.left.extended #dash .dash-item-container:first-child { margin-top: 0; } #dashtodockContainer.left.extended #dash .dash-item-container:last-child { margin-bottom: 0; } #dashtodockContainer.left.extended #dash .dash-item-container .app-well-app, #dashtodockContainer.left.extended #dash .dash-item-container .grid-search-result, #dashtodockContainer.left.extended #dash .dash-item-container .show-apps { padding: 2px 2px; padding-left: 10px; padding-right: 10px; } #dashtodockContainer.left.extended #dash .dash-item-container .app-well-app:first-child, #dashtodockContainer.left.extended #dash .dash-item-container .grid-search-result:first-child, #dashtodockContainer.left.extended #dash .dash-item-container .show-apps:first-child { padding-top: 0; } #dashtodockContainer.left.extended #dash .dash-item-container .app-well-app:last-child, #dashtodockContainer.left.extended #dash .dash-item-container .grid-search-result:last-child, #dashtodockContainer.left.extended #dash .dash-item-container .show-apps:last-child { padding-bottom: 0; } #dashtodockContainer.left.extended #dash .dash-item-container .app-well-app.running .overview-icon, #dashtodockContainer.left.extended #dash .dash-item-container .running.grid-search-result .overview-icon { background-image: none; } #dashtodockContainer.left.extended #dash .dash-item-container .app-well-app.focused .overview-icon, #dashtodockContainer.left.extended #dash .dash-item-container .focused.grid-search-result .overview-icon { background-color: rgba(238, 238, 236, 0.2); } #dashtodockContainer.left.extended #dash .dash-item-container .app-well-app .app-well-app-running-dot, #dashtodockContainer.left.extended #dash .dash-item-container .grid-search-result .app-well-app-running-dot { margin-bottom: 2px; } #dashtodockContainer.left.extended #dash .dash-item-container > StButton { transition-duration: 250; background-size: contain; } #dashtodockContainer.left.extended.fixed #dash .dash-background { margin-right: 0; } #dashtodockContainer.left.extended.fixed #dash .dash-item-container .app-well-app, #dashtodockContainer.left.extended.fixed #dash .dash-item-container .grid-search-result, #dashtodockContainer.left.extended.fixed #dash .dash-item-container .show-apps { padding-right: 10px; } .dash-label.left { margin: 0; -x-offset: 10px; -y-offset: 0; } #dashtodockContainer.left.extended.shrink #dash { margin: 0px; padding: 0px; } #dashtodockContainer.left.extended.shrink #dash .dash-background { margin: 0; margin-left: 0; padding: 0; border-radius: 0; spacing: 2px; } #dashtodockContainer.left.extended.shrink #dash .dash-separator { background-color: #464646; width: 0; height: 1px; margin: 1px 0; margin-left: 0; } #dashtodockContainer.left.extended.shrink #dash #dashtodockDashContainer { padding: 0; padding-left: 0; padding-right: 0; } #dashtodockContainer.left.extended.shrink #dash #dashtodockDashContainer > :first-child .show-apps { padding-top: 6px; } #dashtodockContainer.left.extended.shrink #dash #dashtodockDashContainer #dashtodockDashScrollview:first-child { padding-top: 6px; } #dashtodockContainer.left.extended.shrink #dash #dashtodockDashContainer > :last-child .show-apps { padding-bottom: 6px; } #dashtodockContainer.left.extended.shrink #dash #dashtodockDashContainer #dashtodockDashScrollview:last-child { padding-bottom: 6px; } #dashtodockContainer.left.extended.shrink #dash .dash-item-container { /* Disable all margins defined upstream, we handle them here */ margin: 2px 0; } #dashtodockContainer.left.extended.shrink #dash .dash-item-container > * { margin: 0; } #dashtodockContainer.left.extended.shrink #dash .dash-item-container:first-child { margin-top: 0; } #dashtodockContainer.left.extended.shrink #dash .dash-item-container:last-child { margin-bottom: 0; } #dashtodockContainer.left.extended.shrink #dash .dash-item-container .app-well-app, #dashtodockContainer.left.extended.shrink #dash .dash-item-container .grid-search-result, #dashtodockContainer.left.extended.shrink #dash .dash-item-container .show-apps { padding: 1px 1px; padding-left: 3px; padding-right: 3px; } #dashtodockContainer.left.extended.shrink #dash .dash-item-container .app-well-app:first-child, #dashtodockContainer.left.extended.shrink #dash .dash-item-container .grid-search-result:first-child, #dashtodockContainer.left.extended.shrink #dash .dash-item-container .show-apps:first-child { padding-top: 0; } #dashtodockContainer.left.extended.shrink #dash .dash-item-container .app-well-app:last-child, #dashtodockContainer.left.extended.shrink #dash .dash-item-container .grid-search-result:last-child, #dashtodockContainer.left.extended.shrink #dash .dash-item-container .show-apps:last-child { padding-bottom: 0; } #dashtodockContainer.left.extended.shrink #dash .dash-item-container .app-well-app.running .overview-icon, #dashtodockContainer.left.extended.shrink #dash .dash-item-container .running.grid-search-result .overview-icon { background-image: none; } #dashtodockContainer.left.extended.shrink #dash .dash-item-container .app-well-app.focused .overview-icon, #dashtodockContainer.left.extended.shrink #dash .dash-item-container .focused.grid-search-result .overview-icon { background-color: rgba(238, 238, 236, 0.2); } #dashtodockContainer.left.extended.shrink #dash .dash-item-container .app-well-app .app-well-app-running-dot, #dashtodockContainer.left.extended.shrink #dash .dash-item-container .grid-search-result .app-well-app-running-dot { margin-bottom: 2px; } #dashtodockContainer.left.extended.shrink #dash .dash-item-container > StButton { transition-duration: 250; background-size: contain; } #dashtodockContainer.left.extended.shrink.fixed #dash .dash-background { margin-right: 0; } #dashtodockContainer.left.extended.shrink.fixed #dash .dash-item-container .app-well-app, #dashtodockContainer.left.extended.shrink.fixed #dash .dash-item-container .grid-search-result, #dashtodockContainer.left.extended.shrink.fixed #dash .dash-item-container .show-apps { padding-right: 3px; } .dash-label.left.shrink { margin: 0; -x-offset: 3px; -y-offset: 0; } #dashtodockContainer.right #dash { margin: 0px; padding: 0px; } #dashtodockContainer.right #dash .dash-background { margin: 0; margin-right: 4px; padding: 0; border-radius: 18px; spacing: 6px; } #dashtodockContainer.right #dash .dash-separator { background-color: #464646; width: 0; height: 1px; margin: 4px 0; margin-right: 4px; } #dashtodockContainer.right #dash #dashtodockDashContainer { padding: 10px; padding-right: 0; padding-left: 0; } #dashtodockContainer.right #dash .dash-item-container { /* Disable all margins defined upstream, we handle them here */ margin: 2px 0; } #dashtodockContainer.right #dash .dash-item-container > * { margin: 0; } #dashtodockContainer.right #dash .dash-item-container:first-child { margin-top: 0; } #dashtodockContainer.right #dash .dash-item-container:last-child { margin-bottom: 0; } #dashtodockContainer.right #dash .dash-item-container .app-well-app, #dashtodockContainer.right #dash .dash-item-container .grid-search-result, #dashtodockContainer.right #dash .dash-item-container .show-apps { padding: 2px 2px; padding-right: 14px; padding-left: 10px; } #dashtodockContainer.right #dash .dash-item-container .app-well-app:first-child, #dashtodockContainer.right #dash .dash-item-container .grid-search-result:first-child, #dashtodockContainer.right #dash .dash-item-container .show-apps:first-child { padding-top: 0; } #dashtodockContainer.right #dash .dash-item-container .app-well-app:last-child, #dashtodockContainer.right #dash .dash-item-container .grid-search-result:last-child, #dashtodockContainer.right #dash .dash-item-container .show-apps:last-child { padding-bottom: 0; } #dashtodockContainer.right #dash .dash-item-container .app-well-app.running .overview-icon, #dashtodockContainer.right #dash .dash-item-container .running.grid-search-result .overview-icon { background-image: none; } #dashtodockContainer.right #dash .dash-item-container .app-well-app.focused .overview-icon, #dashtodockContainer.right #dash .dash-item-container .focused.grid-search-result .overview-icon { background-color: rgba(238, 238, 236, 0.2); } #dashtodockContainer.right #dash .dash-item-container .app-well-app .app-well-app-running-dot, #dashtodockContainer.right #dash .dash-item-container .grid-search-result .app-well-app-running-dot { margin-bottom: 2px; } #dashtodockContainer.right #dash .dash-item-container > StButton { transition-duration: 250; background-size: contain; } #dashtodockContainer.right.fixed #dash .dash-background { margin-left: 4px; } #dashtodockContainer.right.fixed #dash .dash-item-container .app-well-app, #dashtodockContainer.right.fixed #dash .dash-item-container .grid-search-result, #dashtodockContainer.right.fixed #dash .dash-item-container .show-apps { padding-left: 14px; } .dash-label.right { margin: 0; -x-offset: 10px; -y-offset: 0; } #dashtodockContainer.right.shrink #dash { margin: 0px; padding: 0px; } #dashtodockContainer.right.shrink #dash .dash-background { margin: 0; margin-right: 4px; padding: 0; border-radius: 14px; spacing: 2px; } #dashtodockContainer.right.shrink #dash .dash-separator { background-color: #464646; width: 0; height: 1px; margin: 1px 0; margin-right: 4px; } #dashtodockContainer.right.shrink #dash #dashtodockDashContainer { padding: 3px; padding-right: 0; padding-left: 0; } #dashtodockContainer.right.shrink #dash .dash-item-container { /* Disable all margins defined upstream, we handle them here */ margin: 2px 0; } #dashtodockContainer.right.shrink #dash .dash-item-container > * { margin: 0; } #dashtodockContainer.right.shrink #dash .dash-item-container:first-child { margin-top: 0; } #dashtodockContainer.right.shrink #dash .dash-item-container:last-child { margin-bottom: 0; } #dashtodockContainer.right.shrink #dash .dash-item-container .app-well-app, #dashtodockContainer.right.shrink #dash .dash-item-container .grid-search-result, #dashtodockContainer.right.shrink #dash .dash-item-container .show-apps { padding: 1px 1px; padding-right: 7px; padding-left: 3px; } #dashtodockContainer.right.shrink #dash .dash-item-container .app-well-app:first-child, #dashtodockContainer.right.shrink #dash .dash-item-container .grid-search-result:first-child, #dashtodockContainer.right.shrink #dash .dash-item-container .show-apps:first-child { padding-top: 0; } #dashtodockContainer.right.shrink #dash .dash-item-container .app-well-app:last-child, #dashtodockContainer.right.shrink #dash .dash-item-container .grid-search-result:last-child, #dashtodockContainer.right.shrink #dash .dash-item-container .show-apps:last-child { padding-bottom: 0; } #dashtodockContainer.right.shrink #dash .dash-item-container .app-well-app.running .overview-icon, #dashtodockContainer.right.shrink #dash .dash-item-container .running.grid-search-result .overview-icon { background-image: none; } #dashtodockContainer.right.shrink #dash .dash-item-container .app-well-app.focused .overview-icon, #dashtodockContainer.right.shrink #dash .dash-item-container .focused.grid-search-result .overview-icon { background-color: rgba(238, 238, 236, 0.2); } #dashtodockContainer.right.shrink #dash .dash-item-container .app-well-app .app-well-app-running-dot, #dashtodockContainer.right.shrink #dash .dash-item-container .grid-search-result .app-well-app-running-dot { margin-bottom: 2px; } #dashtodockContainer.right.shrink #dash .dash-item-container > StButton { transition-duration: 250; background-size: contain; } #dashtodockContainer.right.shrink.fixed #dash .dash-background { margin-left: 1px; } #dashtodockContainer.right.shrink.fixed #dash .dash-item-container .app-well-app, #dashtodockContainer.right.shrink.fixed #dash .dash-item-container .grid-search-result, #dashtodockContainer.right.shrink.fixed #dash .dash-item-container .show-apps { padding-left: 4px; } .dash-label.right.shrink { margin: 0; -x-offset: 3px; -y-offset: 0; } #dashtodockContainer.right.extended #dash { margin: 0px; padding: 0px; } #dashtodockContainer.right.extended #dash .dash-background { margin: 0; margin-right: 0; padding: 0; border-radius: 0; spacing: 6px; } #dashtodockContainer.right.extended #dash .dash-separator { background-color: #464646; width: 0; height: 1px; margin: 4px 0; margin-right: 0; } #dashtodockContainer.right.extended #dash #dashtodockDashContainer { padding: 0; padding-right: 0; padding-left: 0; } #dashtodockContainer.right.extended #dash #dashtodockDashContainer > :first-child .show-apps { padding-top: 8px; } #dashtodockContainer.right.extended #dash #dashtodockDashContainer #dashtodockDashScrollview:first-child { padding-top: 8px; } #dashtodockContainer.right.extended #dash #dashtodockDashContainer > :last-child .show-apps { padding-bottom: 8px; } #dashtodockContainer.right.extended #dash #dashtodockDashContainer #dashtodockDashScrollview:last-child { padding-bottom: 8px; } #dashtodockContainer.right.extended #dash .dash-item-container { /* Disable all margins defined upstream, we handle them here */ margin: 2px 0; } #dashtodockContainer.right.extended #dash .dash-item-container > * { margin: 0; } #dashtodockContainer.right.extended #dash .dash-item-container:first-child { margin-top: 0; } #dashtodockContainer.right.extended #dash .dash-item-container:last-child { margin-bottom: 0; } #dashtodockContainer.right.extended #dash .dash-item-container .app-well-app, #dashtodockContainer.right.extended #dash .dash-item-container .grid-search-result, #dashtodockContainer.right.extended #dash .dash-item-container .show-apps { padding: 2px 2px; padding-right: 10px; padding-left: 10px; } #dashtodockContainer.right.extended #dash .dash-item-container .app-well-app:first-child, #dashtodockContainer.right.extended #dash .dash-item-container .grid-search-result:first-child, #dashtodockContainer.right.extended #dash .dash-item-container .show-apps:first-child { padding-top: 0; } #dashtodockContainer.right.extended #dash .dash-item-container .app-well-app:last-child, #dashtodockContainer.right.extended #dash .dash-item-container .grid-search-result:last-child, #dashtodockContainer.right.extended #dash .dash-item-container .show-apps:last-child { padding-bottom: 0; } #dashtodockContainer.right.extended #dash .dash-item-container .app-well-app.running .overview-icon, #dashtodockContainer.right.extended #dash .dash-item-container .running.grid-search-result .overview-icon { background-image: none; } #dashtodockContainer.right.extended #dash .dash-item-container .app-well-app.focused .overview-icon, #dashtodockContainer.right.extended #dash .dash-item-container .focused.grid-search-result .overview-icon { background-color: rgba(238, 238, 236, 0.2); } #dashtodockContainer.right.extended #dash .dash-item-container .app-well-app .app-well-app-running-dot, #dashtodockContainer.right.extended #dash .dash-item-container .grid-search-result .app-well-app-running-dot { margin-bottom: 2px; } #dashtodockContainer.right.extended #dash .dash-item-container > StButton { transition-duration: 250; background-size: contain; } #dashtodockContainer.right.extended.fixed #dash .dash-background { margin-left: 0; } #dashtodockContainer.right.extended.fixed #dash .dash-item-container .app-well-app, #dashtodockContainer.right.extended.fixed #dash .dash-item-container .grid-search-result, #dashtodockContainer.right.extended.fixed #dash .dash-item-container .show-apps { padding-left: 10px; } .dash-label.right { margin: 0; -x-offset: 10px; -y-offset: 0; } #dashtodockContainer.right.extended.shrink #dash { margin: 0px; padding: 0px; } #dashtodockContainer.right.extended.shrink #dash .dash-background { margin: 0; margin-right: 0; padding: 0; border-radius: 0; spacing: 2px; } #dashtodockContainer.right.extended.shrink #dash .dash-separator { background-color: #464646; width: 0; height: 1px; margin: 1px 0; margin-right: 0; } #dashtodockContainer.right.extended.shrink #dash #dashtodockDashContainer { padding: 0; padding-right: 0; padding-left: 0; } #dashtodockContainer.right.extended.shrink #dash #dashtodockDashContainer > :first-child .show-apps { padding-top: 6px; } #dashtodockContainer.right.extended.shrink #dash #dashtodockDashContainer #dashtodockDashScrollview:first-child { padding-top: 6px; } #dashtodockContainer.right.extended.shrink #dash #dashtodockDashContainer > :last-child .show-apps { padding-bottom: 6px; } #dashtodockContainer.right.extended.shrink #dash #dashtodockDashContainer #dashtodockDashScrollview:last-child { padding-bottom: 6px; } #dashtodockContainer.right.extended.shrink #dash .dash-item-container { /* Disable all margins defined upstream, we handle them here */ margin: 2px 0; } #dashtodockContainer.right.extended.shrink #dash .dash-item-container > * { margin: 0; } #dashtodockContainer.right.extended.shrink #dash .dash-item-container:first-child { margin-top: 0; } #dashtodockContainer.right.extended.shrink #dash .dash-item-container:last-child { margin-bottom: 0; } #dashtodockContainer.right.extended.shrink #dash .dash-item-container .app-well-app, #dashtodockContainer.right.extended.shrink #dash .dash-item-container .grid-search-result, #dashtodockContainer.right.extended.shrink #dash .dash-item-container .show-apps { padding: 1px 1px; padding-right: 3px; padding-left: 3px; } #dashtodockContainer.right.extended.shrink #dash .dash-item-container .app-well-app:first-child, #dashtodockContainer.right.extended.shrink #dash .dash-item-container .grid-search-result:first-child, #dashtodockContainer.right.extended.shrink #dash .dash-item-container .show-apps:first-child { padding-top: 0; } #dashtodockContainer.right.extended.shrink #dash .dash-item-container .app-well-app:last-child, #dashtodockContainer.right.extended.shrink #dash .dash-item-container .grid-search-result:last-child, #dashtodockContainer.right.extended.shrink #dash .dash-item-container .show-apps:last-child { padding-bottom: 0; } #dashtodockContainer.right.extended.shrink #dash .dash-item-container .app-well-app.running .overview-icon, #dashtodockContainer.right.extended.shrink #dash .dash-item-container .running.grid-search-result .overview-icon { background-image: none; } #dashtodockContainer.right.extended.shrink #dash .dash-item-container .app-well-app.focused .overview-icon, #dashtodockContainer.right.extended.shrink #dash .dash-item-container .focused.grid-search-result .overview-icon { background-color: rgba(238, 238, 236, 0.2); } #dashtodockContainer.right.extended.shrink #dash .dash-item-container .app-well-app .app-well-app-running-dot, #dashtodockContainer.right.extended.shrink #dash .dash-item-container .grid-search-result .app-well-app-running-dot { margin-bottom: 2px; } #dashtodockContainer.right.extended.shrink #dash .dash-item-container > StButton { transition-duration: 250; background-size: contain; } #dashtodockContainer.right.extended.shrink.fixed #dash .dash-background { margin-left: 0; } #dashtodockContainer.right.extended.shrink.fixed #dash .dash-item-container .app-well-app, #dashtodockContainer.right.extended.shrink.fixed #dash .dash-item-container .grid-search-result, #dashtodockContainer.right.extended.shrink.fixed #dash .dash-item-container .show-apps { padding-left: 3px; } .dash-label.right.shrink { margin: 0; -x-offset: 3px; -y-offset: 0; } #dashtodockContainer.top.shrink #dash .dash-background { margin-top: 4px; margin-bottom: 0; } #dashtodockContainer.straight-corner #dash .dash-background, #dashtodockContainer.shrink.straight-corner #dash .dash-background { border-radius: 0px; } /* Scrollview style */ .bottom #dashtodockDashScrollview, .top #dashtodockDashScrollview { -st-hfade-offset: 24px; } .left #dashtodockDashScrollview, .right #dashtodockDashScrollview { -st-vfade-offset: 24px; } #dashtodockContainer.dashtodock #dash .dash-background { background: #1d1d1d; } #dashtodockContainer.dashtodock .progress-bar { /* Customization of the progress bar style, e.g.: -progress-bar-background: rgba(0.8, 0.8, 0.8, 1); -progress-bar-border: rgba(0.9, 0.9, 0.9, 1); */ } #dashtodockContainer.top #dash .placeholder, #dashtodockContainer.bottom #dash .placeholder { width: 32px; height: 1px; } /* * This is applied to a dummy actor. Only the alpha value for the background and border color * and the transition-duration are used */ #dashtodockContainer.dummy-opaque { background-color: rgba(0, 0, 0, 0.8); border-color: rgba(0, 0, 0, 0.4); transition-duration: 300ms; } /* * This is applied to a dummy actor. Only the alpha value for the background and border color * and the transition-duration are used */ #dashtodockContainer.dummy-transparent { background-color: rgba(0, 0, 0, 0.2); border-color: rgba(0, 0, 0, 0.1); transition-duration: 500ms; } #dashtodockContainer .number-overlay { color: white; background-color: rgba(0, 0, 0, 0.8); text-align: center; } #dashtodockContainer .notification-badge { color: white; background-color: red; padding: 0.2em 0.5em; border-radius: 1em; font-weight: bold; text-align: center; margin: 2px; } #dashtodockPreviewSeparator.popup-separator-menu-item-horizontal { width: 1px; height: auto; border-right-width: 1px; margin: 32px 0px; } .dashtodock-app-well-preview-menu-item { padding: 1em 1em 0.5em 1em; } #dashtodockContainer .metro .overview-icon { border-radius: 0px; } #dashtodockContainer.bottom .metro.running2.focused, #dashtodockContainer.top .metro.running2.focused { background-image: url("./media/highlight_stacked_bg.svg"); background-position: 0px 0px; background-size: contain; } #dashtodockContainer.left .metro.running2.focused, #dashtodockContainer.right .metro.running2.focused { background-image: url("./media/highlight_stacked_bg_h.svg"); background-position: 0px 0px; background-size: contain; } #dashtodockContainer.bottom .metro.running3.focused, #dashtodockContainer.top .metro.running3.focused { background-image: url("./media/highlight_stacked_bg.svg"); background-position: 0px 0px; background-size: contain; } #dashtodockContainer.left .metro.running3.focused, #dashtodockContainer.right .metro.running3.focused { background-image: url("./media/highlight_stacked_bg_h.svg"); background-position: 0px 0px; background-size: contain; } #dashtodockContainer.bottom .metro.running4.focused, #dashtodockContainer.top .metro.running4.focused { background-image: url("./media/highlight_stacked_bg.svg"); background-position: 0px 0px; background-size: contain; } #dashtodockContainer.left .metro.running4.focused, #dashtodockContainer.right .metro.running4.focused { background-image: url("./media/highlight_stacked_bg_h.svg"); background-position: 0px 0px; background-size: contain; } /* Yaru Dock styling */ #dashtodockContainer.bottom #dash, #dashtodockContainer.bottom.dashtodock #dash, #dashtodockContainer.bottom.shrink #dash { margin: 0px; padding: 0px; } #dashtodockContainer.bottom #dash .dash-background, #dashtodockContainer.bottom.dashtodock #dash .dash-background, #dashtodockContainer.bottom.shrink #dash .dash-background { background: rgba(19, 19, 19, 0.75); transition-duration: 250ms; } #dashtodockContainer.bottom #dash .dash-separator, #dashtodockContainer.bottom.dashtodock #dash .dash-separator, #dashtodockContainer.bottom.shrink #dash .dash-separator { background: rgba(238, 238, 236, 0.3); } #dashtodockContainer.bottom.overview #dash .dash-background, #dashtodockContainer.bottom.overview.dashtodock #dash .dash-background, #dashtodockContainer.bottom.overview.shrink #dash .dash-background { background-color: #131313; } #dashtodockContainer.bottom.extended #dash .dash-background, #dashtodockContainer.bottom.extended.dashtodock #dash .dash-background, #dashtodockContainer.bottom.extended.shrink #dash .dash-background { border: none; } #dashtodockContainer.bottom .dash-item-container .show-apps, #dashtodockContainer.bottom .dash-item-container .app-well-app, #dashtodockContainer.bottom .dash-item-container .grid-search-result { border-radius: 18px; } #dashtodockContainer.bottom .dash-item-container .show-apps:active .overview-icon, #dashtodockContainer.bottom .dash-item-container .show-apps:checked .overview-icon, #dashtodockContainer.bottom .dash-item-container .app-well-app:active .overview-icon, #dashtodockContainer.bottom .dash-item-container .grid-search-result:active .overview-icon, #dashtodockContainer.bottom .dash-item-container .app-well-app:checked .overview-icon, #dashtodockContainer.bottom .dash-item-container .grid-search-result:checked .overview-icon { background-color: rgba(255, 255, 255, 0.25); box-shadow: none; } #dashtodockContainer.bottom .notification-badge { background-color: #109b26; border: 1px solid #0c6d1a; box-shadow: -1px 1px 5px 0px rgba(0, 0, 0, 0.5); } #dashtodockContainer.top #dash, #dashtodockContainer.top.dashtodock #dash, #dashtodockContainer.top.shrink #dash { margin: 0px; padding: 0px; } #dashtodockContainer.top #dash .dash-background, #dashtodockContainer.top.dashtodock #dash .dash-background, #dashtodockContainer.top.shrink #dash .dash-background { background: rgba(19, 19, 19, 0.75); transition-duration: 250ms; } #dashtodockContainer.top #dash .dash-separator, #dashtodockContainer.top.dashtodock #dash .dash-separator, #dashtodockContainer.top.shrink #dash .dash-separator { background: rgba(238, 238, 236, 0.3); } #dashtodockContainer.top.overview #dash .dash-background, #dashtodockContainer.top.overview.dashtodock #dash .dash-background, #dashtodockContainer.top.overview.shrink #dash .dash-background { background-color: #131313; } #dashtodockContainer.top.extended #dash .dash-background, #dashtodockContainer.top.extended.dashtodock #dash .dash-background, #dashtodockContainer.top.extended.shrink #dash .dash-background { border: none; } #dashtodockContainer.top .dash-item-container .show-apps, #dashtodockContainer.top .dash-item-container .app-well-app, #dashtodockContainer.top .dash-item-container .grid-search-result { border-radius: 18px; } #dashtodockContainer.top .dash-item-container .show-apps:active .overview-icon, #dashtodockContainer.top .dash-item-container .show-apps:checked .overview-icon, #dashtodockContainer.top .dash-item-container .app-well-app:active .overview-icon, #dashtodockContainer.top .dash-item-container .grid-search-result:active .overview-icon, #dashtodockContainer.top .dash-item-container .app-well-app:checked .overview-icon, #dashtodockContainer.top .dash-item-container .grid-search-result:checked .overview-icon { background-color: rgba(255, 255, 255, 0.25); box-shadow: none; } #dashtodockContainer.top .notification-badge { background-color: #109b26; border: 1px solid #0c6d1a; box-shadow: -1px 1px 5px 0px rgba(0, 0, 0, 0.5); } #dashtodockContainer.left #dash, #dashtodockContainer.left.dashtodock #dash, #dashtodockContainer.left.shrink #dash { margin: 0px; padding: 0px; } #dashtodockContainer.left #dash .dash-background, #dashtodockContainer.left.dashtodock #dash .dash-background, #dashtodockContainer.left.shrink #dash .dash-background { background: rgba(19, 19, 19, 0.75); transition-duration: 250ms; } #dashtodockContainer.left #dash .dash-separator, #dashtodockContainer.left.dashtodock #dash .dash-separator, #dashtodockContainer.left.shrink #dash .dash-separator { background: rgba(238, 238, 236, 0.3); } #dashtodockContainer.left.overview #dash .dash-background, #dashtodockContainer.left.overview.dashtodock #dash .dash-background, #dashtodockContainer.left.overview.shrink #dash .dash-background { background-color: #131313; } #dashtodockContainer.left.extended #dash .dash-background, #dashtodockContainer.left.extended.dashtodock #dash .dash-background, #dashtodockContainer.left.extended.shrink #dash .dash-background { border: none; } #dashtodockContainer.left .dash-item-container .show-apps, #dashtodockContainer.left .dash-item-container .app-well-app, #dashtodockContainer.left .dash-item-container .grid-search-result { border-radius: 18px; } #dashtodockContainer.left .dash-item-container .show-apps:active .overview-icon, #dashtodockContainer.left .dash-item-container .show-apps:checked .overview-icon, #dashtodockContainer.left .dash-item-container .app-well-app:active .overview-icon, #dashtodockContainer.left .dash-item-container .grid-search-result:active .overview-icon, #dashtodockContainer.left .dash-item-container .app-well-app:checked .overview-icon, #dashtodockContainer.left .dash-item-container .grid-search-result:checked .overview-icon { background-color: rgba(255, 255, 255, 0.25); box-shadow: none; } #dashtodockContainer.left .notification-badge { background-color: #109b26; border: 1px solid #0c6d1a; box-shadow: -1px 1px 5px 0px rgba(0, 0, 0, 0.5); } #dashtodockContainer.right #dash, #dashtodockContainer.right.dashtodock #dash, #dashtodockContainer.right.shrink #dash { margin: 0px; padding: 0px; } #dashtodockContainer.right #dash .dash-background, #dashtodockContainer.right.dashtodock #dash .dash-background, #dashtodockContainer.right.shrink #dash .dash-background { background: rgba(19, 19, 19, 0.75); transition-duration: 250ms; } #dashtodockContainer.right #dash .dash-separator, #dashtodockContainer.right.dashtodock #dash .dash-separator, #dashtodockContainer.right.shrink #dash .dash-separator { background: rgba(238, 238, 236, 0.3); } #dashtodockContainer.right.overview #dash .dash-background, #dashtodockContainer.right.overview.dashtodock #dash .dash-background, #dashtodockContainer.right.overview.shrink #dash .dash-background { background-color: #131313; } #dashtodockContainer.right.extended #dash .dash-background, #dashtodockContainer.right.extended.dashtodock #dash .dash-background, #dashtodockContainer.right.extended.shrink #dash .dash-background { border: none; } #dashtodockContainer.right .dash-item-container .show-apps, #dashtodockContainer.right .dash-item-container .app-well-app, #dashtodockContainer.right .dash-item-container .grid-search-result { border-radius: 18px; } #dashtodockContainer.right .dash-item-container .show-apps:active .overview-icon, #dashtodockContainer.right .dash-item-container .show-apps:checked .overview-icon, #dashtodockContainer.right .dash-item-container .app-well-app:active .overview-icon, #dashtodockContainer.right .dash-item-container .grid-search-result:active .overview-icon, #dashtodockContainer.right .dash-item-container .app-well-app:checked .overview-icon, #dashtodockContainer.right .dash-item-container .grid-search-result:checked .overview-icon { background-color: rgba(255, 255, 255, 0.25); box-shadow: none; } #dashtodockContainer.right .notification-badge { background-color: #109b26; border: 1px solid #0c6d1a; box-shadow: -1px 1px 5px 0px rgba(0, 0, 0, 0.5); } (uuay)gnome-shell-magenta-dark.css � /* This stylesheet is generated, DO NOT EDIT */ /* Copyright 2009, 2015 Red Hat, Inc. * * Portions adapted from Mx's data/style/default.css * Copyright 2009 Intel Corporation * * This program is free software; you can redistribute it and/or modify it * under the terms and conditions of the GNU Lesser General Public License, * version 2.1, as published by the Free Software Foundation. * * This program is distributed in the hope it will be useful, but WITHOUT ANY * WARRANTY; without even the implied warranty of MERCHANTABILITY or FITNESS * FOR A PARTICULAR PURPOSE. See the GNU Lesser General Public License for * more details. * * You should have received a copy of the GNU Lesser General Public License * along with this program; if not, write to the Free Software Foundation, * Inc., 51 Franklin St - Fifth Floor, Boston, MA 02110-1301 USA. */ /* Global Values */ stage { font-size: 11pt; color: #F7F7F7; } /* Common Stylings */ .screenshot-ui-panel, .workspace-switcher, .switcher-list, .resize-popup, .osd-monitor-label, .osd-window { color: #eeeeec; background-color: rgba(29, 29, 29, 0.975); border: 1px solid #464646; border-radius: 999px; padding: 12px; box-shadow: 0 3px 9px 1px rgba(0, 0, 0, 0.5); } .workspace-thumbnails .workspace-thumbnail { color: #eeeeec; background-color: rgba(238, 238, 236, 0.1); } .app-well-app.app-folder .overview-icon, .app-folder.grid-search-result .overview-icon, .app-well-app .overview-icon, .grid-search-result .overview-icon, .dash-item-container .show-apps .overview-icon, .list-search-result, .search-provider-icon, .switcher-list .item-box { border-radius: 12px; padding: 6px; spacing: 6px; border: 2px solid transparent; transition-duration: 100ms; text-align: center; color: #eeeeec; } .modal-dialog { color: #F7F7F7; background-color: #1d1d1d; border-radius: 8.5px; border: 1px solid rgba(247, 247, 247, 0.15); } #LookingGlassDialog > #Toolbar .lg-toolbar-button, .pad-osd-window .button, .button, .app-folder-dialog .folder-name-container .edit-folder-button { border-radius: 4px; border-style: solid; border-width: 1px; font-weight: bold; padding: 3px 24px; color: #F7F7F7; background-color: #2c2c2c; } #LookingGlassDialog > #Toolbar .lg-toolbar-button:focus, .button:focus, .app-folder-dialog .folder-name-container .edit-folder-button:focus { color: #F7F7F7; background-color: #2c2c2c; box-shadow: inset 0 0 0 2px #c87ec8; } #LookingGlassDialog > #Toolbar .lg-toolbar-button:focus:hover, .button:focus:hover, .app-folder-dialog .folder-name-container .edit-folder-button:focus:hover { background-color: #343434; box-shadow: inset 0 0 0 2px #c87ec8; } #LookingGlassDialog > #Toolbar .lg-toolbar-button:focus:active, .button:focus:active, .app-folder-dialog .folder-name-container .edit-folder-button:focus:active { background-color: #3b3b3b; box-shadow: inset 0 0 0 2px #c87ec8; } #LookingGlassDialog > #Toolbar .lg-toolbar-button:hover, .button:hover, .app-folder-dialog .folder-name-container .edit-folder-button:hover { color: #F7F7F7; background-color: #343434; } #LookingGlassDialog > #Toolbar .lg-toolbar-button:insensitive, .button:insensitive, .app-folder-dialog .folder-name-container .edit-folder-button:insensitive { color: rgba(247, 247, 247, 0.5); background-color: rgba(247, 247, 247, 0.05); } #LookingGlassDialog > #Toolbar .lg-toolbar-button:active, .button:active, .app-folder-dialog .folder-name-container .edit-folder-button:active { color: #F7F7F7; background-color: #3b3b3b; } #LookingGlassDialog > #Toolbar .lg-toolbar-button:checked, .button:checked, .app-folder-dialog .folder-name-container .edit-folder-button:checked { color: #F7F7F7; background-color: #434343; } #LookingGlassDialog > #Toolbar .lg-toolbar-button:checked:hover, .button:checked:hover, .app-folder-dialog .folder-name-container .edit-folder-button:checked:hover { background-color: #4b4b4b; } #LookingGlassDialog > #Toolbar .lg-toolbar-button:checked:active, .button:checked:active, .app-folder-dialog .folder-name-container .edit-folder-button:checked:active { background-color: #525252; } .app-folder-dialog .folder-name-container .edit-folder-button { color: #F7F7F7; background-color: #2c2c2c; } .app-folder-dialog .folder-name-container .edit-folder-button:focus { color: #F7F7F7; background-color: #2c2c2c; box-shadow: inset 0 0 0 2px #c87ec8; } .app-folder-dialog .folder-name-container .edit-folder-button:focus:hover { background-color: #343434; box-shadow: inset 0 0 0 2px #c87ec8; } .app-folder-dialog .folder-name-container .edit-folder-button:focus:active { background-color: #3b3b3b; box-shadow: inset 0 0 0 2px #c87ec8; } .app-folder-dialog .folder-name-container .edit-folder-button:hover { color: #F7F7F7; background-color: #343434; } .app-folder-dialog .folder-name-container .edit-folder-button:insensitive { color: rgba(247, 247, 247, 0.5); background-color: rgba(247, 247, 247, 0.05); } .app-folder-dialog .folder-name-container .edit-folder-button:active { color: #F7F7F7; background-color: #3b3b3b; } .app-folder-dialog .folder-name-container .edit-folder-button:checked { color: #F7F7F7; background-color: #434343; } .app-folder-dialog .folder-name-container .edit-folder-button:checked:hover { background-color: #4b4b4b; } .app-folder-dialog .folder-name-container .edit-folder-button:checked:active { background-color: #525252; } .modal-dialog .modal-dialog-linked-button, .hotplug-notification-item, .notification-banner .notification-button { padding: 12px; color: #F7F7F7; background-color: #2c2c2c; } .modal-dialog .modal-dialog-linked-button:ltr, .hotplug-notification-item:ltr, .notification-banner .notification-button:ltr { margin-right: 1px; } .modal-dialog .modal-dialog-linked-button:rtl, .hotplug-notification-item:rtl, .notification-banner .notification-button:rtl { margin-left: 1px; } .modal-dialog .modal-dialog-linked-button:insensitive, .hotplug-notification-item:insensitive, .notification-banner .notification-button:insensitive { color: rgba(247, 247, 247, 0.5); background-color: rgba(247, 247, 247, 0.05); } .modal-dialog .modal-dialog-linked-button:focus, .hotplug-notification-item:focus, .notification-banner .notification-button:focus { color: #F7F7F7; background-color: #2c2c2c; box-shadow: inset 0 0 0 2px #c87ec8; } .modal-dialog .modal-dialog-linked-button:focus:hover, .hotplug-notification-item:focus:hover, .notification-banner .notification-button:focus:hover { background-color: #343434; box-shadow: inset 0 0 0 2px #c87ec8; } .modal-dialog .modal-dialog-linked-button:focus:active, .hotplug-notification-item:focus:active, .notification-banner .notification-button:focus:active { background-color: #3b3b3b; box-shadow: inset 0 0 0 2px #c87ec8; } .modal-dialog .modal-dialog-linked-button:hover, .hotplug-notification-item:hover, .notification-banner .notification-button:hover { color: #F7F7F7; background-color: #343434; } .modal-dialog .modal-dialog-linked-button:active, .hotplug-notification-item:active, .notification-banner .notification-button:active { color: #F7F7F7; background-color: #3b3b3b; } .modal-dialog .modal-dialog-linked-button:first-child:ltr, .hotplug-notification-item:first-child:ltr, .notification-banner .notification-button:first-child:ltr { border-radius: 0 0 0 7.5px; } .modal-dialog .modal-dialog-linked-button:last-child:ltr, .hotplug-notification-item:last-child:ltr, .notification-banner .notification-button:last-child:ltr { border-radius: 0 0 7.5px 0; margin-right: 0 !important; } .modal-dialog .modal-dialog-linked-button:first-child:rtl, .hotplug-notification-item:first-child:rtl, .notification-banner .notification-button:first-child:rtl { border-radius: 0 0 7.5px 0; margin-left: 0 !important; } .modal-dialog .modal-dialog-linked-button:last-child:rtl, .hotplug-notification-item:last-child:rtl, .notification-banner .notification-button:last-child:rtl { border-radius: 0 0 0 7.5px; margin-right: 0 !important; } .modal-dialog .modal-dialog-linked-button:first-child:last-child, .hotplug-notification-item:first-child:last-child, .notification-banner .notification-button:first-child:last-child { border-radius: 0 0 7.5px 7.5px !important; margin-left: 0 !important; margin-right: 0 !important; } .screenshot-ui-show-pointer-button, .screenshot-ui-type-button { background-color: transparent; background-color: none; } .screenshot-ui-show-pointer-button:insensitive, .screenshot-ui-type-button:insensitive { color: rgba(247, 247, 247, 0.5); background-color: rgba(247, 247, 247, 0.05); background-color: transparent; color: rgba(255, 255, 255, 0.5); } .screenshot-ui-show-pointer-button:insensitive, .screenshot-ui-type-button:insensitive { background-color: transparent; background-color: none; } .screenshot-ui-show-pointer-button:insensitive:insensitive, .screenshot-ui-type-button:insensitive:insensitive { color: rgba(247, 247, 247, 0.5); background-color: rgba(247, 247, 247, 0.05); background-color: transparent; color: rgba(255, 255, 255, 0.5); } .screenshot-ui-show-pointer-button:focus, .screenshot-ui-type-button:focus { color: #eeeeec; background-color: rgba(44, 44, 44, 0.97675); box-shadow: inset 0 0 0 2px #c87ec8; } .screenshot-ui-show-pointer-button:focus:hover, .screenshot-ui-type-button:focus:hover { background-color: rgba(52, 52, 52, 0.97675); box-shadow: inset 0 0 0 2px #c87ec8; } .screenshot-ui-show-pointer-button:focus:active, .screenshot-ui-type-button:focus:active { background-color: rgba(59, 59, 59, 0.97675); box-shadow: inset 0 0 0 2px #c87ec8; } .screenshot-ui-show-pointer-button:hover, .screenshot-ui-type-button:hover { color: #eeeeec; background-color: rgba(52, 52, 52, 0.97675); } .screenshot-ui-show-pointer-button:active, .screenshot-ui-type-button:active { color: #eeeeec; background-color: rgba(59, 59, 59, 0.97675); } .screenshot-ui-show-pointer-button:outlined, .screenshot-ui-type-button:outlined, .screenshot-ui-show-pointer-button:checked, .screenshot-ui-type-button:checked { color: #eeeeec; background-color: rgba(67, 67, 67, 0.97675); } .screenshot-ui-show-pointer-button:outlined:hover, .screenshot-ui-type-button:outlined:hover, .screenshot-ui-show-pointer-button:checked:hover, .screenshot-ui-type-button:checked:hover { background-color: rgba(75, 75, 75, 0.97675); } .screenshot-ui-show-pointer-button:outlined:active, .screenshot-ui-type-button:outlined:active, .screenshot-ui-show-pointer-button:checked:active, .screenshot-ui-type-button:checked:active { background-color: rgba(82, 82, 82, 0.97675); } /* General Typography */ .app-folder-dialog .folder-name-container .folder-name-label, .app-folder-dialog .folder-name-container .folder-name-entry, .search-statustext { font-weight: 800; font-size: 20pt; } .lg-debug-flags-header, .message-dialog-content .message-dialog-title, .message-list .message-list-placeholder, .datemenu-today-button .date-label { font-weight: 800; font-size: 15pt; } .nm-dialog-airplane-headline { font-weight: 700; font-size: 15pt; } .message-dialog-content .message-dialog-title.lightweight, .headline { font-weight: 700; font-size: 13pt; } .lg-extension-name, .osd-window, .nm-dialog-header, .dialog-list .dialog-list-title, .message-list-controls, .weather-button .weather-forecast-temp, .weather-button .weather-header, .world-clocks-button .world-clocks-time, .world-clocks-button .world-clocks-header, .events-button .events-title, .calendar .calendar-month-header .calendar-month-label, .datemenu-today-button .day-label, .popup-menu-ornament { font-weight: 700; font-size: 11pt; } .app-menu .popup-inactive-menu-item:first-child > StLabel { font-weight: 700; font-size: 9pt; } .login-dialog-not-listed-label, .lg-completions-text, .caps-lock-warning-label, #dash, .icon-label-button-container, .prompt-dialog-error-label, .prompt-dialog-info-label, .prompt-dialog-null-label, .run-dialog .run-dialog-description, .dialog-list .dialog-list-box .dialog-list-item .dialog-list-item-description, .weather-button .weather-forecast-time, .world-clocks-button .world-clocks-timezone, .events-button .event-time { font-weight: 400; font-size: 9pt; } .calendar .calendar-day-base.calendar-day-heading, .calendar .calendar-day-base { font-weight: 400; font-size: 8pt; } .unlock-dialog-clock-time, #panel, .weather-button .weather-forecast-time, .world-clocks-button .world-clocks-timezone, .world-clocks-button .world-clocks-time, .events-button .event-time, .calendar .calendar-day-base { font-feature-settings: "tnum"; } /* WIDGETS */ .shell-link { color: #d194d1; } .shell-link:hover { color: #e1b7e1; } .lowres-icon { icon-shadow: 0 1px 2px rgba(0, 0, 0, 0.3); } .icon-dropshadow { icon-shadow: 0 1px 5px rgba(0, 0, 0, 0.8); } /* Entries */ StEntry { min-height: 22px; border-radius: 6px; padding: 8px; border-width: 1px; color: #F7F7F7; background-color: #1d1d1d; color: rgba(247, 247, 247, 0.7); border: 1px solid #464646; selection-background-color: #B34CB3; selected-color: #FFFFFF; } StEntry:hover { background-color: #1d1d1d; border-color: #535353; color: #F7F7F7; } StEntry:focus { background-color: #1d1d1d; border-color: #c87ec8; box-shadow: 0 0 0 1px #c87ec8 inset; color: #F7F7F7; } StEntry:insensitive { background-color: #2c2c2c; border-color: #2c2c2c; color: #8a8a8a; } StEntry StIcon.capslock-warning { icon-size: 16px; warning-color: #f99b11; padding: 0 4px; } StEntry StIcon.peek-password { icon-size: 1.09em; padding: 0 4px; } StEntry StLabel.hint-text { margin-left: 2px; color: rgba(247, 247, 247, 0.7); } /* Buttons */ .button { min-height: 22px; } /* Check Boxes */ .check-box StBoxLayout { spacing: .8em; } .check-box StBin { width: 24px; height: 22px; background-image: url("resource:///org/gnome/shell/theme/checkbox-off-magenta-dark.svg"); } .check-box:focus StBin { background-image: url("resource:///org/gnome/shell/theme/checkbox-off-focused-magenta-dark.svg"); } .check-box:checked StBin { background-image: url("resource:///org/gnome/shell/theme/checkbox-magenta-dark.svg"); } .check-box:focus:checked StBin { background-image: url("resource:///org/gnome/shell/theme/checkbox-focused-magenta-dark.svg"); } /* Switches */ .toggle-switch { color: #F7F7F7; height: 26px; width: 48px; background-size: contain; background-image: url("resource:///org/gnome/shell/theme/toggle-off-magenta-dark.svg"); } .toggle-switch:checked { background-image: url("resource:///org/gnome/shell/theme/toggle-on-magenta-dark.svg"); } /* Slider */ .slider { -barlevel-height: 4px; -barlevel-background-color: rgba(247, 247, 247, 0.2); -barlevel-border-width: 2px; -barlevel-border-color: transparent; -barlevel-active-background-color: #B34CB3; -barlevel-active-border-color: transparent; -barlevel-overdrive-color: #991121; -barlevel-overdrive-border-color: transparent; -barlevel-overdrive-separator-width: 1px; -slider-handle-border-width: 0; -slider-handle-border-color: transparent; -slider-handle-radius: 8px; color: #fcfcfc; height: 16px; } /* Scrollbars */ StScrollView.vfade { -st-vfade-offset: 68px; } StScrollView.hfade { -st-hfade-offset: 68px; } StScrollBar { padding: 0; } StScrollView StScrollBar { min-width: 8px; min-height: 8px; } StScrollBar StBin#trough { border-radius: 0; background-color: transparent; } StScrollBar StButton#vhandle, StScrollBar StButton#hhandle { border-radius: 8px; background-color: #5e5e5e; border: 3px solid transparent; transition: 500ms all ease; } StScrollBar StButton#vhandle:hover, StScrollBar StButton#hhandle:hover { background-color: #8a8a8a; } StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { background-color: #747474; } /* Popovers/Menus */ .popup-menu-boxpointer, .candidate-popup-boxpointer { -arrow-rise: 6px; } .popup-menu { min-width: 15em; color: #F7F7F7; } .popup-menu.panel-menu { margin-bottom: 1.75em; } .popup-menu-content, .candidate-popup-content { padding: 6px; border-radius: 10px; border: 1px solid rgba(247, 247, 247, 0.15); box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.1); background-color: #1d1d1d; } .popup-menu-item { padding: 9px 12px; border-radius: 6px; spacing: 6px; transition: 0.2s all ease; background-color: transparent; } .popup-menu-item:ltr { padding-left: 6px; } .popup-menu-item:rtl { padding-right: 6px; } .popup-menu-item:focus, .popup-menu-item:hover { background-color: rgba(247, 247, 247, 0.1) !important; } .popup-menu-item:focus:active, .popup-menu-item:hover:active { background-color: rgba(247, 247, 247, 0.2) !important; } .popup-menu-item:checked { background-color: #343434 !important; } .popup-menu-item:checked { margin-bottom: 0; box-shadow: inset 0 -1px 0 0 #272727; border-radius: 6px 6px 0 0; } .popup-menu-item:checked:focus, .popup-menu-item:checked:hover { background-color: #434343 !important; } .popup-menu-item:checked:active { background-color: #4b4b4b !important; } .popup-menu-item:active { background-color: #4b4b4b; color: #efefef; } .popup-menu-item:insensitive { color: rgba(247, 247, 247, 0.5); } .popup-menu-item .toggle-switch:ltr { margin-left: 4px; } .popup-menu-item .toggle-switch:rtl { margin-right: 4px; } .popup-inactive-menu-item { color: #F7F7F7; } .popup-inactive-menu-item:insensitive { color: #8a8a8a; } .popup-menu-arrow, .popup-menu-icon { icon-size: 16px !important; } .popup-sub-menu { background-color: #343434; border-radius: 0 0 6px 6px; } .popup-sub-menu .popup-menu-ornament { min-width: 1.09em !important; } .popup-sub-menu .popup-menu-item { border-radius: 0; margin: 0; } .popup-sub-menu .popup-menu-item:last-child { border-radius: 0 0 6px 6px; } .popup-sub-menu .popup-menu-item:focus, .popup-sub-menu .popup-menu-item:hover { background-color: rgba(255, 255, 255, 0.1) !important; } .popup-sub-menu .popup-menu-item:checked { background-color: #4e4e4e !important; } .popup-sub-menu .popup-menu-item:checked:focus, .popup-sub-menu .popup-menu-item:checked:hover { background-color: #484848 !important; } .popup-sub-menu .popup-menu-item:active { background-color: rgba(255, 255, 255, 0.2) !important; } .popup-sub-menu .popup-menu-section .popup-menu-item:last-child:hover, .popup-sub-menu .popup-menu-section .popup-menu-item:last-child:focus { border-radius: 0; } .popup-sub-menu .popup-menu-section:last-child .popup-menu-item:last-child { border-radius: 0 0 6px 6px; } .popup-menu-ornament { width: 1.2em; text-align: center !important; } .popup-menu-ornament:ltr { text-align: right; } .popup-menu-ornament:rtl { text-align: left; } .popup-separator-menu-item { margin: 6px 0; padding: 0 !important; } .popup-separator-menu-item:ltr { margin-right: 4px; } .popup-separator-menu-item:rtl { margin-left: 4px; } .popup-separator-menu-item .popup-separator-menu-item-separator { height: 1px; background-color: #464646; } .popup-separator-menu-item .popup-menu-ornament { width: 0 !important; } .popup-sub-menu .popup-separator-menu-item { background-color: transparent; } .popup-sub-menu .popup-separator-menu-item:ltr { margin-right: 2.5em; } .popup-sub-menu .popup-separator-menu-item:rtl { margin-left: 2.5em; } .popup-sub-menu .popup-separator-menu-item .popup-separator-menu-item-separator { background-color: #585858; } .background-menu { -boxpointer-gap: 0px; -arrow-rise: 0px; } .aggregate-menu { min-width: 22em; } .aggregate-menu .popup-menu-ornament { width: 0 !important; } .aggregate-menu .popup-menu-icon { -st-icon-style: symbolic; } .aggregate-menu .popup-menu-icon:ltr { margin-right: 8px; } .aggregate-menu .popup-menu-icon:rtl { margin-left: 8px; } .aggregate-menu .popup-sub-menu .popup-menu-item > :first-child:ltr { margin-left: 1em; } .aggregate-menu .popup-sub-menu .popup-menu-item > :first-child:rtl { margin-right: 1em; } .app-menu { max-width: 27.25em; } .app-menu .popup-menu-ornament { width: 0 !important; } .app-menu .popup-inactive-menu-item:first-child > StLabel:ltr { margin-right: 8px; } .app-menu .popup-inactive-menu-item:first-child > StLabel:rtl { margin-left: 8px; } /* Date/Time Menu */ #calendarArea { padding: 4px; } .datemenu-calendar-column { spacing: 6px; } .datemenu-calendar-column:ltr { padding-left: 6px; } .datemenu-calendar-column:rtl { padding-right: 6px; } .datemenu-calendar-column .datemenu-displays-box { spacing: 6px; } /* today button (the date) */ .datemenu-today-button { border-radius: 6px; margin: 4px; box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.1); background-color: transparent; background-color: none; box-shadow: none !important; padding: 9px; } .datemenu-today-button:insensitive { color: rgba(247, 247, 247, 0.5); background-color: rgba(247, 247, 247, 0.05); background-color: transparent; color: rgba(255, 255, 255, 0.5); } .datemenu-today-button:focus { color: #F7F7F7; background-color: #2c2c2c; box-shadow: inset 0 0 0 2px #c87ec8; } .datemenu-today-button:focus:hover { background-color: #343434; box-shadow: inset 0 0 0 2px #c87ec8; } .datemenu-today-button:focus:active { background-color: #3b3b3b; box-shadow: inset 0 0 0 2px #c87ec8; } .datemenu-today-button:hover { color: #F7F7F7; background-color: #343434; } .datemenu-today-button:active { color: #F7F7F7; background-color: #3b3b3b; } .datemenu-today-button:insensitive .day-label, .datemenu-today-button:insensitive .date-label { color: #8a8a8a; } /* Calendar */ .calendar { border-radius: 6px; margin: 4px; box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.1); background-color: transparent; background-color: none; box-shadow: none !important; margin-top: 0; } .calendar:insensitive { color: rgba(247, 247, 247, 0.5); background-color: rgba(247, 247, 247, 0.05); background-color: transparent; color: rgba(255, 255, 255, 0.5); } .calendar:focus { color: #F7F7F7; background-color: #2c2c2c; box-shadow: inset 0 0 0 2px #c87ec8; } .calendar:focus:hover { background-color: #343434; box-shadow: inset 0 0 0 2px #c87ec8; } .calendar:focus:active { background-color: #3b3b3b; box-shadow: inset 0 0 0 2px #c87ec8; } .calendar:hover { color: #F7F7F7; background-color: #343434; } .calendar:active { color: #F7F7F7; background-color: #3b3b3b; } .calendar .calendar-month-header .calendar-change-month-back StIcon, .calendar .calendar-month-header .calendar-change-month-forward StIcon { icon-size: 1.09em; } .calendar .calendar-month-header .calendar-month-label { color: white; padding: 8px 0; } .calendar .calendar-month-header .pager-button { background-color: transparent; height: 32px; width: 32px; margin: 2px; border-radius: 4px; } .calendar .calendar-month-header .pager-button:hover, .calendar .calendar-month-header .pager-button:focus { background-color: rgba(247, 247, 247, 0.1); } .calendar .calendar-month-header .pager-button:active { background-color: rgba(247, 247, 247, 0.2); } .calendar .calendar-day-base { text-align: center; margin: 2px; padding: 0 !important; height: 3em !important; width: 3em !important; border-radius: 99px; } .calendar .calendar-day-base:hover { background-color: rgba(247, 247, 247, 0.1); } .calendar .calendar-day-base:focus { background-color: #3b263b; box-shadow: inset 0 0 0 2px rgba(179, 76, 179, 0.6); } .calendar .calendar-day-base:active, .calendar .calendar-day-base:selected { color: #efefef; background-color: rgba(247, 247, 247, 0.2); } .calendar .calendar-day-base:active:focus, .calendar .calendar-day-base:selected:focus { background-color: rgba(200, 129, 200, 0.36); } .calendar .calendar-day-base.calendar-day-heading { color: #8a8a8a; padding-top: 6px; height: 16px !important; font-weight: bold; } .calendar .calendar-nonwork-day { color: #8a8a8a; } .calendar .calendar-other-month-day { color: rgba(247, 247, 247, 0.5); } .calendar .calendar-other-month-day.calendar-nonwork-day { color: rgba(138, 138, 138, 0.5); } .calendar .calendar-today { background-color: #B34CB3; font-weight: 800; color: #FFFFFF !important; } .calendar .calendar-today:hover, .calendar .calendar-today:focus { background-color: #b857b8; color: inherit; } .calendar .calendar-today:active, .calendar .calendar-today:selected { background-color: #B34CB3; color: inherit; } .calendar .calendar-today:active:hover, .calendar .calendar-today:active:focus, .calendar .calendar-today:selected:hover, .calendar .calendar-today:selected:focus { background-color: #b857b8; color: inherit; } .calendar .calendar-day-with-events { background-image: url("resource:///org/gnome/shell/theme/calendar-today.svg"); background-size: contain; } .calendar .calendar-week-number { font-size: 7pt; font-weight: bold; font-feature-settings: "tnum"; margin: 6px; padding: 0 6px; border-radius: 3px; background-color: #181818; color: #8a8a8a; } /* Events */ .events-button { border-radius: 6px; margin: 4px; box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.1); color: #F7F7F7; background-color: #2c2c2c; padding: 12px; } .events-button:focus { color: #F7F7F7; background-color: #2c2c2c; box-shadow: inset 0 0 0 2px #c87ec8; } .events-button:focus:hover { background-color: #343434; box-shadow: inset 0 0 0 2px #c87ec8; } .events-button:focus:active { background-color: #3b3b3b; box-shadow: inset 0 0 0 2px #c87ec8; } .events-button:hover { color: #F7F7F7; background-color: #343434; } .events-button:active { color: #F7F7F7; background-color: #3b3b3b; } .events-button .events-box { spacing: 6px; } .events-button .events-list { spacing: 12px; } .events-button .events-title { color: #8a8a8a; margin-bottom: 4px; } .events-button .event-time { color: #8a8a8a; } /* World clocks */ .world-clocks-button { border-radius: 6px; margin: 4px; box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.1); color: #F7F7F7; background-color: #2c2c2c; padding: 12px; } .world-clocks-button:focus { color: #F7F7F7; background-color: #2c2c2c; box-shadow: inset 0 0 0 2px #c87ec8; } .world-clocks-button:focus:hover { background-color: #343434; box-shadow: inset 0 0 0 2px #c87ec8; } .world-clocks-button:focus:active { background-color: #3b3b3b; box-shadow: inset 0 0 0 2px #c87ec8; } .world-clocks-button:hover { color: #F7F7F7; background-color: #343434; } .world-clocks-button:active { color: #F7F7F7; background-color: #3b3b3b; } .world-clocks-button .world-clocks-grid { spacing-rows: 6px; spacing-columns: 12px; } .world-clocks-button .world-clocks-header { color: #8a8a8a; } .world-clocks-button .world-clocks-city { color: #F7F7F7; } .world-clocks-button .world-clocks-time { color: #F7F7F7; } .world-clocks-button .world-clocks-time:ltr { text-align: right; } .world-clocks-button .world-clocks-time:rtl { text-align: left; } .world-clocks-button .world-clocks-timezone { color: #8a8a8a; } /* Weather */ .weather-button { border-radius: 6px; margin: 4px; box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.1); color: #F7F7F7; background-color: #2c2c2c; padding: 12px; } .weather-button:focus { color: #F7F7F7; background-color: #2c2c2c; box-shadow: inset 0 0 0 2px #c87ec8; } .weather-button:focus:hover { background-color: #343434; box-shadow: inset 0 0 0 2px #c87ec8; } .weather-button:focus:active { background-color: #3b3b3b; box-shadow: inset 0 0 0 2px #c87ec8; } .weather-button:hover { color: #F7F7F7; background-color: #343434; } .weather-button:active { color: #F7F7F7; background-color: #3b3b3b; } .weather-button .weather-box { spacing: 10px; } .weather-button .weather-header-box { spacing: 6px; } .weather-button .weather-header { color: #8a8a8a; } .weather-button .weather-header.location { font-weight: normal; } .weather-button .weather-grid { spacing-rows: 6px; spacing-columns: 12px; } .weather-button .weather-forecast-time { color: #ababab; padding-top: 0.2em; padding-bottom: 0.4em; } .weather-button .weather-forecast-icon { icon-size: 2.18em; } /* Message List */ .message-list { width: 29em; border: solid #464646; } .message-list:ltr { margin-left: 0; margin-right: 4px; padding-right: 6px; border-right-width: 1px; } .message-list:rtl { margin-right: 0; margin-left: 4px; padding-left: 6px; border-left-width: 1px; } .message-list .message-list-placeholder { color: rgba(138, 138, 138, 0.5); } .message-list .message-list-placeholder > StIcon { icon-size: 3.27em; margin-bottom: 12px; -st-icon-style: symbolic; } .message-list-sections { spacing: 6px; margin: 0; padding-bottom: 6px; } .message-list-sections:ltr { margin-right: 12px; } .message-list-sections:rtl { margin-left: 12px; } .message-list-section, .message-list-section-list { spacing: 6px; } .message-list-controls { padding: 6px; spacing: 6px; } .message-list-controls .dnd-button { border-width: 2px; border-color: transparent; border-radius: 32px; border-style: solid; } .message-list-controls .dnd-button:focus { border-color: #c87ec8; } .message { border-radius: 6px; margin: 4px; box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.1); color: #F7F7F7; background-color: #2c2c2c; } .message:focus { color: #F7F7F7; background-color: #2c2c2c; box-shadow: inset 0 0 0 2px #c87ec8; } .message:focus:hover { background-color: #343434; box-shadow: inset 0 0 0 2px #c87ec8; } .message:focus:active { background-color: #3b3b3b; box-shadow: inset 0 0 0 2px #c87ec8; } .message:hover { color: #F7F7F7; background-color: #343434; } .message:active { color: #F7F7F7; background-color: #3b3b3b; } .message .message-icon-bin { padding: 18px; } .message .message-icon-bin:ltr { padding-right: 6px; } .message .message-icon-bin:rtl { padding-left: 6px; } .message .message-icon-bin > StIcon { icon-size: 2.18em; -st-icon-style: symbolic; } .message .message-icon-bin > .fallback-app-icon { width: 1.09em; height: 1.09em; } .message .message-content { spacing: 4px; padding: 9px; margin-bottom: 8px; } .message .message-title { font-weight: bold; /* HACK: the label should be baseline-aligned with a 1em label, fake this with some bottom padding */ padding-top: 0.57em; } .message .message-secondary-bin { padding: 0 8px; } .message .message-secondary-bin > .event-time { color: rgba(247, 247, 247, 0.5); font-size: 9pt; /* HACK: the label should be baseline-aligned with a 1em label, fake this with some bottom padding */ padding-bottom: 0.13em; } .message .message-secondary-bin > .event-time:ltr { text-align: right; } .message .message-secondary-bin > .event-time:rtl { text-align: left; } .message .message-close-button { color: #F7F7F7; background-color: rgba(247, 247, 247, 0.1); border-radius: 99px; padding: 5px; margin: 1px; } .message .message-close-button:hover { background-color: rgba(247, 247, 247, 0.2); } .message .message-close-button:active { background-color: rgba(247, 247, 247, 0.1); } .message .message-body { color: #dedede; } .url-highlighter { link-color: #d194d1; } /* Media Controls */ .message-media-control { padding: 0 18px; margin: 12px 0; border-radius: 6px; color: #F7F7F7; } .message-media-control:hover { background-color: rgba(255, 255, 255, 0.1); color: #F7F7F7; } .message-media-control:active { background-color: rgba(247, 247, 247, 0.2); color: #F7F7F7; } .message-media-control:insensitive { color: #979797; } .message-media-control:last-child:ltr { margin-right: 12px; } .message-media-control:last-child:rtl { margin-left: 12px; } .media-message-cover-icon { icon-size: 3.27em !important; border-radius: 6px; } .media-message-cover-icon.fallback { color: #cccccc; background-color: #1d1d1d; border: 1px solid transparent; border-radius: 6px; icon-size: 2.18em !important; padding: 14px; } .candidate-popup-content { padding: 6px; spacing: 6px; } .candidate-index { padding: 0; padding-right: 6px; color: #8a8a8a; } .candidate-box { padding: 6px 12px 6px 12px; border-radius: 6px; } .candidate-box:selected { background-color: #B34CB3; color: #FFFFFF; } .candidate-box:hover { background-color: rgba(247, 247, 247, 0.1); color: #F7F7F7; } .candidate-page-button-box { height: 2em; } .vertical .candidate-page-button-box { padding-top: 12px; } .horizontal .candidate-page-button-box { padding-left: 12px; } .candidate-page-button { padding: 6px; } .candidate-page-button-previous { border-radius: 6px 0px 0px 6px; border-right-width: 0; box-shadow: none; } .candidate-page-button-next { border-radius: 0px 6px 6px 0px; box-shadow: none; } .candidate-page-button-icon { icon-size: 1.09em; } /* Notifications & Message Tray */ .notification-banner { min-height: 64px; width: 34em; box-shadow: 0 2px 4px 2px rgba(0, 0, 0, 0.1); border-radius: 9px; margin: 4px; background-color: #1d1d1d; } .notification-banner .notification-actions { spacing: 0; } .notification-banner:hover { background-color: #222222; } .notification-banner:active { background-color: #272727; } .notification-banner, .notification-banner:hover, .notification-banner:focus, .notification-banner:active { box-shadow: 0 0 4px 2px rgba(0, 0, 0, 0.1); border: 1px solid #464646; } .summary-source-counter { font-size: 10pt; font-weight: bold; height: 1.6em; width: 1.6em; -shell-counter-overlap-x: 3px; -shell-counter-overlap-y: 3px; background-color: #B34CB3; color: #FFFFFF; border: 2px solid #F7F7F7; box-shadow: 0 2px 2px rgba(0, 0, 0, 0.5); border-radius: 0.9em; } .chat-body { spacing: 5px; } .chat-response { margin: 5px; } .chat-log-message { color: #dedede; } .chat-new-group { padding-top: 1em; } .chat-received { padding-left: 4px; } .chat-received:rtl { padding-left: 0px; padding-right: 4px; } .chat-sent { padding-left: 18pt; color: white; } .chat-sent:rtl { padding-left: 0; padding-right: 18pt; } .chat-meta-message { padding-left: 4px; font-size: 9pt; font-weight: bold; color: white; } .chat-meta-message:rtl { padding-left: 0; padding-right: 4px; } .hotplug-notification-item-icon { icon-size: 24px; padding: 0 4px; } /* Modal Dialogs */ .modal-dialog .modal-dialog-content-box { margin: 32px 40px; spacing: 32px; max-width: 28em; } /* End Session Dialog */ .end-session-dialog { width: 30em; } .end-session-dialog .end-session-dialog-battery-warning, .end-session-dialog .dialog-list-title { color: #f99b11; } /* Message Dialog */ .message-dialog-content { spacing: 18px; } .message-dialog-content .message-dialog-title { text-align: center; } .message-dialog-content .message-dialog-description { text-align: center; } /* Dialog List */ .dialog-list { spacing: 18px; } .dialog-list .dialog-list-title { text-align: center; } .dialog-list .dialog-list-scrollview { max-height: 200px; } .dialog-list .dialog-list-box { spacing: 1em; } .dialog-list .dialog-list-box .dialog-list-item { spacing: 1em; } .dialog-list .dialog-list-box .dialog-list-item .dialog-list-item-title { font-weight: bold; } .dialog-list .dialog-list-box .dialog-list-item .dialog-list-item-description { color: #eaeaea; } /* Run Dialog */ .run-dialog .modal-dialog-content-box { margin-top: 24px; margin-bottom: 14px; } .run-dialog .run-dialog-entry { width: 20em; } .run-dialog .run-dialog-description { text-align: center; color: #c4c4c4; } /* Password or Authentication Dialog */ .prompt-dialog { width: 28em; } .prompt-dialog .modal-dialog-content-box { margin-bottom: 24px; } .prompt-dialog-password-grid { spacing-rows: 8px; spacing-columns: 4px; } .prompt-dialog-password-grid .prompt-dialog-password-entry { width: auto; } .prompt-dialog-password-grid .prompt-dialog-password-entry:ltr { margin-left: 20px; } .prompt-dialog-password-grid .prompt-dialog-password-entry:rtl { margin-right: 20px; } .prompt-dialog-password-layout { spacing: 8px; } .prompt-dialog-password-entry { width: 20em; } .prompt-dialog-error-label, .prompt-dialog-info-label, .prompt-dialog-null-label { text-align: center; } .prompt-dialog-error-label { color: #f99b11; } /* Polkit Dialog */ .polkit-dialog-user-layout { text-align: center; spacing: 8px; margin-bottom: 6px; } .polkit-dialog-user-layout .polkit-dialog-user-root-label { color: #f99b11; } /* Audio selection dialog */ .audio-device-selection-dialog .modal-dialog-content-box { margin-bottom: 28px; } .audio-device-selection-dialog .audio-selection-box { spacing: 20px; } .audio-selection-device { border-radius: 12px; } .audio-selection-device:hover, .audio-selection-device:focus { background-color: rgba(247, 247, 247, 0.1); } .audio-selection-device:active { background-color: #B34CB3; color: #FFFFFF; } .audio-selection-device-box { padding: 20px; spacing: 20px; } .audio-selection-device-icon { icon-size: 4.36em; } /* Welcome dialog */ .welcome-dialog-image { background-image: url("resource:///org/gnome/shell/theme/gnome-shell-start.svg"); background-size: contain; /* Reasonable maximum dimensions */ height: 300px; width: 300px; } /* Select Network dialogs */ .nm-dialog { max-height: 34em; min-height: 31em; min-width: 32em; } .nm-dialog-content { spacing: 20px; padding: 24px; } .nm-dialog-subheader { color: #8a8a8a; } .nm-dialog-header-icon { icon-size: 2.18em; } .nm-dialog-header-hbox { spacing: 10px; } .nm-dialog-scroll-view { padding: 6px; border-radius: 6px; background-color: #222222; } .nm-dialog-item { padding: 12px; } .nm-dialog-item:selected { background-color: #B34CB3; border-radius: 3px; color: #FFFFFF; } .nm-dialog-item:hover { background-color: rgba(247, 247, 247, 0.1); } .nm-dialog-icon { icon-size: 1.09em; } .nm-dialog-icons { spacing: 12px; } .no-networks-box { spacing: 6px; } .no-networks-label { color: #8a8a8a; } .nm-dialog-airplane-box { text-align: center; spacing: 12px; } .nm-dialog-airplane-text { color: #8a8a8a; } /* OSD */ .osd-window { text-align: center; font-weight: bold; spacing: 12px; padding: 12px 18px; margin-bottom: 4em; } .osd-window > * { spacing: 8px; } .osd-window StIcon { icon-size: 2.18em; } .osd-window StLabel:ltr { margin-right: 6px; } .osd-window StLabel:rtl { margin-left: 6px; } .osd-window .level { margin-bottom: 4px; height: 6px; min-width: 10.9em; -barlevel-height: 6px; -barlevel-background-color: rgba(238, 238, 236, 0.1); -barlevel-active-background-color: #eeeeec; -barlevel-overdrive-color: #991121; -barlevel-overdrive-separator-width: 3px; } .osd-window .level:first-child { margin-bottom: 0px; } .osd-window .level:ltr { margin-right: 6px; } .osd-window .level:rtl { margin-left: 6px; } .osd-monitor-label { border-radius: 12px; font-size: 3em; font-weight: bold; margin: 12px; text-align: center; min-width: 1.3em; } /* Pad OSD */ .pad-osd-window { padding: 32px; background-color: rgba(29, 29, 29, 0.975); color: #eeeeec; } .pad-osd-window .button:insensitive { color: #F7F7F7; } .pad-osd-window .pad-osd-title-box { spacing: 12px; } .pad-osd-window .pad-osd-title-menu-box { spacing: 6px; } .combo-box-label { width: 15em; } /* App Switcher */ .switcher-popup { padding: 0; spacing: 24px; } .switcher-list { padding: 10px; border-radius: 20px; box-shadow: 0 8px 8px 0 rgba(0, 0, 0, 0.1); } .switcher-list .switcher-list-item-container { spacing: 12px; } .switcher-list .item-box { background-color: transparent; } .switcher-list .item-box:hover { background-color: rgba(238, 238, 236, 0.1); } .switcher-list .item-box:selected, .switcher-list .item-box:focus { background-color: rgba(238, 238, 236, 0.13); } .switcher-list .item-box:selected:hover, .switcher-list .item-box:focus:hover { background-color: rgba(238, 238, 236, 0.16); } .switcher-list .item-box:selected:active, .switcher-list .item-box:focus:active { background-color: rgba(238, 238, 236, 0.13); } .switcher-list .item-box:active { background-color: rgba(238, 238, 236, 0.16); } .switcher-list .item-box:outlined, .switcher-list .item-box:checked { background-color: rgba(238, 238, 236, 0.19); } .switcher-list .item-box:outlined:active, .switcher-list .item-box:checked:active { background-color: rgba(238, 238, 236, 0.22); } .switcher-list .item-box:outlined:hover, .switcher-list .item-box:checked:hover { background-color: rgba(238, 238, 236, 0.25); } .switcher-list .item-box:drop { border: 2px solid rgba(179, 76, 179, 0.8); background-color: rgba(179, 76, 179, 0.2); } .switcher-list .item-box:hover { background: none; } .switcher-list .separator { width: 1px; background: #464646; } .switcher-list .thumbnail-box { padding: 2px; spacing: 6px; } .switcher-list .thumbnail { width: 256px; border-radius: 6px; } .switcher-arrow { border-color: rgba(0, 0, 0, 0); color: rgba(238, 238, 236, 0.8); } .switcher-arrow:highlighted { border-color: #eeeeec; color: #eeeeec; } .input-source-switcher-symbol { font-size: 34pt; width: 96px; height: 96px; } .cycler-highlight { border: 5px solid #B34CB3; } /* Workspace Switcher */ .workspace-switcher { margin-bottom: 4em; spacing: 12px; padding: 12px 18px; } .ws-switcher-indicator { background-color: rgba(238, 238, 236, 0.5); padding: 0.1816666667em; margin: 0.9083333333em; border-radius: 2.18em; } .ws-switcher-indicator:active { background-color: #eeeeec; padding: 0.3633333333em; margin: 0.7266666667em; } .icon-label-button-container { spacing: 6px; } .icon-label-button-container StIcon { icon-size: 32px; } .screenshot-ui-panel { border-radius: 33px; padding: 18px; padding-bottom: 12px; margin-bottom: 4em; spacing: 12px; } .screenshot-ui-close-button { padding: 6px; } .screenshot-ui-close-button.left { margin-left: 8px; } .screenshot-ui-close-button.right { margin-right: 8px; } .screenshot-ui-type-button { padding: 12px 18px !important; border-radius: 15px; } .screenshot-ui-capture-button { width: 36px; height: 36px; border-radius: 99px; border: 4px #eeeeec; padding: 4px; } .screenshot-ui-capture-button .screenshot-ui-capture-button-circle { background-color: #eeeeec; transition-duration: 200ms; border-radius: 99px; } .screenshot-ui-capture-button .screenshot-ui-capture-button-circle:hover, .screenshot-ui-capture-button .screenshot-ui-capture-button-circle:focus { background-color: rgba(247, 247, 247, 0.1); } .screenshot-ui-capture-button:hover .screenshot-ui-capture-button-circle, .screenshot-ui-capture-button:focus .screenshot-ui-capture-button-circle { background-color: #cacac4; } .screenshot-ui-capture-button:active .screenshot-ui-capture-button-circle { background-color: #747467; } .screenshot-ui-capture-button:cast .screenshot-ui-capture-button-circle { background-color: #c7162b; } .screenshot-ui-capture-button:cast:hover .screenshot-ui-capture-button-circle, .screenshot-ui-capture-button:cast:focus .screenshot-ui-capture-button-circle { background-color: #de1930; } .screenshot-ui-capture-button:cast:active .screenshot-ui-capture-button-circle { background-color: #a71224; } .screenshot-ui-shot-cast-container { background-color: rgba(247, 247, 247, 0.1); border-radius: 12px; padding: 3px; spacing: 3px; } .screenshot-ui-shot-cast-container:ltr { margin-left: 3px; } .screenshot-ui-shot-cast-container:rtl { margin-right: 3px; } .screenshot-ui-shot-cast-button { padding: 6px 12px; background-color: transparent; border-radius: 9px; } .screenshot-ui-shot-cast-button:hover, .screenshot-ui-shot-cast-button:focus { background-color: rgba(255, 255, 255, 0.1); } .screenshot-ui-shot-cast-button:active { background-color: rgba(255, 255, 255, 0.2); } .screenshot-ui-shot-cast-button:checked { background-color: white; color: black; } .screenshot-ui-shot-cast-button StIcon { icon-size: 1.09em; } .screenshot-ui-show-pointer-button { border-radius: 99px; padding: 12px !important; } .screenshot-ui-show-pointer-button StIcon { icon-size: 1.09em; } .screenshot-ui-area-indicator-shade { background-color: rgba(0, 0, 0, 0.3); } .screenshot-ui-area-selector .screenshot-ui-area-indicator-shade { background-color: rgba(0, 0, 0, 0.5); } .screenshot-ui-area-selector .screenshot-ui-area-indicator-selection { border: 2px white; } .screenshot-ui-area-selector-handle { border-radius: 99px; background-color: white; box-shadow: 0 1px 3px 2px rgba(0, 0, 0, 0.2); width: 24px; height: 24px; } .screenshot-ui-window-selector { background-color: #222222; } .screenshot-ui-window-selector .screenshot-ui-window-selector-window-container { margin: 100px; } .screenshot-ui-window-selector:primary-monitor .screenshot-ui-window-selector-window-container { margin-bottom: 200px; } .screenshot-ui-window-selector-window-border { transition-duration: 200ms; border-radius: 12px; border: 6px transparent; } .screenshot-ui-window-selector-check { transition-duration: 200ms; color: transparent; border-radius: 99px; border-width: 12px; icon-size: 24px; } .screenshot-ui-window-selector-window:hover .screenshot-ui-window-selector-window-border { border-color: #7d357d; } .screenshot-ui-window-selector-window:checked .screenshot-ui-window-selector-window-border { border-color: #B34CB3; background-color: rgba(179, 76, 179, 0.2); } .screenshot-ui-window-selector-window:checked .screenshot-ui-window-selector-check { color: #FFFFFF; background-color: #B34CB3; } .screenshot-ui-screen-selector { transition-duration: 200ms; background-color: rgba(0, 0, 0, 0.5); } .screenshot-ui-screen-selector:hover { background-color: rgba(0, 0, 0, 0.3); } .screenshot-ui-screen-selector:active { background-color: rgba(0, 0, 0, 0.7); } .screenshot-ui-screen-selector:checked { background-color: transparent; border: 2px white; } .screenshot-ui-tooltip { color: #eeeeec; background-color: rgba(29, 29, 29, 0.975); border-radius: 99px; padding: 6px 12px; text-align: center; -y-offset: 24px; } /* Top Bar */ #panel { background-color: #131313; font-weight: bold; height: 1.86em; transition-duration: 250ms; } #panel.unlock-screen, #panel.login-screen { background-color: transparent; } #panel .panel-button { font-weight: bold; color: #f2f2f2; -natural-hpadding: 12px; -minimum-hpadding: 6px; transition-duration: 150ms; border: 3px solid transparent; border-radius: 99px; } #panel .panel-button.clock-display .clock { transition-duration: 150ms; border: 3px solid transparent; border-radius: 99px; } #panel .panel-button.screen-recording-indicator { box-shadow: inset 0 0 0 100px #c7162b; } #panel .panel-button.screen-recording-indicator StBoxLayout { spacing: 6px; } #panel .panel-button.screen-recording-indicator StIcon { icon-size: 1.09em; } #panel .panel-button:active, #panel .panel-button:overview, #panel .panel-button:focus, #panel .panel-button:checked { box-shadow: inset 0 0 0 100px rgba(242, 242, 242, 0.2); } #panel .panel-button:active.clock-display, #panel .panel-button:overview.clock-display, #panel .panel-button:focus.clock-display, #panel .panel-button:checked.clock-display { box-shadow: none; } #panel .panel-button:active.clock-display .clock, #panel .panel-button:overview.clock-display .clock, #panel .panel-button:focus.clock-display .clock, #panel .panel-button:checked.clock-display .clock { box-shadow: inset 0 0 0 100px rgba(242, 242, 242, 0.2); } #panel .panel-button:active.screen-recording-indicator, #panel .panel-button:overview.screen-recording-indicator, #panel .panel-button:focus.screen-recording-indicator, #panel .panel-button:checked.screen-recording-indicator { box-shadow: inset 0 0 0 100px rgba(199, 22, 43, 0.85); } #panel .panel-button:hover { box-shadow: inset 0 0 0 100px rgba(242, 242, 242, 0.15); } #panel .panel-button:hover.clock-display { box-shadow: none; } #panel .panel-button:hover.clock-display .clock { box-shadow: inset 0 0 0 100px rgba(242, 242, 242, 0.15); } #panel .panel-button:hover.screen-recording-indicator { box-shadow: inset 0 0 0 100px rgba(199, 22, 43, 0.9); } #panel .panel-button:active:hover, #panel .panel-button:overview:hover, #panel .panel-button:focus:hover, #panel .panel-button:checked:hover { box-shadow: inset 0 0 0 100px rgba(242, 242, 242, 0.25); } #panel .panel-button:active:hover.clock-display, #panel .panel-button:overview:hover.clock-display, #panel .panel-button:focus:hover.clock-display, #panel .panel-button:checked:hover.clock-display { box-shadow: none; } #panel .panel-button:active:hover.clock-display .clock, #panel .panel-button:overview:hover.clock-display .clock, #panel .panel-button:focus:hover.clock-display .clock, #panel .panel-button:checked:hover.clock-display .clock { box-shadow: inset 0 0 0 100px rgba(242, 242, 242, 0.25); } #panel .panel-button:active:hover.screen-recording-indicator, #panel .panel-button:overview:hover.screen-recording-indicator, #panel .panel-button:focus:hover.screen-recording-indicator, #panel .panel-button:checked:hover.screen-recording-indicator { box-shadow: inset 0 0 0 100px rgba(199, 22, 43, 0.8); } #panel .panel-button .system-status-icon { icon-size: 1.09em; padding: 5px; margin: 0 4px; } #panel .panel-button .panel-status-indicators-box .system-status-icon, #panel .panel-button .panel-status-menu-box .system-status-icon { margin: 0; } #panel .panel-button .app-menu-icon { -st-icon-style: symbolic; } #panel .panel-button#panelActivities { -natural-hpadding: 18px; } #panel.unlock-screen .panel-button:active, #panel.unlock-screen .panel-button:overview, #panel.unlock-screen .panel-button:focus, #panel.unlock-screen .panel-button:checked, #panel.login-screen .panel-button:active, #panel.login-screen .panel-button:overview, #panel.login-screen .panel-button:focus, #panel.login-screen .panel-button:checked, #panel:overview .panel-button:active, #panel:overview .panel-button:overview, #panel:overview .panel-button:focus, #panel:overview .panel-button:checked { box-shadow: inset 0 0 0 100px rgba(255, 255, 255, 0.15); } #panel.unlock-screen .panel-button:active.clock-display, #panel.unlock-screen .panel-button:overview.clock-display, #panel.unlock-screen .panel-button:focus.clock-display, #panel.unlock-screen .panel-button:checked.clock-display, #panel.login-screen .panel-button:active.clock-display, #panel.login-screen .panel-button:overview.clock-display, #panel.login-screen .panel-button:focus.clock-display, #panel.login-screen .panel-button:checked.clock-display, #panel:overview .panel-button:active.clock-display, #panel:overview .panel-button:overview.clock-display, #panel:overview .panel-button:focus.clock-display, #panel:overview .panel-button:checked.clock-display { box-shadow: none; } #panel.unlock-screen .panel-button:active.clock-display .clock, #panel.unlock-screen .panel-button:overview.clock-display .clock, #panel.unlock-screen .panel-button:focus.clock-display .clock, #panel.unlock-screen .panel-button:checked.clock-display .clock, #panel.login-screen .panel-button:active.clock-display .clock, #panel.login-screen .panel-button:overview.clock-display .clock, #panel.login-screen .panel-button:focus.clock-display .clock, #panel.login-screen .panel-button:checked.clock-display .clock, #panel:overview .panel-button:active.clock-display .clock, #panel:overview .panel-button:overview.clock-display .clock, #panel:overview .panel-button:focus.clock-display .clock, #panel:overview .panel-button:checked.clock-display .clock { box-shadow: inset 0 0 0 100px rgba(255, 255, 255, 0.15); } #panel.unlock-screen .panel-button:active.screen-recording-indicator, #panel.unlock-screen .panel-button:overview.screen-recording-indicator, #panel.unlock-screen .panel-button:focus.screen-recording-indicator, #panel.unlock-screen .panel-button:checked.screen-recording-indicator, #panel.login-screen .panel-button:active.screen-recording-indicator, #panel.login-screen .panel-button:overview.screen-recording-indicator, #panel.login-screen .panel-button:focus.screen-recording-indicator, #panel.login-screen .panel-button:checked.screen-recording-indicator, #panel:overview .panel-button:active.screen-recording-indicator, #panel:overview .panel-button:overview.screen-recording-indicator, #panel:overview .panel-button:focus.screen-recording-indicator, #panel:overview .panel-button:checked.screen-recording-indicator { box-shadow: inset 0 0 0 100px rgba(199, 22, 43, 0.85); } #panel.unlock-screen .panel-button:hover, #panel.login-screen .panel-button:hover, #panel:overview .panel-button:hover { box-shadow: inset 0 0 0 100px rgba(255, 255, 255, 0.1); } #panel.unlock-screen .panel-button:hover.clock-display, #panel.login-screen .panel-button:hover.clock-display, #panel:overview .panel-button:hover.clock-display { box-shadow: none; } #panel.unlock-screen .panel-button:hover.clock-display .clock, #panel.login-screen .panel-button:hover.clock-display .clock, #panel:overview .panel-button:hover.clock-display .clock { box-shadow: inset 0 0 0 100px rgba(255, 255, 255, 0.1); } #panel.unlock-screen .panel-button:hover.screen-recording-indicator, #panel.login-screen .panel-button:hover.screen-recording-indicator, #panel:overview .panel-button:hover.screen-recording-indicator { box-shadow: inset 0 0 0 100px rgba(199, 22, 43, 0.9); } #panel.unlock-screen .panel-button:active:hover, #panel.unlock-screen .panel-button:overview:hover, #panel.unlock-screen .panel-button:focus:hover, #panel.unlock-screen .panel-button:checked:hover, #panel.login-screen .panel-button:active:hover, #panel.login-screen .panel-button:overview:hover, #panel.login-screen .panel-button:focus:hover, #panel.login-screen .panel-button:checked:hover, #panel:overview .panel-button:active:hover, #panel:overview .panel-button:overview:hover, #panel:overview .panel-button:focus:hover, #panel:overview .panel-button:checked:hover { box-shadow: inset 0 0 0 100px rgba(255, 255, 255, 0.2); } #panel.unlock-screen .panel-button:active:hover.clock-display, #panel.unlock-screen .panel-button:overview:hover.clock-display, #panel.unlock-screen .panel-button:focus:hover.clock-display, #panel.unlock-screen .panel-button:checked:hover.clock-display, #panel.login-screen .panel-button:active:hover.clock-display, #panel.login-screen .panel-button:overview:hover.clock-display, #panel.login-screen .panel-button:focus:hover.clock-display, #panel.login-screen .panel-button:checked:hover.clock-display, #panel:overview .panel-button:active:hover.clock-display, #panel:overview .panel-button:overview:hover.clock-display, #panel:overview .panel-button:focus:hover.clock-display, #panel:overview .panel-button:checked:hover.clock-display { box-shadow: none; } #panel.unlock-screen .panel-button:active:hover.clock-display .clock, #panel.unlock-screen .panel-button:overview:hover.clock-display .clock, #panel.unlock-screen .panel-button:focus:hover.clock-display .clock, #panel.unlock-screen .panel-button:checked:hover.clock-display .clock, #panel.login-screen .panel-button:active:hover.clock-display .clock, #panel.login-screen .panel-button:overview:hover.clock-display .clock, #panel.login-screen .panel-button:focus:hover.clock-display .clock, #panel.login-screen .panel-button:checked:hover.clock-display .clock, #panel:overview .panel-button:active:hover.clock-display .clock, #panel:overview .panel-button:overview:hover.clock-display .clock, #panel:overview .panel-button:focus:hover.clock-display .clock, #panel:overview .panel-button:checked:hover.clock-display .clock { box-shadow: inset 0 0 0 100px rgba(255, 255, 255, 0.2); } #panel.unlock-screen .panel-button:active:hover.screen-recording-indicator, #panel.unlock-screen .panel-button:overview:hover.screen-recording-indicator, #panel.unlock-screen .panel-button:focus:hover.screen-recording-indicator, #panel.unlock-screen .panel-button:checked:hover.screen-recording-indicator, #panel.login-screen .panel-button:active:hover.screen-recording-indicator, #panel.login-screen .panel-button:overview:hover.screen-recording-indicator, #panel.login-screen .panel-button:focus:hover.screen-recording-indicator, #panel.login-screen .panel-button:checked:hover.screen-recording-indicator, #panel:overview .panel-button:active:hover.screen-recording-indicator, #panel:overview .panel-button:overview:hover.screen-recording-indicator, #panel:overview .panel-button:focus:hover.screen-recording-indicator, #panel:overview .panel-button:checked:hover.screen-recording-indicator { box-shadow: inset 0 0 0 100px rgba(199, 22, 43, 0.8); } #panel .panel-status-indicators-box, #panel .panel-status-menu-box { spacing: 2px; } #panel .power-status.panel-status-indicators-box { spacing: 0; } #panel .screencast-indicator, #panel .remote-access-indicator { color: #f99b11; } #appMenu { spacing: 6px; } #appMenu .label-shadow { color: transparent; } #appMenu .panel-status-menu-box { padding: 0 6px; spacing: 6px; } .clock-display-box { spacing: 2px; } .clock-display-box .clock { padding-left: 12px; padding-right: 12px; } /* Activities Ripple */ .ripple-box { background-color: rgba(240, 219, 240, 0.3); box-shadow: 0 0 2px 2px #d194d1; width: 52px; height: 52px; border-radius: 0 0 52px 0; } .ripple-box:rtl { border-radius: 0 0 0 52px; } /* OVERVIEW */ .controls-manager, .secondary-monitor-workspaces { spacing: 12px; } #overviewGroup { background-color: #222222; } .overview-controls { padding-bottom: 32px; } /* Window Picker */ .window-picker { spacing: 6px; } .window-caption { color: #eeeeec; background-color: rgba(29, 29, 29, 0.975); border-radius: 99px; padding: 6px 12px; border: 1px solid #464646; } .window-close, .screenshot-ui-close-button { background-color: rgba(55, 55, 55, 0.975); color: #eeeeec; border-radius: 99px; padding: 3px; height: 30px; width: 30px; transition-duration: 300ms; border: 1px solid #464646; } .window-close StIcon, .screenshot-ui-close-button StIcon { icon-size: 24px; } .window-close:hover, .screenshot-ui-close-button:hover { background-color: rgba(67, 67, 67, 0.975); } .window-close:active, .screenshot-ui-close-button:active { background-color: rgba(42, 42, 42, 0.975); } .workspace-background { border-radius: 30px; box-shadow: 0 4px 16px 4px rgba(0, 0, 0, 0.275); } .search-entry { border-radius: 18px; margin-top: 24px; margin-bottom: 12px; padding: 7px 9px; width: 320px; background-color: #1d1d1d; color: rgba(247, 247, 247, 0.7); border: 1px solid #464646; } .search-entry:hover { background-color: #1d1d1d; border-color: #535353; color: #F7F7F7; } .search-entry:focus { background-color: #1d1d1d; border-color: #c87ec8; box-shadow: 0 0 0 1px #c87ec8 inset; color: #F7F7F7; } .search-entry:insensitive { background-color: #2c2c2c; border-color: #2c2c2c; color: #8a8a8a; } .search-entry .search-entry-icon { color: inherit; icon-size: 1.09em; margin-top: 2px; padding: 0 4px; } /* Search */ #searchResults { margin: 0 4px; } #searchResultsContent { max-width: 1072px; } .search-section { spacing: 18px; } .search-section .search-section-separator { height: 8px; background-color: transparent; } .search-section-content { background-color: #1d1d1d; border-radius: 18px; border: 1px solid #464646; color: #eeeeec; padding: 12px; margin: 0 12px; } .list-search-result, .search-provider-icon { background-color: transparent; border-radius: 9px; } .list-search-result:hover, .search-provider-icon:hover { background-color: rgba(238, 238, 236, 0.1); } .list-search-result:selected, .search-provider-icon:selected, .list-search-result:focus, .search-provider-icon:focus { background-color: rgba(238, 238, 236, 0.13); } .list-search-result:selected:hover, .search-provider-icon:selected:hover, .list-search-result:focus:hover, .search-provider-icon:focus:hover { background-color: rgba(238, 238, 236, 0.16); } .list-search-result:selected:active, .search-provider-icon:selected:active, .list-search-result:focus:active, .search-provider-icon:focus:active { background-color: rgba(238, 238, 236, 0.13); } .list-search-result:active, .search-provider-icon:active { background-color: rgba(238, 238, 236, 0.16); } .list-search-result:outlined, .search-provider-icon:outlined, .list-search-result:checked, .search-provider-icon:checked { background-color: rgba(238, 238, 236, 0.19); } .list-search-result:outlined:active, .search-provider-icon:outlined:active, .list-search-result:checked:active, .search-provider-icon:checked:active { background-color: rgba(238, 238, 236, 0.22); } .list-search-result:outlined:hover, .search-provider-icon:outlined:hover, .list-search-result:checked:hover, .search-provider-icon:checked:hover { background-color: rgba(238, 238, 236, 0.25); } .list-search-result:drop, .search-provider-icon:drop { border: 2px solid rgba(179, 76, 179, 0.8); background-color: rgba(179, 76, 179, 0.2); } .grid-search-results { spacing: 30px; margin: 0 12px; } .search-provider-icon:ltr { margin-right: 4px; } .search-provider-icon:rtl { margin-left: 4px; } .search-provider-icon .list-search-provider-content { spacing: 12px; } .search-provider-icon .list-search-provider-content .list-search-provider-details { width: 120px; color: #eeeeec; } .list-search-results { spacing: 6px; } .list-search-result .list-search-result-content { spacing: 6px; } .list-search-result .list-search-result-title { spacing: 12px; } .list-search-result .list-search-result-description { color: #868685; } /* Dash */ #dash { margin-top: 12px; } #dash .placeholder { background-image: none; background-size: contain; height: 32px; } #dash .empty-dash-drop-target { width: 32px; height: 32px; } #dash .app-well-app-running-dot { margin-bottom: 13px; background-color: #B34CB3; } .dash-background { background-color: #1d1d1d; border-radius: 24px; padding: 12px; border: 1px solid #464646; spacing: 6px; margin-bottom: 12px; } .dash-item-container > * { margin: 0 2px; } .dash-item-container:ltr:first-child { margin-left: 0; } .dash-item-container:rtl:first-child { margin-right: 0; } .dash-item-container .app-well-app .overview-icon, .dash-item-container .grid-search-result .overview-icon { padding: 6px; } .dash-item-container .show-apps .overview-icon { background-color: transparent; } .dash-item-container .show-apps:hover .overview-icon { background-color: rgba(238, 238, 236, 0.1); } .dash-item-container .show-apps:selected .overview-icon, .dash-item-container .show-apps:focus .overview-icon { background-color: rgba(238, 238, 236, 0.13); } .dash-item-container .show-apps:selected .overview-icon:hover .overview-icon, .dash-item-container .show-apps:focus .overview-icon:hover .overview-icon { background-color: rgba(238, 238, 236, 0.16); } .dash-item-container .show-apps:selected .overview-icon:active .overview-icon, .dash-item-container .show-apps:focus .overview-icon:active .overview-icon { background-color: rgba(238, 238, 236, 0.13); } .dash-item-container .show-apps:active .overview-icon { background-color: rgba(238, 238, 236, 0.16); } .dash-item-container .show-apps:outlined .overview-icon, .dash-item-container .show-apps:checked .overview-icon { background-color: rgba(238, 238, 236, 0.19); } .dash-item-container .show-apps:outlined .overview-icon:active .overview-icon, .dash-item-container .show-apps:checked .overview-icon:active .overview-icon { background-color: rgba(238, 238, 236, 0.22); } .dash-item-container .show-apps:outlined .overview-icon:hover .overview-icon, .dash-item-container .show-apps:checked .overview-icon:hover .overview-icon { background-color: rgba(238, 238, 236, 0.25); } .dash-item-container .show-apps:drop .overview-icon { border: 2px solid rgba(179, 76, 179, 0.8); background-color: rgba(179, 76, 179, 0.2); } .dash-item-container .show-apps:focus .overview-icon, .dash-item-container .show-apps:active .overview-icon, .dash-item-container .show-apps:checked .overview-icon { background-color: rgba(238, 238, 236, 0.2); } .dash-item-container .show-apps, .dash-item-container .app-well-app, .dash-item-container .grid-search-result { padding-bottom: 12px; } .dash-separator { width: 1px; margin: 0 4px; background-color: #464646; margin-bottom: 12px; } .dash-label { color: #eeeeec; background-color: rgba(29, 29, 29, 0.975); border-radius: 99px; padding: 6px 12px; text-align: center; -y-offset: 8px; border: 1px solid #464646; } /* App Grid */ .icon-grid { row-spacing: 12px; column-spacing: 12px; max-row-spacing: 42px; max-column-spacing: 42px; page-padding-top: 24px; page-padding-bottom: 24px; page-padding-left: 18px; page-padding-right: 18px; } /* App Icons */ .app-well-app .overview-icon, .grid-search-result .overview-icon { background-color: transparent; } .app-well-app:hover .overview-icon, .grid-search-result:hover .overview-icon { background-color: rgba(238, 238, 236, 0.1); } .app-well-app:selected .overview-icon, .grid-search-result:selected .overview-icon, .app-well-app:focus .overview-icon, .grid-search-result:focus .overview-icon { background-color: rgba(238, 238, 236, 0.13); } .app-well-app:selected .overview-icon:hover .overview-icon, .grid-search-result:selected .overview-icon:hover .overview-icon, .app-well-app:focus .overview-icon:hover .overview-icon, .grid-search-result:focus .overview-icon:hover .overview-icon { background-color: rgba(238, 238, 236, 0.16); } .app-well-app:selected .overview-icon:active .overview-icon, .grid-search-result:selected .overview-icon:active .overview-icon, .app-well-app:focus .overview-icon:active .overview-icon, .grid-search-result:focus .overview-icon:active .overview-icon { background-color: rgba(238, 238, 236, 0.13); } .app-well-app:active .overview-icon, .grid-search-result:active .overview-icon { background-color: rgba(238, 238, 236, 0.16); } .app-well-app:outlined .overview-icon, .grid-search-result:outlined .overview-icon, .app-well-app:checked .overview-icon, .grid-search-result:checked .overview-icon { background-color: rgba(238, 238, 236, 0.19); } .app-well-app:outlined .overview-icon:active .overview-icon, .grid-search-result:outlined .overview-icon:active .overview-icon, .app-well-app:checked .overview-icon:active .overview-icon, .grid-search-result:checked .overview-icon:active .overview-icon { background-color: rgba(238, 238, 236, 0.22); } .app-well-app:outlined .overview-icon:hover .overview-icon, .grid-search-result:outlined .overview-icon:hover .overview-icon, .app-well-app:checked .overview-icon:hover .overview-icon, .grid-search-result:checked .overview-icon:hover .overview-icon { background-color: rgba(238, 238, 236, 0.25); } .app-well-app:drop .overview-icon, .grid-search-result:drop .overview-icon { border: 2px solid rgba(179, 76, 179, 0.8); background-color: rgba(179, 76, 179, 0.2); } .app-well-app:focus .overview-icon, .grid-search-result:focus .overview-icon, .app-well-app:active .overview-icon, .grid-search-result:active .overview-icon, .app-well-app:checked .overview-icon, .grid-search-result:checked .overview-icon { background-color: rgba(238, 238, 236, 0.2); } .app-well-app .overview-icon, .grid-search-result .overview-icon { padding: 12px; } .app-well-app .overview-icon.overview-icon-with-label > StBoxLayout, .grid-search-result .overview-icon.overview-icon-with-label > StBoxLayout { spacing: 6px; } .app-well-app.app-folder .overview-icon, .app-folder.grid-search-result .overview-icon { background-color: rgba(238, 238, 236, 0.05); } .app-well-app.app-folder:hover .overview-icon, .app-folder.grid-search-result:hover .overview-icon { background-color: rgba(238, 238, 236, 0.1); } .app-well-app.app-folder:selected .overview-icon, .app-folder.grid-search-result:selected .overview-icon, .app-well-app.app-folder:focus .overview-icon, .app-folder.grid-search-result:focus .overview-icon { background-color: rgba(238, 238, 236, 0.13); } .app-well-app.app-folder:selected .overview-icon:hover .overview-icon, .app-folder.grid-search-result:selected .overview-icon:hover .overview-icon, .app-well-app.app-folder:focus .overview-icon:hover .overview-icon, .app-folder.grid-search-result:focus .overview-icon:hover .overview-icon { background-color: rgba(238, 238, 236, 0.16); } .app-well-app.app-folder:selected .overview-icon:active .overview-icon, .app-folder.grid-search-result:selected .overview-icon:active .overview-icon, .app-well-app.app-folder:focus .overview-icon:active .overview-icon, .app-folder.grid-search-result:focus .overview-icon:active .overview-icon { background-color: rgba(238, 238, 236, 0.13); } .app-well-app.app-folder:active .overview-icon, .app-folder.grid-search-result:active .overview-icon { background-color: rgba(238, 238, 236, 0.16); } .app-well-app.app-folder:outlined .overview-icon, .app-folder.grid-search-result:outlined .overview-icon, .app-well-app.app-folder:checked .overview-icon, .app-folder.grid-search-result:checked .overview-icon { background-color: rgba(238, 238, 236, 0.19); } .app-well-app.app-folder:outlined .overview-icon:active .overview-icon, .app-folder.grid-search-result:outlined .overview-icon:active .overview-icon, .app-well-app.app-folder:checked .overview-icon:active .overview-icon, .app-folder.grid-search-result:checked .overview-icon:active .overview-icon { background-color: rgba(238, 238, 236, 0.22); } .app-well-app.app-folder:outlined .overview-icon:hover .overview-icon, .app-folder.grid-search-result:outlined .overview-icon:hover .overview-icon, .app-well-app.app-folder:checked .overview-icon:hover .overview-icon, .app-folder.grid-search-result:checked .overview-icon:hover .overview-icon { background-color: rgba(238, 238, 236, 0.25); } .app-well-app.app-folder:drop .overview-icon, .app-folder.grid-search-result:drop .overview-icon { border: 2px solid rgba(179, 76, 179, 0.8); background-color: rgba(179, 76, 179, 0.2); } .app-well-app.app-folder:focus .overview-icon, .app-folder.grid-search-result:focus .overview-icon, .app-well-app.app-folder:active .overview-icon, .app-folder.grid-search-result:active .overview-icon, .app-well-app.app-folder:checked .overview-icon, .app-folder.grid-search-result:checked .overview-icon { background-color: rgba(238, 238, 236, 0.2); } .app-folder-dialog { border-radius: 24px; background-color: #1d1d1d; border: 1px solid #464646; } .app-folder-dialog .folder-name-container { padding: 24px 36px 0; spacing: 12px; /* FIXME: this is to keep the label in sync with the entry */ } .app-folder-dialog .folder-name-container .folder-name-label, .app-folder-dialog .folder-name-container .folder-name-entry { color: #eeeeec; } .app-folder-dialog .folder-name-container .folder-name-entry { width: 300px; background-color: rgba(39, 39, 39, 0.975); border-color: rgba(255, 255, 255, 0.16); } .app-folder-dialog .folder-name-container .folder-name-label { padding: 5px 7px; color: #eeeeec; } .app-folder-dialog .folder-name-container .edit-folder-button { padding: 0; width: 36px; height: 36px; border-radius: 99px; } .app-folder-dialog .folder-name-container .edit-folder-button > StIcon { icon-size: 1.09em; } .app-folder-dialog .icon-grid { row-spacing: 12px; column-spacing: 30px; page-padding-top: 0; page-padding-bottom: 0; page-padding-left: 0; page-padding-right: 0; } .app-folder-dialog .page-indicators { margin-bottom: 18px; } .app-folder-dialog-container { padding: 12px; width: 640px; height: 640px; } .app-well-app-running-dot { height: 5px; width: 5px; border-radius: 5px; margin-bottom: 8px; background-color: #B34CB3; } .rename-folder-popup .rename-folder-popup-item { spacing: 6px; } .rename-folder-popup .rename-folder-popup-item:ltr, .rename-folder-popup .rename-folder-popup-item:rtl { padding: 0 12px; } .page-indicator { padding: 6px 12px 0; } .page-indicator .page-indicator-icon { width: 10px; height: 10px; border-radius: 10px; background-color: white; } .apps-scroll-view { padding: 0; } .system-action-icon { background-color: rgba(0, 0, 0, 0.8); color: #fff; border-radius: 99px; icon-size: 48px; } .page-navigation-hint { width: 300px; } .page-navigation-hint.dnd { background: rgba(255, 255, 255, 0.1); } .page-navigation-hint.next:ltr, .page-navigation-hint.previous:rtl { background-gradient-start: rgba(255, 255, 255, 0.05); background-gradient-end: transparent; background-gradient-direction: horizontal; border-radius: 18px 0px 0px 18px; } .page-navigation-hint.previous:ltr, .page-navigation-hint.next:rtl { background-gradient-start: transparent; background-gradient-end: rgba(255, 255, 255, 0.05); background-gradient-direction: horizontal; border-radius: 0px 18px 18px 0px; } .page-navigation-arrow { margin: 6px; width: 24px; height: 24px; color: #eeeeec; } /* Workspace pager */ .workspace-thumbnails { visible-width: 32px; spacing: 6px; padding: 6px; border-color: transparent; } .workspace-thumbnails .workspace-thumbnail { border-radius: 3px; background-color: #1d1d1d; border: 1px solid #464646; } .workspace-thumbnails .placeholder { background-image: url("resource:///org/gnome/shell/theme/workspace-placeholder.svg"); background-size: contain; width: 18px; } .workspace-thumbnail-indicator { border: 2px solid #c87ec8; border-radius: 3px; padding: 0px; } .ripple-pointer-location { width: 50px; height: 50px; border-radius: 25px; background-color: rgba(225, 183, 225, 0.3); box-shadow: 0 0 2px 2px #d194d1; } .pie-timer { width: 60px; height: 60px; -pie-border-width: 3px; -pie-border-color: #B34CB3; -pie-background-color: rgba(240, 219, 240, 0.3); } .magnifier-zoom-region { border: 2px solid #B34CB3; } .magnifier-zoom-region.full-screen { border-width: 0; } .select-area-rubberband { background-color: rgba(135, 135, 135, 0.2); border: 1px solid rgba(204, 204, 204, 0.8); } .user-icon { /* Yaru: See commit 3d4aca768250 */ background-size: contain; color: #F7F7F7; border-radius: 99px; icon-size: 4.36em; } .user-icon:hover { color: white; } .user-icon StIcon { background-color: rgba(247, 247, 247, 0.05); border-radius: 99px; padding: 12px; width: 2.725em; height: 2.725em; } .user-icon.user-avatar { border: 2px #eeeeec; } .user-widget.vertical .user-icon { icon-size: 6.54em; } .user-widget.vertical .user-icon StIcon { padding: 20px; padding-top: 18px; padding-bottom: 22px; width: 5.995em; height: 5.995em; /* Yaru: See commit 3d4aca768250 */ } .lightbox { background-color: black; } .flashspot { background-color: white; } .hidden { color: rgba(0, 0, 0, 0); } .caps-lock-warning-label { text-align: center; padding-bottom: 8px; color: #f99b11; } /* Workspace animation */ .workspace-animation { background-color: #222222; } /* Tiled window previews */ .tile-preview { background-color: rgba(179, 76, 179, 0.5); border: 1px solid #B34CB3; } /* On-screen Keyboard */ #keyboard { background-color: rgba(0, 0, 0, 0.9); } #keyboard .page-indicator { padding: 6px; } #keyboard .page-indicator .page-indicator-icon { width: 8px; height: 8px; } .key-container { padding: 4px; spacing: 4px; } .keyboard-key { font-size: 16pt; font-weight: bold; min-height: 1.2em; min-width: 1.2em; border-width: 1px; border-style: solid; border-radius: 10px; box-shadow: 0 1px 0 0 rgba(0, 0, 0, 0.1); color: #F7F7F7; background-color: #222222; } .keyboard-key:focus { color: #F7F7F7; background-color: #312631; box-shadow: inset 0 0 0 2px rgba(179, 76, 179, 0.6); } .keyboard-key:focus:hover { background-color: #3c323c; box-shadow: inset 0 0 0 2px rgba(179, 76, 179, 0.7); } .keyboard-key:focus:active { background-color: #413641; box-shadow: inset 0 0 0 2px rgba(179, 76, 179, 0.7); } .keyboard-key:hover { color: #F7F7F7; background-color: #2c2c2c; } .keyboard-key:active { color: #F7F7F7; background-color: #343434; } .keyboard-key:checked { color: #F7F7F7; background-color: #414141; } .keyboard-key:grayed { background-color: #151515; color: #F7F7F7; border-color: rgba(0, 0, 0, 0.7); } .keyboard-key.default-key { color: #F7F7F7; background-color: #222222; border-radius: 10px; } .keyboard-key.default-key:hover { color: #F7F7F7; background-color: #2c2c2c; } .keyboard-key.default-key:active { color: #F7F7F7; background-color: #343434; } .keyboard-key.default-key:checked { color: #F7F7F7; background-color: #414141; } .keyboard-key.enter-key { color: #FFFFFF; background-color: #0d7b1e; border-radius: 10px; color: #eeeeec; } .keyboard-key.enter-key:hover { color: #FFFFFF; background-color: #0f8d22; } .keyboard-key.enter-key:active { color: #FFFFFF; background-color: #109b26; } .keyboard-key.enter-key:checked { color: #FFFFFF; background-color: #13b22b; } .keyboard-key.shift-key-uppercase { background-color: #4e4e4e; color: #F7F7F7; } .keyboard-key.shift-key-uppercase:hover { background-color: #5a5a5a; } .keyboard-key StIcon { icon-size: 24px; } .keyboard-subkeys { -arrow-border-radius: 12px; -arrow-background-color: rgba(9, 9, 9, 0.9); -arrow-border-width: 1px; -arrow-border-color: #464646; -arrow-base: 20px; -arrow-rise: 10px; -boxpointer-gap: 6px; padding: 6px; } .keyboard-subkeys .keyboard-key { color: #F7F7F7; background-color: #222222; border-radius: 10px; } .keyboard-subkeys .keyboard-key:focus { color: #F7F7F7; background-color: #312631; box-shadow: inset 0 0 0 2px rgba(179, 76, 179, 0.6); } .keyboard-subkeys .keyboard-key:focus:hover { background-color: #3c323c; box-shadow: inset 0 0 0 2px rgba(179, 76, 179, 0.7); } .keyboard-subkeys .keyboard-key:focus:active { background-color: #413641; box-shadow: inset 0 0 0 2px rgba(179, 76, 179, 0.7); } .keyboard-subkeys .keyboard-key:hover { color: #F7F7F7; background-color: #2c2c2c; } .keyboard-subkeys .keyboard-key:active { color: #F7F7F7; background-color: #343434; } .keyboard-subkeys .keyboard-key:checked { color: #F7F7F7; background-color: #414141; } .emoji-page .keyboard-key { background-color: transparent; border: none; color: initial; } .emoji-panel .keyboard-key:latched { border-color: #bb5ebb; background-color: #B34CB3; } .word-suggestions { font-size: 14pt; spacing: 12px; min-height: 20pt; padding: 12px; color: #F7F7F7; } .word-suggestions StButton { margin: 0 3px; min-width: 32px; border-radius: 4px; padding: 6px 18px; background-color: transparent; background-image: none; } .word-suggestions StButton:focus { color: #F7F7F7; background-color: #312631; box-shadow: inset 0 0 0 2px rgba(179, 76, 179, 0.6); } .word-suggestions StButton:focus:hover { background-color: #3c323c; box-shadow: inset 0 0 0 2px rgba(179, 76, 179, 0.7); } .word-suggestions StButton:focus:active { background-color: #413641; box-shadow: inset 0 0 0 2px rgba(179, 76, 179, 0.7); } .word-suggestions StButton:hover { color: #F7F7F7; background-color: #2c2c2c; } .word-suggestions StButton:active { color: #F7F7F7; background-color: #343434; } .word-suggestions StButton:checked { color: #F7F7F7; background-color: #414141; } /* Looking Glass */ #LookingGlassDialog { background-color: rgba(29, 29, 29, 0.975); border-radius: 0 0 12px 12px; border-top-width: 0; border: 1px solid rgba(255, 255, 255, 0.16); color: #eeeeec; padding: 6px; spacing: 6px; box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.1); } #LookingGlassDialog > #Toolbar { border: none; padding: 6px; border-radius: 0; background-color: transparent; spacing: 6px; } #LookingGlassDialog > #Toolbar .lg-toolbar-button { padding: 6px 12px; } #LookingGlassDialog > #Toolbar .lg-toolbar-button > StIcon { icon-size: 1.09em; } #LookingGlassDialog .labels { spacing: 6px; } #LookingGlassDialog .notebook-tab { -natural-hpadding: 12px; -minimum-hpadding: 12px; font-weight: bold; padding: 6px 12px; color: #cacac4; transition-duration: 100ms; box-shadow: none; border: none; border-radius: 4px; background-color: transparent; } #LookingGlassDialog .notebook-tab:hover { color: #eeeeec; background-color: rgba(238, 238, 236, 0.05); } #LookingGlassDialog .notebook-tab:selected { color: #eeeeec; background-color: rgba(238, 238, 236, 0.1); } #LookingGlassDialog StBoxLayout#EvalBox { padding: 4px; spacing: 6px; padding: 6px; } #LookingGlassDialog StBoxLayout#ResultsArea { spacing: 6px; padding: 6px; } .lg-dialog { color: #eeeeec; } .lg-dialog StEntry { background-color: rgba(42, 42, 42, 0.575); color: #eeeeec; border-color: rgba(238, 238, 236, 0.2); min-height: 22px; selection-background-color: #B34CB3; selected-color: #FFFFFF; } .lg-dialog StEntry, .lg-dialog StEntry:focus { box-shadow: none; } .lg-dialog .shell-link { color: #d194d1; } .lg-dialog .shell-link:hover { color: #e1b7e1; } .lg-dialog .shell-link:active { color: #c270c2; } .lg-dialog .actor-link { color: #8a8a8a; } .lg-dialog .actor-link:hover { color: #bdbdbd; } .lg-dialog .actor-link:active { color: #575757; } .lg-completions-text { font-style: italic; color: #eeeeec; } .lg-obj-inspector-title { spacing: 6px; color: #eeeeec; } .lg-obj-inspector-button { border: 1px solid rgba(0, 0, 0, 0.7); padding: 4px; border-radius: 6px; color: #eeeeec; } .lg-obj-inspector-button:hover { border: 1px solid #ffffff; } #lookingGlassExtensions { padding: 6px; } .lg-extensions-list { padding: 6px; spacing: 6px; } .lg-extension { padding: 12px; border-radius: 6px; margin: 4px; box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.1); color: #F7F7F7; background-color: #2c2c2c; } .lg-extension:focus { color: #F7F7F7; background-color: #2c2c2c; box-shadow: inset 0 0 0 2px #c87ec8; } .lg-extension:focus:hover { background-color: #343434; box-shadow: inset 0 0 0 2px #c87ec8; } .lg-extension:focus:active { background-color: #3b3b3b; box-shadow: inset 0 0 0 2px #c87ec8; } .lg-extension:hover { color: #F7F7F7; background-color: #343434; } .lg-extension:active { color: #F7F7F7; background-color: #3b3b3b; } .lg-extension-meta { spacing: 6px; } #LookingGlassPropertyInspector { background: rgba(29, 29, 29, 0.975); border: 1px solid rgba(0, 0, 0, 0.7); border-radius: 6px; padding: 6px; } .lg-debug-flag-button { color: #F7F7F7; } .lg-debug-flag-button StLabel { padding: 6px, 12px; } .lg-debug-flag-button:hover { color: white; } .lg-debug-flag-button:active { color: #c4c4c4; } .lg-debug-flags-header { padding-top: 12px; padding: 6px; } /* Login Dialog */ .login-dialog-banner-view { padding-top: 24px; max-width: 23em; } .login-dialog, .unlock-dialog { border: none; background-color: transparent; } .login-dialog .modal-dialog-button-box, .unlock-dialog .modal-dialog-button-box { spacing: 3px; } .login-dialog .modal-dialog-button, .unlock-dialog .modal-dialog-button { padding: 4px 18px; box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2); background-color: #222222; border-color: #464646; color: #F7F7F7; } .login-dialog .modal-dialog-button:hover, .unlock-dialog .modal-dialog-button:hover { background-color: #2f2f2f; } .login-dialog .modal-dialog-button:focus, .unlock-dialog .modal-dialog-button:focus { border-color: #c87ec8; box-shadow: inset 0 0 0 1px #c87ec8; } .login-dialog .modal-dialog-button:active, .unlock-dialog .modal-dialog-button:active { box-shadow: none; background-color: #151515; color: rgba(238, 238, 236, 0.7); } .login-dialog .modal-dialog-button:default, .unlock-dialog .modal-dialog-button:default { background-color: #B34CB3; color: #FFFFFF; } .login-dialog .modal-dialog-button:default:focus, .unlock-dialog .modal-dialog-button:default:focus { box-shadow: inset 0 0 0 2px rgba(179, 76, 179, 0.6); } .login-dialog .modal-dialog-button:default:hover, .login-dialog .modal-dialog-button:default:focus, .unlock-dialog .modal-dialog-button:default:hover, .unlock-dialog .modal-dialog-button:default:focus { background-color: #bb5ebb; color: white; } .login-dialog .modal-dialog-button:default:active, .unlock-dialog .modal-dialog-button:default:active { background-color: #9a419a; color: #ededed; } .login-dialog .modal-dialog-button:default:insensitive, .unlock-dialog .modal-dialog-button:default:insensitive { color: rgba(247, 247, 247, 0.5); background-color: rgba(247, 247, 247, 0.05); background-color: rgba(179, 76, 179, 0.5); color: rgba(255, 255, 255, 0.5); } .login-dialog .cancel-button, .login-dialog .switch-user-button, .login-dialog .login-dialog-session-list-button, .unlock-dialog .cancel-button, .unlock-dialog .switch-user-button, .unlock-dialog .login-dialog-session-list-button { padding: 0; border-radius: 99px; width: 2.18em; height: 2.18em; } .login-dialog .cancel-button StIcon, .login-dialog .switch-user-button StIcon, .login-dialog .login-dialog-session-list-button StIcon, .unlock-dialog .cancel-button StIcon, .unlock-dialog .switch-user-button StIcon, .unlock-dialog .login-dialog-session-list-button StIcon { icon-size: 1.09em; } .login-dialog .caps-lock-warning-label, .login-dialog .login-dialog-message, .unlock-dialog .caps-lock-warning-label, .unlock-dialog .login-dialog-message { color: #eeeeec; } .login-dialog-logo-bin { padding: 24px 0px; } .login-dialog-banner { color: #d6d6d1; } .login-dialog-button-box { width: 23em; spacing: 5px; } .login-dialog-message { text-align: center; } .login-dialog-user-selection-box { padding: 100px 0px; } .login-dialog-not-listed-label { padding-left: 2px; } .login-dialog-not-listed-button:focus .login-dialog-not-listed-label, .login-dialog-not-listed-button:hover .login-dialog-not-listed-label { color: #eeeeec; } .login-dialog-not-listed-label { font-weight: bold; color: #a6a69b; padding-top: 1em; } .login-dialog-auth-list-view { -st-vfade-offset: 1em; } .login-dialog-auth-list { spacing: 6px; margin-left: 2em; } .login-dialog-auth-list-title { margin-left: 2em; } .login-dialog-auth-list-item { border-radius: 10px; padding: 6px; color: #a6a69b; } .login-dialog-auth-list-item:focus, .login-dialog-auth-list-item:selected { background-color: #B34CB3; color: #FFFFFF; } .login-dialog-auth-list-label { font-size: 13pt; font-weight: bold; padding-left: 15px; } .login-dialog-auth-list-label:ltr { padding-left: 14px; text-align: left; } .login-dialog-auth-list-label:rtl { padding-right: 14px; text-align: right; } .login-dialog-user-list-view { -st-vfade-offset: 1em; } .login-dialog-user-list { spacing: 12px; width: 23em; } .login-dialog-user-list:expanded .login-dialog-user-list-item:selected { background-color: rgba(255, 255, 255, 0.1); color: #FFFFFF; } .login-dialog-user-list:expanded .login-dialog-user-list-item:logged-in { border-right: 2px solid rgba(255, 255, 255, 0.1); } .login-dialog-user-list-item { border-radius: 10px; padding: 6px; color: #a6a69b; } .login-dialog-user-list-item:ltr .user-widget { padding-right: 1em; } .login-dialog-user-list-item:rtl .user-widget { padding-left: 1em; } .login-dialog-user-list-item .login-dialog-timed-login-indicator { height: 2px; margin-top: 6px; background-color: #eeeeec; } .login-dialog-user-list-item:focus .login-dialog-timed-login-indicator { background-color: #FFFFFF; } .user-widget-label { color: #eeeeec; } .user-widget.horizontal .user-widget-label { font-size: 13pt; font-weight: bold; padding-left: 15px; } .user-widget.horizontal .user-widget-label:ltr { padding-left: 14px; text-align: left; } .user-widget.horizontal .user-widget-label:rtl { padding-right: 14px; text-align: right; } .user-widget.vertical .user-widget-label { font-size: 16pt; text-align: center; font-weight: normal; padding-top: 16px; } .login-dialog-timed-login-indicator { height: 2px; background-color: #919191; } .login-dialog-prompt-layout { padding-top: 24px; padding-bottom: 12px; spacing: 12px; width: 23em; } .login-dialog-prompt-entry { height: 1.5em; } .login-dialog-prompt-label { color: #bebeb6; font-size: 12pt; padding-top: 1em; } .login-dialog StEntry { background-color: #1b1b1b; color: #F7F7F7; } .unlock-dialog StEntry { border: none !important; } .unlock-dialog StEntry, .unlock-dialog StEntry:focus { color: #F7F7F7; background-color: rgba(247, 247, 247, 0.1); box-shadow: none; } .unlock-dialog StEntry:insensitive { color: rgba(247, 247, 247, 0.5); background-color: rgba(247, 247, 247, 0.05); } .unlock-dialog StEntry StLabel.hint-text { color: rgba(247, 247, 247, 0.7); } .unlock-dialog .user-icon { background-color: rgba(247, 247, 247, 0.1); color: #F7F7F7; } .unlock-dialog .cancel-button, .unlock-dialog .switch-user-button, .unlock-dialog .login-dialog-session-list-button { border-color: transparent; background-color: rgba(247, 247, 247, 0.1); box-shadow: none; } .unlock-dialog .cancel-button, .unlock-dialog .cancel-button:hover, .unlock-dialog .cancel-button:focus, .unlock-dialog .cancel-button:active, .unlock-dialog .switch-user-button, .unlock-dialog .switch-user-button:hover, .unlock-dialog .switch-user-button:focus, .unlock-dialog .switch-user-button:active, .unlock-dialog .login-dialog-session-list-button, .unlock-dialog .login-dialog-session-list-button:hover, .unlock-dialog .login-dialog-session-list-button:focus, .unlock-dialog .login-dialog-session-list-button:active { color: #F7F7F7; } .unlock-dialog .cancel-button:hover, .unlock-dialog .cancel-button:focus, .unlock-dialog .switch-user-button:hover, .unlock-dialog .switch-user-button:focus, .unlock-dialog .login-dialog-session-list-button:hover, .unlock-dialog .login-dialog-session-list-button:focus { background-color: rgba(247, 247, 247, 0.15); } .unlock-dialog .cancel-button:active, .unlock-dialog .switch-user-button:active, .unlock-dialog .login-dialog-session-list-button:active { background-color: rgba(247, 247, 247, 0.2); } /* Screen Shield */ .unlock-dialog-clock { color: white; font-weight: 300; text-align: center; spacing: 24px; padding-bottom: 2.5em; } .unlock-dialog-clock-time { font-size: 64pt; padding-top: 42px; } .unlock-dialog-clock-date { font-size: 16pt; font-weight: normal; } .unlock-dialog-clock-hint { font-weight: normal; padding-top: 48px; } .unlock-dialog-notifications-container { margin: 12px; spacing: 6px; width: 23em; background-color: transparent; } .unlock-dialog-notifications-container .summary-notification-stack-scrollview { padding-top: 0; padding-bottom: 0; } .unlock-dialog-notifications-container .notification, .unlock-dialog-notifications-container .unlock-dialog-notification-source { padding: 12px 16px; border: none; background-color: rgba(238, 238, 236, 0.1); color: #eeeeec; border-radius: 12px; } .unlock-dialog-notifications-container .notification.critical, .unlock-dialog-notifications-container .unlock-dialog-notification-source.critical { background-color: rgba(238, 238, 236, 0.2); } .unlock-dialog-notification-label { padding: 0 0 0 12px; } .unlock-dialog-notification-count-text { font-weight: bold; padding: 0 12px; color: #eeeeec; background-color: rgba(238, 238, 236, 0.1); border-radius: 99px; } .screen-shield-background { background: black; box-shadow: 0 2px 4px rgba(0, 0, 0, 0.6); } #lockDialogGroup { background-color: #222222; } #unlockDialogNotifications StButton#vhandle, #unlockDialogNotifications StButton#hhandle { background-color: rgba(29, 29, 29, 0.3); } #unlockDialogNotifications StButton#vhandle:hover, #unlockDialogNotifications StButton#vhandle:focus, #unlockDialogNotifications StButton#hhandle:hover, #unlockDialogNotifications StButton#hhandle:focus { background-color: rgba(29, 29, 29, 0.5); } #unlockDialogNotifications StButton#vhandle:active, #unlockDialogNotifications StButton#hhandle:active { background-color: rgba(179, 76, 179, 0.5); } * { font-weight: normal !important; text-shadow: none !important; } .file-item { border-radius: 6px; } /* Default Ubuntu Dock styling, append !important to any changed rules This must be in sync with - https://github.com/micheleg/dash-to-dock/blob/ubuntu-dock/_stylesheet.scss */ #dashtodockContainer.bottom #dash { margin: 0px; padding: 0px; } #dashtodockContainer.bottom #dash .dash-background { margin: 0; margin-bottom: 4px; padding: 0; border-radius: 18px; spacing: 6px; } #dashtodockContainer.bottom #dash .dash-separator { background-color: #464646; margin: 0 4px; width: 1px; height: 0; margin-bottom: 4px; } #dashtodockContainer.bottom #dash #dashtodockDashContainer { padding: 10px; padding-bottom: 0; padding-top: 0; } #dashtodockContainer.bottom #dash .dash-item-container { /* Disable all margins defined upstream, we handle them here */ margin: 0 2px; } #dashtodockContainer.bottom #dash .dash-item-container > * { margin: 0; } #dashtodockContainer.bottom #dash .dash-item-container:ltr:first-child, #dashtodockContainer.bottom #dash .dash-item-container:rtl:last-child { margin-left: 0; } #dashtodockContainer.bottom #dash .dash-item-container:ltr:last-child, #dashtodockContainer.bottom #dash .dash-item-container:rtl:first-child { margin-right: 0; } #dashtodockContainer.bottom #dash .dash-item-container .app-well-app, #dashtodockContainer.bottom #dash .dash-item-container .grid-search-result, #dashtodockContainer.bottom #dash .dash-item-container .show-apps { padding: 2px 2px; padding-bottom: 14px; padding-top: 10px; } #dashtodockContainer.bottom #dash .dash-item-container .app-well-app:ltr:first-child, #dashtodockContainer.bottom #dash .dash-item-container .grid-search-result:ltr:first-child, #dashtodockContainer.bottom #dash .dash-item-container .app-well-app:rtl:last-child, #dashtodockContainer.bottom #dash .dash-item-container .grid-search-result:rtl:last-child, #dashtodockContainer.bottom #dash .dash-item-container .show-apps:ltr:first-child, #dashtodockContainer.bottom #dash .dash-item-container .show-apps:rtl:last-child { padding-left: 0; } #dashtodockContainer.bottom #dash .dash-item-container .app-well-app:ltr:last-child, #dashtodockContainer.bottom #dash .dash-item-container .grid-search-result:ltr:last-child, #dashtodockContainer.bottom #dash .dash-item-container .app-well-app:rtl:first-child, #dashtodockContainer.bottom #dash .dash-item-container .grid-search-result:rtl:first-child, #dashtodockContainer.bottom #dash .dash-item-container .show-apps:ltr:last-child, #dashtodockContainer.bottom #dash .dash-item-container .show-apps:rtl:first-child { padding-right: 0; } #dashtodockContainer.bottom #dash .dash-item-container .app-well-app.running .overview-icon, #dashtodockContainer.bottom #dash .dash-item-container .running.grid-search-result .overview-icon { background-image: none; } #dashtodockContainer.bottom #dash .dash-item-container .app-well-app.focused .overview-icon, #dashtodockContainer.bottom #dash .dash-item-container .focused.grid-search-result .overview-icon { background-color: rgba(238, 238, 236, 0.2); } #dashtodockContainer.bottom #dash .dash-item-container .app-well-app .app-well-app-running-dot, #dashtodockContainer.bottom #dash .dash-item-container .grid-search-result .app-well-app-running-dot { margin-bottom: 2px; } #dashtodockContainer.bottom #dash .dash-item-container > StButton { transition-duration: 250; background-size: contain; } #dashtodockContainer.bottom.fixed #dash .dash-background { margin-top: 4px; } #dashtodockContainer.bottom.fixed #dash .dash-item-container .app-well-app, #dashtodockContainer.bottom.fixed #dash .dash-item-container .grid-search-result, #dashtodockContainer.bottom.fixed #dash .dash-item-container .show-apps { padding-top: 14px; } .dash-label.bottom { margin-bottom: 10px; -x-offset: 0; -y-offset: 0; } #dashtodockContainer.bottom.shrink #dash { margin: 0px; padding: 0px; } #dashtodockContainer.bottom.shrink #dash .dash-background { margin: 0; margin-bottom: 4px; padding: 0; border-radius: 14px; spacing: 2px; } #dashtodockContainer.bottom.shrink #dash .dash-separator { background-color: #464646; margin: 0 1px; width: 1px; height: 0; margin-bottom: 4px; } #dashtodockContainer.bottom.shrink #dash #dashtodockDashContainer { padding: 3px; padding-bottom: 0; padding-top: 0; } #dashtodockContainer.bottom.shrink #dash .dash-item-container { /* Disable all margins defined upstream, we handle them here */ margin: 0 2px; } #dashtodockContainer.bottom.shrink #dash .dash-item-container > * { margin: 0; } #dashtodockContainer.bottom.shrink #dash .dash-item-container:ltr:first-child, #dashtodockContainer.bottom.shrink #dash .dash-item-container:rtl:last-child { margin-left: 0; } #dashtodockContainer.bottom.shrink #dash .dash-item-container:ltr:last-child, #dashtodockContainer.bottom.shrink #dash .dash-item-container:rtl:first-child { margin-right: 0; } #dashtodockContainer.bottom.shrink #dash .dash-item-container .app-well-app, #dashtodockContainer.bottom.shrink #dash .dash-item-container .grid-search-result, #dashtodockContainer.bottom.shrink #dash .dash-item-container .show-apps { padding: 1px 1px; padding-bottom: 7px; padding-top: 3px; } #dashtodockContainer.bottom.shrink #dash .dash-item-container .app-well-app:ltr:first-child, #dashtodockContainer.bottom.shrink #dash .dash-item-container .grid-search-result:ltr:first-child, #dashtodockContainer.bottom.shrink #dash .dash-item-container .app-well-app:rtl:last-child, #dashtodockContainer.bottom.shrink #dash .dash-item-container .grid-search-result:rtl:last-child, #dashtodockContainer.bottom.shrink #dash .dash-item-container .show-apps:ltr:first-child, #dashtodockContainer.bottom.shrink #dash .dash-item-container .show-apps:rtl:last-child { padding-left: 0; } #dashtodockContainer.bottom.shrink #dash .dash-item-container .app-well-app:ltr:last-child, #dashtodockContainer.bottom.shrink #dash .dash-item-container .grid-search-result:ltr:last-child, #dashtodockContainer.bottom.shrink #dash .dash-item-container .app-well-app:rtl:first-child, #dashtodockContainer.bottom.shrink #dash .dash-item-container .grid-search-result:rtl:first-child, #dashtodockContainer.bottom.shrink #dash .dash-item-container .show-apps:ltr:last-child, #dashtodockContainer.bottom.shrink #dash .dash-item-container .show-apps:rtl:first-child { padding-right: 0; } #dashtodockContainer.bottom.shrink #dash .dash-item-container .app-well-app.running .overview-icon, #dashtodockContainer.bottom.shrink #dash .dash-item-container .running.grid-search-result .overview-icon { background-image: none; } #dashtodockContainer.bottom.shrink #dash .dash-item-container .app-well-app.focused .overview-icon, #dashtodockContainer.bottom.shrink #dash .dash-item-container .focused.grid-search-result .overview-icon { background-color: rgba(238, 238, 236, 0.2); } #dashtodockContainer.bottom.shrink #dash .dash-item-container .app-well-app .app-well-app-running-dot, #dashtodockContainer.bottom.shrink #dash .dash-item-container .grid-search-result .app-well-app-running-dot { margin-bottom: 2px; } #dashtodockContainer.bottom.shrink #dash .dash-item-container > StButton { transition-duration: 250; background-size: contain; } #dashtodockContainer.bottom.shrink.fixed #dash .dash-background { margin-top: 1px; } #dashtodockContainer.bottom.shrink.fixed #dash .dash-item-container .app-well-app, #dashtodockContainer.bottom.shrink.fixed #dash .dash-item-container .grid-search-result, #dashtodockContainer.bottom.shrink.fixed #dash .dash-item-container .show-apps { padding-top: 4px; } .dash-label.bottom.shrink { margin-bottom: 3px; -x-offset: 0; -y-offset: 0; } #dashtodockContainer.bottom.extended #dash { margin: 0px; padding: 0px; } #dashtodockContainer.bottom.extended #dash .dash-background { margin: 0; margin-bottom: 0; padding: 0; border-radius: 0; spacing: 6px; } #dashtodockContainer.bottom.extended #dash .dash-separator { background-color: #464646; margin: 0 4px; width: 1px; height: 0; margin-bottom: 0; } #dashtodockContainer.bottom.extended #dash #dashtodockDashContainer { padding: 0; padding-bottom: 0; padding-top: 0; } #dashtodockContainer.bottom.extended #dash #dashtodockDashContainer > :first-child .show-apps { padding-left: 8px; } #dashtodockContainer.bottom.extended #dash #dashtodockDashContainer #dashtodockDashScrollview:first-child { padding-left: 8px; } #dashtodockContainer.bottom.extended #dash #dashtodockDashContainer > :last-child .show-apps { padding-right: 8px; } #dashtodockContainer.bottom.extended #dash #dashtodockDashContainer #dashtodockDashScrollview:last-child { padding-right: 8px; } #dashtodockContainer.bottom.extended #dash .dash-item-container { /* Disable all margins defined upstream, we handle them here */ margin: 0 2px; } #dashtodockContainer.bottom.extended #dash .dash-item-container > * { margin: 0; } #dashtodockContainer.bottom.extended #dash .dash-item-container:ltr:first-child, #dashtodockContainer.bottom.extended #dash .dash-item-container:rtl:last-child { margin-left: 0; } #dashtodockContainer.bottom.extended #dash .dash-item-container:ltr:last-child, #dashtodockContainer.bottom.extended #dash .dash-item-container:rtl:first-child { margin-right: 0; } #dashtodockContainer.bottom.extended #dash .dash-item-container .app-well-app, #dashtodockContainer.bottom.extended #dash .dash-item-container .grid-search-result, #dashtodockContainer.bottom.extended #dash .dash-item-container .show-apps { padding: 2px 2px; padding-bottom: 10px; padding-top: 10px; } #dashtodockContainer.bottom.extended #dash .dash-item-container .app-well-app:ltr:first-child, #dashtodockContainer.bottom.extended #dash .dash-item-container .grid-search-result:ltr:first-child, #dashtodockContainer.bottom.extended #dash .dash-item-container .app-well-app:rtl:last-child, #dashtodockContainer.bottom.extended #dash .dash-item-container .grid-search-result:rtl:last-child, #dashtodockContainer.bottom.extended #dash .dash-item-container .show-apps:ltr:first-child, #dashtodockContainer.bottom.extended #dash .dash-item-container .show-apps:rtl:last-child { padding-left: 0; } #dashtodockContainer.bottom.extended #dash .dash-item-container .app-well-app:ltr:last-child, #dashtodockContainer.bottom.extended #dash .dash-item-container .grid-search-result:ltr:last-child, #dashtodockContainer.bottom.extended #dash .dash-item-container .app-well-app:rtl:first-child, #dashtodockContainer.bottom.extended #dash .dash-item-container .grid-search-result:rtl:first-child, #dashtodockContainer.bottom.extended #dash .dash-item-container .show-apps:ltr:last-child, #dashtodockContainer.bottom.extended #dash .dash-item-container .show-apps:rtl:first-child { padding-right: 0; } #dashtodockContainer.bottom.extended #dash .dash-item-container .app-well-app.running .overview-icon, #dashtodockContainer.bottom.extended #dash .dash-item-container .running.grid-search-result .overview-icon { background-image: none; } #dashtodockContainer.bottom.extended #dash .dash-item-container .app-well-app.focused .overview-icon, #dashtodockContainer.bottom.extended #dash .dash-item-container .focused.grid-search-result .overview-icon { background-color: rgba(238, 238, 236, 0.2); } #dashtodockContainer.bottom.extended #dash .dash-item-container .app-well-app .app-well-app-running-dot, #dashtodockContainer.bottom.extended #dash .dash-item-container .grid-search-result .app-well-app-running-dot { margin-bottom: 2px; } #dashtodockContainer.bottom.extended #dash .dash-item-container > StButton { transition-duration: 250; background-size: contain; } #dashtodockContainer.bottom.extended.fixed #dash .dash-background { margin-top: 0; } #dashtodockContainer.bottom.extended.fixed #dash .dash-item-container .app-well-app, #dashtodockContainer.bottom.extended.fixed #dash .dash-item-container .grid-search-result, #dashtodockContainer.bottom.extended.fixed #dash .dash-item-container .show-apps { padding-top: 10px; } .dash-label.bottom { margin-bottom: 10px; -x-offset: 0; -y-offset: 0; } #dashtodockContainer.bottom.extended.shrink #dash { margin: 0px; padding: 0px; } #dashtodockContainer.bottom.extended.shrink #dash .dash-background { margin: 0; margin-bottom: 0; padding: 0; border-radius: 0; spacing: 2px; } #dashtodockContainer.bottom.extended.shrink #dash .dash-separator { background-color: #464646; margin: 0 1px; width: 1px; height: 0; margin-bottom: 0; } #dashtodockContainer.bottom.extended.shrink #dash #dashtodockDashContainer { padding: 0; padding-bottom: 0; padding-top: 0; } #dashtodockContainer.bottom.extended.shrink #dash #dashtodockDashContainer > :first-child .show-apps { padding-left: 6px; } #dashtodockContainer.bottom.extended.shrink #dash #dashtodockDashContainer #dashtodockDashScrollview:first-child { padding-left: 6px; } #dashtodockContainer.bottom.extended.shrink #dash #dashtodockDashContainer > :last-child .show-apps { padding-right: 6px; } #dashtodockContainer.bottom.extended.shrink #dash #dashtodockDashContainer #dashtodockDashScrollview:last-child { padding-right: 6px; } #dashtodockContainer.bottom.extended.shrink #dash .dash-item-container { /* Disable all margins defined upstream, we handle them here */ margin: 0 2px; } #dashtodockContainer.bottom.extended.shrink #dash .dash-item-container > * { margin: 0; } #dashtodockContainer.bottom.extended.shrink #dash .dash-item-container:ltr:first-child, #dashtodockContainer.bottom.extended.shrink #dash .dash-item-container:rtl:last-child { margin-left: 0; } #dashtodockContainer.bottom.extended.shrink #dash .dash-item-container:ltr:last-child, #dashtodockContainer.bottom.extended.shrink #dash .dash-item-container:rtl:first-child { margin-right: 0; } #dashtodockContainer.bottom.extended.shrink #dash .dash-item-container .app-well-app, #dashtodockContainer.bottom.extended.shrink #dash .dash-item-container .grid-search-result, #dashtodockContainer.bottom.extended.shrink #dash .dash-item-container .show-apps { padding: 1px 1px; padding-bottom: 3px; padding-top: 3px; } #dashtodockContainer.bottom.extended.shrink #dash .dash-item-container .app-well-app:ltr:first-child, #dashtodockContainer.bottom.extended.shrink #dash .dash-item-container .grid-search-result:ltr:first-child, #dashtodockContainer.bottom.extended.shrink #dash .dash-item-container .app-well-app:rtl:last-child, #dashtodockContainer.bottom.extended.shrink #dash .dash-item-container .grid-search-result:rtl:last-child, #dashtodockContainer.bottom.extended.shrink #dash .dash-item-container .show-apps:ltr:first-child, #dashtodockContainer.bottom.extended.shrink #dash .dash-item-container .show-apps:rtl:last-child { padding-left: 0; } #dashtodockContainer.bottom.extended.shrink #dash .dash-item-container .app-well-app:ltr:last-child, #dashtodockContainer.bottom.extended.shrink #dash .dash-item-container .grid-search-result:ltr:last-child, #dashtodockContainer.bottom.extended.shrink #dash .dash-item-container .app-well-app:rtl:first-child, #dashtodockContainer.bottom.extended.shrink #dash .dash-item-container .grid-search-result:rtl:first-child, #dashtodockContainer.bottom.extended.shrink #dash .dash-item-container .show-apps:ltr:last-child, #dashtodockContainer.bottom.extended.shrink #dash .dash-item-container .show-apps:rtl:first-child { padding-right: 0; } #dashtodockContainer.bottom.extended.shrink #dash .dash-item-container .app-well-app.running .overview-icon, #dashtodockContainer.bottom.extended.shrink #dash .dash-item-container .running.grid-search-result .overview-icon { background-image: none; } #dashtodockContainer.bottom.extended.shrink #dash .dash-item-container .app-well-app.focused .overview-icon, #dashtodockContainer.bottom.extended.shrink #dash .dash-item-container .focused.grid-search-result .overview-icon { background-color: rgba(238, 238, 236, 0.2); } #dashtodockContainer.bottom.extended.shrink #dash .dash-item-container .app-well-app .app-well-app-running-dot, #dashtodockContainer.bottom.extended.shrink #dash .dash-item-container .grid-search-result .app-well-app-running-dot { margin-bottom: 2px; } #dashtodockContainer.bottom.extended.shrink #dash .dash-item-container > StButton { transition-duration: 250; background-size: contain; } #dashtodockContainer.bottom.extended.shrink.fixed #dash .dash-background { margin-top: 0; } #dashtodockContainer.bottom.extended.shrink.fixed #dash .dash-item-container .app-well-app, #dashtodockContainer.bottom.extended.shrink.fixed #dash .dash-item-container .grid-search-result, #dashtodockContainer.bottom.extended.shrink.fixed #dash .dash-item-container .show-apps { padding-top: 3px; } .dash-label.bottom.shrink { margin-bottom: 3px; -x-offset: 0; -y-offset: 0; } #dashtodockContainer.top #dash { margin: 0px; padding: 0px; } #dashtodockContainer.top #dash .dash-background { margin: 0; margin-top: 4px; padding: 0; border-radius: 18px; spacing: 6px; } #dashtodockContainer.top #dash .dash-separator { background-color: #464646; margin: 0 4px; width: 1px; height: 0; margin-top: 4px; } #dashtodockContainer.top #dash #dashtodockDashContainer { padding: 10px; padding-top: 0; padding-bottom: 0; } #dashtodockContainer.top #dash .dash-item-container { /* Disable all margins defined upstream, we handle them here */ margin: 0 2px; } #dashtodockContainer.top #dash .dash-item-container > * { margin: 0; } #dashtodockContainer.top #dash .dash-item-container:ltr:first-child, #dashtodockContainer.top #dash .dash-item-container:rtl:last-child { margin-left: 0; } #dashtodockContainer.top #dash .dash-item-container:ltr:last-child, #dashtodockContainer.top #dash .dash-item-container:rtl:first-child { margin-right: 0; } #dashtodockContainer.top #dash .dash-item-container .app-well-app, #dashtodockContainer.top #dash .dash-item-container .grid-search-result, #dashtodockContainer.top #dash .dash-item-container .show-apps { padding: 2px 2px; padding-top: 14px; padding-bottom: 10px; } #dashtodockContainer.top #dash .dash-item-container .app-well-app:ltr:first-child, #dashtodockContainer.top #dash .dash-item-container .grid-search-result:ltr:first-child, #dashtodockContainer.top #dash .dash-item-container .app-well-app:rtl:last-child, #dashtodockContainer.top #dash .dash-item-container .grid-search-result:rtl:last-child, #dashtodockContainer.top #dash .dash-item-container .show-apps:ltr:first-child, #dashtodockContainer.top #dash .dash-item-container .show-apps:rtl:last-child { padding-left: 0; } #dashtodockContainer.top #dash .dash-item-container .app-well-app:ltr:last-child, #dashtodockContainer.top #dash .dash-item-container .grid-search-result:ltr:last-child, #dashtodockContainer.top #dash .dash-item-container .app-well-app:rtl:first-child, #dashtodockContainer.top #dash .dash-item-container .grid-search-result:rtl:first-child, #dashtodockContainer.top #dash .dash-item-container .show-apps:ltr:last-child, #dashtodockContainer.top #dash .dash-item-container .show-apps:rtl:first-child { padding-right: 0; } #dashtodockContainer.top #dash .dash-item-container .app-well-app.running .overview-icon, #dashtodockContainer.top #dash .dash-item-container .running.grid-search-result .overview-icon { background-image: none; } #dashtodockContainer.top #dash .dash-item-container .app-well-app.focused .overview-icon, #dashtodockContainer.top #dash .dash-item-container .focused.grid-search-result .overview-icon { background-color: rgba(238, 238, 236, 0.2); } #dashtodockContainer.top #dash .dash-item-container .app-well-app .app-well-app-running-dot, #dashtodockContainer.top #dash .dash-item-container .grid-search-result .app-well-app-running-dot { margin-bottom: 2px; } #dashtodockContainer.top #dash .dash-item-container > StButton { transition-duration: 250; background-size: contain; } #dashtodockContainer.top.fixed #dash .dash-background { margin-bottom: 4px; } #dashtodockContainer.top.fixed #dash .dash-item-container .app-well-app, #dashtodockContainer.top.fixed #dash .dash-item-container .grid-search-result, #dashtodockContainer.top.fixed #dash .dash-item-container .show-apps { padding-bottom: 14px; } .dash-label.top { margin-top: 10px; -x-offset: 0; -y-offset: 0; } #dashtodockContainer.top.shrink #dash { margin: 0px; padding: 0px; } #dashtodockContainer.top.shrink #dash .dash-background { margin: 0; margin-top: 4px; padding: 0; border-radius: 14px; spacing: 2px; } #dashtodockContainer.top.shrink #dash .dash-separator { background-color: #464646; margin: 0 1px; width: 1px; height: 0; margin-top: 4px; } #dashtodockContainer.top.shrink #dash #dashtodockDashContainer { padding: 3px; padding-top: 0; padding-bottom: 0; } #dashtodockContainer.top.shrink #dash .dash-item-container { /* Disable all margins defined upstream, we handle them here */ margin: 0 2px; } #dashtodockContainer.top.shrink #dash .dash-item-container > * { margin: 0; } #dashtodockContainer.top.shrink #dash .dash-item-container:ltr:first-child, #dashtodockContainer.top.shrink #dash .dash-item-container:rtl:last-child { margin-left: 0; } #dashtodockContainer.top.shrink #dash .dash-item-container:ltr:last-child, #dashtodockContainer.top.shrink #dash .dash-item-container:rtl:first-child { margin-right: 0; } #dashtodockContainer.top.shrink #dash .dash-item-container .app-well-app, #dashtodockContainer.top.shrink #dash .dash-item-container .grid-search-result, #dashtodockContainer.top.shrink #dash .dash-item-container .show-apps { padding: 1px 1px; padding-top: 7px; padding-bottom: 3px; } #dashtodockContainer.top.shrink #dash .dash-item-container .app-well-app:ltr:first-child, #dashtodockContainer.top.shrink #dash .dash-item-container .grid-search-result:ltr:first-child, #dashtodockContainer.top.shrink #dash .dash-item-container .app-well-app:rtl:last-child, #dashtodockContainer.top.shrink #dash .dash-item-container .grid-search-result:rtl:last-child, #dashtodockContainer.top.shrink #dash .dash-item-container .show-apps:ltr:first-child, #dashtodockContainer.top.shrink #dash .dash-item-container .show-apps:rtl:last-child { padding-left: 0; } #dashtodockContainer.top.shrink #dash .dash-item-container .app-well-app:ltr:last-child, #dashtodockContainer.top.shrink #dash .dash-item-container .grid-search-result:ltr:last-child, #dashtodockContainer.top.shrink #dash .dash-item-container .app-well-app:rtl:first-child, #dashtodockContainer.top.shrink #dash .dash-item-container .grid-search-result:rtl:first-child, #dashtodockContainer.top.shrink #dash .dash-item-container .show-apps:ltr:last-child, #dashtodockContainer.top.shrink #dash .dash-item-container .show-apps:rtl:first-child { padding-right: 0; } #dashtodockContainer.top.shrink #dash .dash-item-container .app-well-app.running .overview-icon, #dashtodockContainer.top.shrink #dash .dash-item-container .running.grid-search-result .overview-icon { background-image: none; } #dashtodockContainer.top.shrink #dash .dash-item-container .app-well-app.focused .overview-icon, #dashtodockContainer.top.shrink #dash .dash-item-container .focused.grid-search-result .overview-icon { background-color: rgba(238, 238, 236, 0.2); } #dashtodockContainer.top.shrink #dash .dash-item-container .app-well-app .app-well-app-running-dot, #dashtodockContainer.top.shrink #dash .dash-item-container .grid-search-result .app-well-app-running-dot { margin-bottom: 2px; } #dashtodockContainer.top.shrink #dash .dash-item-container > StButton { transition-duration: 250; background-size: contain; } #dashtodockContainer.top.shrink.fixed #dash .dash-background { margin-bottom: 1px; } #dashtodockContainer.top.shrink.fixed #dash .dash-item-container .app-well-app, #dashtodockContainer.top.shrink.fixed #dash .dash-item-container .grid-search-result, #dashtodockContainer.top.shrink.fixed #dash .dash-item-container .show-apps { padding-bottom: 4px; } .dash-label.top.shrink { margin-top: 3px; -x-offset: 0; -y-offset: 0; } #dashtodockContainer.top.extended #dash { margin: 0px; padding: 0px; } #dashtodockContainer.top.extended #dash .dash-background { margin: 0; margin-top: 0; padding: 0; border-radius: 0; spacing: 6px; } #dashtodockContainer.top.extended #dash .dash-separator { background-color: #464646; margin: 0 4px; width: 1px; height: 0; margin-top: 0; } #dashtodockContainer.top.extended #dash #dashtodockDashContainer { padding: 0; padding-top: 0; padding-bottom: 0; } #dashtodockContainer.top.extended #dash #dashtodockDashContainer > :first-child .show-apps { padding-left: 8px; } #dashtodockContainer.top.extended #dash #dashtodockDashContainer #dashtodockDashScrollview:first-child { padding-left: 8px; } #dashtodockContainer.top.extended #dash #dashtodockDashContainer > :last-child .show-apps { padding-right: 8px; } #dashtodockContainer.top.extended #dash #dashtodockDashContainer #dashtodockDashScrollview:last-child { padding-right: 8px; } #dashtodockContainer.top.extended #dash .dash-item-container { /* Disable all margins defined upstream, we handle them here */ margin: 0 2px; } #dashtodockContainer.top.extended #dash .dash-item-container > * { margin: 0; } #dashtodockContainer.top.extended #dash .dash-item-container:ltr:first-child, #dashtodockContainer.top.extended #dash .dash-item-container:rtl:last-child { margin-left: 0; } #dashtodockContainer.top.extended #dash .dash-item-container:ltr:last-child, #dashtodockContainer.top.extended #dash .dash-item-container:rtl:first-child { margin-right: 0; } #dashtodockContainer.top.extended #dash .dash-item-container .app-well-app, #dashtodockContainer.top.extended #dash .dash-item-container .grid-search-result, #dashtodockContainer.top.extended #dash .dash-item-container .show-apps { padding: 2px 2px; padding-top: 10px; padding-bottom: 10px; } #dashtodockContainer.top.extended #dash .dash-item-container .app-well-app:ltr:first-child, #dashtodockContainer.top.extended #dash .dash-item-container .grid-search-result:ltr:first-child, #dashtodockContainer.top.extended #dash .dash-item-container .app-well-app:rtl:last-child, #dashtodockContainer.top.extended #dash .dash-item-container .grid-search-result:rtl:last-child, #dashtodockContainer.top.extended #dash .dash-item-container .show-apps:ltr:first-child, #dashtodockContainer.top.extended #dash .dash-item-container .show-apps:rtl:last-child { padding-left: 0; } #dashtodockContainer.top.extended #dash .dash-item-container .app-well-app:ltr:last-child, #dashtodockContainer.top.extended #dash .dash-item-container .grid-search-result:ltr:last-child, #dashtodockContainer.top.extended #dash .dash-item-container .app-well-app:rtl:first-child, #dashtodockContainer.top.extended #dash .dash-item-container .grid-search-result:rtl:first-child, #dashtodockContainer.top.extended #dash .dash-item-container .show-apps:ltr:last-child, #dashtodockContainer.top.extended #dash .dash-item-container .show-apps:rtl:first-child { padding-right: 0; } #dashtodockContainer.top.extended #dash .dash-item-container .app-well-app.running .overview-icon, #dashtodockContainer.top.extended #dash .dash-item-container .running.grid-search-result .overview-icon { background-image: none; } #dashtodockContainer.top.extended #dash .dash-item-container .app-well-app.focused .overview-icon, #dashtodockContainer.top.extended #dash .dash-item-container .focused.grid-search-result .overview-icon { background-color: rgba(238, 238, 236, 0.2); } #dashtodockContainer.top.extended #dash .dash-item-container .app-well-app .app-well-app-running-dot, #dashtodockContainer.top.extended #dash .dash-item-container .grid-search-result .app-well-app-running-dot { margin-bottom: 2px; } #dashtodockContainer.top.extended #dash .dash-item-container > StButton { transition-duration: 250; background-size: contain; } #dashtodockContainer.top.extended.fixed #dash .dash-background { margin-bottom: 0; } #dashtodockContainer.top.extended.fixed #dash .dash-item-container .app-well-app, #dashtodockContainer.top.extended.fixed #dash .dash-item-container .grid-search-result, #dashtodockContainer.top.extended.fixed #dash .dash-item-container .show-apps { padding-bottom: 10px; } .dash-label.top { margin-top: 10px; -x-offset: 0; -y-offset: 0; } #dashtodockContainer.top.extended.shrink #dash { margin: 0px; padding: 0px; } #dashtodockContainer.top.extended.shrink #dash .dash-background { margin: 0; margin-top: 0; padding: 0; border-radius: 0; spacing: 2px; } #dashtodockContainer.top.extended.shrink #dash .dash-separator { background-color: #464646; margin: 0 1px; width: 1px; height: 0; margin-top: 0; } #dashtodockContainer.top.extended.shrink #dash #dashtodockDashContainer { padding: 0; padding-top: 0; padding-bottom: 0; } #dashtodockContainer.top.extended.shrink #dash #dashtodockDashContainer > :first-child .show-apps { padding-left: 6px; } #dashtodockContainer.top.extended.shrink #dash #dashtodockDashContainer #dashtodockDashScrollview:first-child { padding-left: 6px; } #dashtodockContainer.top.extended.shrink #dash #dashtodockDashContainer > :last-child .show-apps { padding-right: 6px; } #dashtodockContainer.top.extended.shrink #dash #dashtodockDashContainer #dashtodockDashScrollview:last-child { padding-right: 6px; } #dashtodockContainer.top.extended.shrink #dash .dash-item-container { /* Disable all margins defined upstream, we handle them here */ margin: 0 2px; } #dashtodockContainer.top.extended.shrink #dash .dash-item-container > * { margin: 0; } #dashtodockContainer.top.extended.shrink #dash .dash-item-container:ltr:first-child, #dashtodockContainer.top.extended.shrink #dash .dash-item-container:rtl:last-child { margin-left: 0; } #dashtodockContainer.top.extended.shrink #dash .dash-item-container:ltr:last-child, #dashtodockContainer.top.extended.shrink #dash .dash-item-container:rtl:first-child { margin-right: 0; } #dashtodockContainer.top.extended.shrink #dash .dash-item-container .app-well-app, #dashtodockContainer.top.extended.shrink #dash .dash-item-container .grid-search-result, #dashtodockContainer.top.extended.shrink #dash .dash-item-container .show-apps { padding: 1px 1px; padding-top: 3px; padding-bottom: 3px; } #dashtodockContainer.top.extended.shrink #dash .dash-item-container .app-well-app:ltr:first-child, #dashtodockContainer.top.extended.shrink #dash .dash-item-container .grid-search-result:ltr:first-child, #dashtodockContainer.top.extended.shrink #dash .dash-item-container .app-well-app:rtl:last-child, #dashtodockContainer.top.extended.shrink #dash .dash-item-container .grid-search-result:rtl:last-child, #dashtodockContainer.top.extended.shrink #dash .dash-item-container .show-apps:ltr:first-child, #dashtodockContainer.top.extended.shrink #dash .dash-item-container .show-apps:rtl:last-child { padding-left: 0; } #dashtodockContainer.top.extended.shrink #dash .dash-item-container .app-well-app:ltr:last-child, #dashtodockContainer.top.extended.shrink #dash .dash-item-container .grid-search-result:ltr:last-child, #dashtodockContainer.top.extended.shrink #dash .dash-item-container .app-well-app:rtl:first-child, #dashtodockContainer.top.extended.shrink #dash .dash-item-container .grid-search-result:rtl:first-child, #dashtodockContainer.top.extended.shrink #dash .dash-item-container .show-apps:ltr:last-child, #dashtodockContainer.top.extended.shrink #dash .dash-item-container .show-apps:rtl:first-child { padding-right: 0; } #dashtodockContainer.top.extended.shrink #dash .dash-item-container .app-well-app.running .overview-icon, #dashtodockContainer.top.extended.shrink #dash .dash-item-container .running.grid-search-result .overview-icon { background-image: none; } #dashtodockContainer.top.extended.shrink #dash .dash-item-container .app-well-app.focused .overview-icon, #dashtodockContainer.top.extended.shrink #dash .dash-item-container .focused.grid-search-result .overview-icon { background-color: rgba(238, 238, 236, 0.2); } #dashtodockContainer.top.extended.shrink #dash .dash-item-container .app-well-app .app-well-app-running-dot, #dashtodockContainer.top.extended.shrink #dash .dash-item-container .grid-search-result .app-well-app-running-dot { margin-bottom: 2px; } #dashtodockContainer.top.extended.shrink #dash .dash-item-container > StButton { transition-duration: 250; background-size: contain; } #dashtodockContainer.top.extended.shrink.fixed #dash .dash-background { margin-bottom: 0; } #dashtodockContainer.top.extended.shrink.fixed #dash .dash-item-container .app-well-app, #dashtodockContainer.top.extended.shrink.fixed #dash .dash-item-container .grid-search-result, #dashtodockContainer.top.extended.shrink.fixed #dash .dash-item-container .show-apps { padding-bottom: 3px; } .dash-label.top.shrink { margin-top: 3px; -x-offset: 0; -y-offset: 0; } #dashtodockContainer.left #dash { margin: 0px; padding: 0px; } #dashtodockContainer.left #dash .dash-background { margin: 0; margin-left: 4px; padding: 0; border-radius: 18px; spacing: 6px; } #dashtodockContainer.left #dash .dash-separator { background-color: #464646; width: 0; height: 1px; margin: 4px 0; margin-left: 4px; } #dashtodockContainer.left #dash #dashtodockDashContainer { padding: 10px; padding-left: 0; padding-right: 0; } #dashtodockContainer.left #dash .dash-item-container { /* Disable all margins defined upstream, we handle them here */ margin: 2px 0; } #dashtodockContainer.left #dash .dash-item-container > * { margin: 0; } #dashtodockContainer.left #dash .dash-item-container:first-child { margin-top: 0; } #dashtodockContainer.left #dash .dash-item-container:last-child { margin-bottom: 0; } #dashtodockContainer.left #dash .dash-item-container .app-well-app, #dashtodockContainer.left #dash .dash-item-container .grid-search-result, #dashtodockContainer.left #dash .dash-item-container .show-apps { padding: 2px 2px; padding-left: 14px; padding-right: 10px; } #dashtodockContainer.left #dash .dash-item-container .app-well-app:first-child, #dashtodockContainer.left #dash .dash-item-container .grid-search-result:first-child, #dashtodockContainer.left #dash .dash-item-container .show-apps:first-child { padding-top: 0; } #dashtodockContainer.left #dash .dash-item-container .app-well-app:last-child, #dashtodockContainer.left #dash .dash-item-container .grid-search-result:last-child, #dashtodockContainer.left #dash .dash-item-container .show-apps:last-child { padding-bottom: 0; } #dashtodockContainer.left #dash .dash-item-container .app-well-app.running .overview-icon, #dashtodockContainer.left #dash .dash-item-container .running.grid-search-result .overview-icon { background-image: none; } #dashtodockContainer.left #dash .dash-item-container .app-well-app.focused .overview-icon, #dashtodockContainer.left #dash .dash-item-container .focused.grid-search-result .overview-icon { background-color: rgba(238, 238, 236, 0.2); } #dashtodockContainer.left #dash .dash-item-container .app-well-app .app-well-app-running-dot, #dashtodockContainer.left #dash .dash-item-container .grid-search-result .app-well-app-running-dot { margin-bottom: 2px; } #dashtodockContainer.left #dash .dash-item-container > StButton { transition-duration: 250; background-size: contain; } #dashtodockContainer.left.fixed #dash .dash-background { margin-right: 4px; } #dashtodockContainer.left.fixed #dash .dash-item-container .app-well-app, #dashtodockContainer.left.fixed #dash .dash-item-container .grid-search-result, #dashtodockContainer.left.fixed #dash .dash-item-container .show-apps { padding-right: 14px; } .dash-label.left { margin: 0; -x-offset: 10px; -y-offset: 0; } #dashtodockContainer.left.shrink #dash { margin: 0px; padding: 0px; } #dashtodockContainer.left.shrink #dash .dash-background { margin: 0; margin-left: 4px; padding: 0; border-radius: 14px; spacing: 2px; } #dashtodockContainer.left.shrink #dash .dash-separator { background-color: #464646; width: 0; height: 1px; margin: 1px 0; margin-left: 4px; } #dashtodockContainer.left.shrink #dash #dashtodockDashContainer { padding: 3px; padding-left: 0; padding-right: 0; } #dashtodockContainer.left.shrink #dash .dash-item-container { /* Disable all margins defined upstream, we handle them here */ margin: 2px 0; } #dashtodockContainer.left.shrink #dash .dash-item-container > * { margin: 0; } #dashtodockContainer.left.shrink #dash .dash-item-container:first-child { margin-top: 0; } #dashtodockContainer.left.shrink #dash .dash-item-container:last-child { margin-bottom: 0; } #dashtodockContainer.left.shrink #dash .dash-item-container .app-well-app, #dashtodockContainer.left.shrink #dash .dash-item-container .grid-search-result, #dashtodockContainer.left.shrink #dash .dash-item-container .show-apps { padding: 1px 1px; padding-left: 7px; padding-right: 3px; } #dashtodockContainer.left.shrink #dash .dash-item-container .app-well-app:first-child, #dashtodockContainer.left.shrink #dash .dash-item-container .grid-search-result:first-child, #dashtodockContainer.left.shrink #dash .dash-item-container .show-apps:first-child { padding-top: 0; } #dashtodockContainer.left.shrink #dash .dash-item-container .app-well-app:last-child, #dashtodockContainer.left.shrink #dash .dash-item-container .grid-search-result:last-child, #dashtodockContainer.left.shrink #dash .dash-item-container .show-apps:last-child { padding-bottom: 0; } #dashtodockContainer.left.shrink #dash .dash-item-container .app-well-app.running .overview-icon, #dashtodockContainer.left.shrink #dash .dash-item-container .running.grid-search-result .overview-icon { background-image: none; } #dashtodockContainer.left.shrink #dash .dash-item-container .app-well-app.focused .overview-icon, #dashtodockContainer.left.shrink #dash .dash-item-container .focused.grid-search-result .overview-icon { background-color: rgba(238, 238, 236, 0.2); } #dashtodockContainer.left.shrink #dash .dash-item-container .app-well-app .app-well-app-running-dot, #dashtodockContainer.left.shrink #dash .dash-item-container .grid-search-result .app-well-app-running-dot { margin-bottom: 2px; } #dashtodockContainer.left.shrink #dash .dash-item-container > StButton { transition-duration: 250; background-size: contain; } #dashtodockContainer.left.shrink.fixed #dash .dash-background { margin-right: 1px; } #dashtodockContainer.left.shrink.fixed #dash .dash-item-container .app-well-app, #dashtodockContainer.left.shrink.fixed #dash .dash-item-container .grid-search-result, #dashtodockContainer.left.shrink.fixed #dash .dash-item-container .show-apps { padding-right: 4px; } .dash-label.left.shrink { margin: 0; -x-offset: 3px; -y-offset: 0; } #dashtodockContainer.left.extended #dash { margin: 0px; padding: 0px; } #dashtodockContainer.left.extended #dash .dash-background { margin: 0; margin-left: 0; padding: 0; border-radius: 0; spacing: 6px; } #dashtodockContainer.left.extended #dash .dash-separator { background-color: #464646; width: 0; height: 1px; margin: 4px 0; margin-left: 0; } #dashtodockContainer.left.extended #dash #dashtodockDashContainer { padding: 0; padding-left: 0; padding-right: 0; } #dashtodockContainer.left.extended #dash #dashtodockDashContainer > :first-child .show-apps { padding-top: 8px; } #dashtodockContainer.left.extended #dash #dashtodockDashContainer #dashtodockDashScrollview:first-child { padding-top: 8px; } #dashtodockContainer.left.extended #dash #dashtodockDashContainer > :last-child .show-apps { padding-bottom: 8px; } #dashtodockContainer.left.extended #dash #dashtodockDashContainer #dashtodockDashScrollview:last-child { padding-bottom: 8px; } #dashtodockContainer.left.extended #dash .dash-item-container { /* Disable all margins defined upstream, we handle them here */ margin: 2px 0; } #dashtodockContainer.left.extended #dash .dash-item-container > * { margin: 0; } #dashtodockContainer.left.extended #dash .dash-item-container:first-child { margin-top: 0; } #dashtodockContainer.left.extended #dash .dash-item-container:last-child { margin-bottom: 0; } #dashtodockContainer.left.extended #dash .dash-item-container .app-well-app, #dashtodockContainer.left.extended #dash .dash-item-container .grid-search-result, #dashtodockContainer.left.extended #dash .dash-item-container .show-apps { padding: 2px 2px; padding-left: 10px; padding-right: 10px; } #dashtodockContainer.left.extended #dash .dash-item-container .app-well-app:first-child, #dashtodockContainer.left.extended #dash .dash-item-container .grid-search-result:first-child, #dashtodockContainer.left.extended #dash .dash-item-container .show-apps:first-child { padding-top: 0; } #dashtodockContainer.left.extended #dash .dash-item-container .app-well-app:last-child, #dashtodockContainer.left.extended #dash .dash-item-container .grid-search-result:last-child, #dashtodockContainer.left.extended #dash .dash-item-container .show-apps:last-child { padding-bottom: 0; } #dashtodockContainer.left.extended #dash .dash-item-container .app-well-app.running .overview-icon, #dashtodockContainer.left.extended #dash .dash-item-container .running.grid-search-result .overview-icon { background-image: none; } #dashtodockContainer.left.extended #dash .dash-item-container .app-well-app.focused .overview-icon, #dashtodockContainer.left.extended #dash .dash-item-container .focused.grid-search-result .overview-icon { background-color: rgba(238, 238, 236, 0.2); } #dashtodockContainer.left.extended #dash .dash-item-container .app-well-app .app-well-app-running-dot, #dashtodockContainer.left.extended #dash .dash-item-container .grid-search-result .app-well-app-running-dot { margin-bottom: 2px; } #dashtodockContainer.left.extended #dash .dash-item-container > StButton { transition-duration: 250; background-size: contain; } #dashtodockContainer.left.extended.fixed #dash .dash-background { margin-right: 0; } #dashtodockContainer.left.extended.fixed #dash .dash-item-container .app-well-app, #dashtodockContainer.left.extended.fixed #dash .dash-item-container .grid-search-result, #dashtodockContainer.left.extended.fixed #dash .dash-item-container .show-apps { padding-right: 10px; } .dash-label.left { margin: 0; -x-offset: 10px; -y-offset: 0; } #dashtodockContainer.left.extended.shrink #dash { margin: 0px; padding: 0px; } #dashtodockContainer.left.extended.shrink #dash .dash-background { margin: 0; margin-left: 0; padding: 0; border-radius: 0; spacing: 2px; } #dashtodockContainer.left.extended.shrink #dash .dash-separator { background-color: #464646; width: 0; height: 1px; margin: 1px 0; margin-left: 0; } #dashtodockContainer.left.extended.shrink #dash #dashtodockDashContainer { padding: 0; padding-left: 0; padding-right: 0; } #dashtodockContainer.left.extended.shrink #dash #dashtodockDashContainer > :first-child .show-apps { padding-top: 6px; } #dashtodockContainer.left.extended.shrink #dash #dashtodockDashContainer #dashtodockDashScrollview:first-child { padding-top: 6px; } #dashtodockContainer.left.extended.shrink #dash #dashtodockDashContainer > :last-child .show-apps { padding-bottom: 6px; } #dashtodockContainer.left.extended.shrink #dash #dashtodockDashContainer #dashtodockDashScrollview:last-child { padding-bottom: 6px; } #dashtodockContainer.left.extended.shrink #dash .dash-item-container { /* Disable all margins defined upstream, we handle them here */ margin: 2px 0; } #dashtodockContainer.left.extended.shrink #dash .dash-item-container > * { margin: 0; } #dashtodockContainer.left.extended.shrink #dash .dash-item-container:first-child { margin-top: 0; } #dashtodockContainer.left.extended.shrink #dash .dash-item-container:last-child { margin-bottom: 0; } #dashtodockContainer.left.extended.shrink #dash .dash-item-container .app-well-app, #dashtodockContainer.left.extended.shrink #dash .dash-item-container .grid-search-result, #dashtodockContainer.left.extended.shrink #dash .dash-item-container .show-apps { padding: 1px 1px; padding-left: 3px; padding-right: 3px; } #dashtodockContainer.left.extended.shrink #dash .dash-item-container .app-well-app:first-child, #dashtodockContainer.left.extended.shrink #dash .dash-item-container .grid-search-result:first-child, #dashtodockContainer.left.extended.shrink #dash .dash-item-container .show-apps:first-child { padding-top: 0; } #dashtodockContainer.left.extended.shrink #dash .dash-item-container .app-well-app:last-child, #dashtodockContainer.left.extended.shrink #dash .dash-item-container .grid-search-result:last-child, #dashtodockContainer.left.extended.shrink #dash .dash-item-container .show-apps:last-child { padding-bottom: 0; } #dashtodockContainer.left.extended.shrink #dash .dash-item-container .app-well-app.running .overview-icon, #dashtodockContainer.left.extended.shrink #dash .dash-item-container .running.grid-search-result .overview-icon { background-image: none; } #dashtodockContainer.left.extended.shrink #dash .dash-item-container .app-well-app.focused .overview-icon, #dashtodockContainer.left.extended.shrink #dash .dash-item-container .focused.grid-search-result .overview-icon { background-color: rgba(238, 238, 236, 0.2); } #dashtodockContainer.left.extended.shrink #dash .dash-item-container .app-well-app .app-well-app-running-dot, #dashtodockContainer.left.extended.shrink #dash .dash-item-container .grid-search-result .app-well-app-running-dot { margin-bottom: 2px; } #dashtodockContainer.left.extended.shrink #dash .dash-item-container > StButton { transition-duration: 250; background-size: contain; } #dashtodockContainer.left.extended.shrink.fixed #dash .dash-background { margin-right: 0; } #dashtodockContainer.left.extended.shrink.fixed #dash .dash-item-container .app-well-app, #dashtodockContainer.left.extended.shrink.fixed #dash .dash-item-container .grid-search-result, #dashtodockContainer.left.extended.shrink.fixed #dash .dash-item-container .show-apps { padding-right: 3px; } .dash-label.left.shrink { margin: 0; -x-offset: 3px; -y-offset: 0; } #dashtodockContainer.right #dash { margin: 0px; padding: 0px; } #dashtodockContainer.right #dash .dash-background { margin: 0; margin-right: 4px; padding: 0; border-radius: 18px; spacing: 6px; } #dashtodockContainer.right #dash .dash-separator { background-color: #464646; width: 0; height: 1px; margin: 4px 0; margin-right: 4px; } #dashtodockContainer.right #dash #dashtodockDashContainer { padding: 10px; padding-right: 0; padding-left: 0; } #dashtodockContainer.right #dash .dash-item-container { /* Disable all margins defined upstream, we handle them here */ margin: 2px 0; } #dashtodockContainer.right #dash .dash-item-container > * { margin: 0; } #dashtodockContainer.right #dash .dash-item-container:first-child { margin-top: 0; } #dashtodockContainer.right #dash .dash-item-container:last-child { margin-bottom: 0; } #dashtodockContainer.right #dash .dash-item-container .app-well-app, #dashtodockContainer.right #dash .dash-item-container .grid-search-result, #dashtodockContainer.right #dash .dash-item-container .show-apps { padding: 2px 2px; padding-right: 14px; padding-left: 10px; } #dashtodockContainer.right #dash .dash-item-container .app-well-app:first-child, #dashtodockContainer.right #dash .dash-item-container .grid-search-result:first-child, #dashtodockContainer.right #dash .dash-item-container .show-apps:first-child { padding-top: 0; } #dashtodockContainer.right #dash .dash-item-container .app-well-app:last-child, #dashtodockContainer.right #dash .dash-item-container .grid-search-result:last-child, #dashtodockContainer.right #dash .dash-item-container .show-apps:last-child { padding-bottom: 0; } #dashtodockContainer.right #dash .dash-item-container .app-well-app.running .overview-icon, #dashtodockContainer.right #dash .dash-item-container .running.grid-search-result .overview-icon { background-image: none; } #dashtodockContainer.right #dash .dash-item-container .app-well-app.focused .overview-icon, #dashtodockContainer.right #dash .dash-item-container .focused.grid-search-result .overview-icon { background-color: rgba(238, 238, 236, 0.2); } #dashtodockContainer.right #dash .dash-item-container .app-well-app .app-well-app-running-dot, #dashtodockContainer.right #dash .dash-item-container .grid-search-result .app-well-app-running-dot { margin-bottom: 2px; } #dashtodockContainer.right #dash .dash-item-container > StButton { transition-duration: 250; background-size: contain; } #dashtodockContainer.right.fixed #dash .dash-background { margin-left: 4px; } #dashtodockContainer.right.fixed #dash .dash-item-container .app-well-app, #dashtodockContainer.right.fixed #dash .dash-item-container .grid-search-result, #dashtodockContainer.right.fixed #dash .dash-item-container .show-apps { padding-left: 14px; } .dash-label.right { margin: 0; -x-offset: 10px; -y-offset: 0; } #dashtodockContainer.right.shrink #dash { margin: 0px; padding: 0px; } #dashtodockContainer.right.shrink #dash .dash-background { margin: 0; margin-right: 4px; padding: 0; border-radius: 14px; spacing: 2px; } #dashtodockContainer.right.shrink #dash .dash-separator { background-color: #464646; width: 0; height: 1px; margin: 1px 0; margin-right: 4px; } #dashtodockContainer.right.shrink #dash #dashtodockDashContainer { padding: 3px; padding-right: 0; padding-left: 0; } #dashtodockContainer.right.shrink #dash .dash-item-container { /* Disable all margins defined upstream, we handle them here */ margin: 2px 0; } #dashtodockContainer.right.shrink #dash .dash-item-container > * { margin: 0; } #dashtodockContainer.right.shrink #dash .dash-item-container:first-child { margin-top: 0; } #dashtodockContainer.right.shrink #dash .dash-item-container:last-child { margin-bottom: 0; } #dashtodockContainer.right.shrink #dash .dash-item-container .app-well-app, #dashtodockContainer.right.shrink #dash .dash-item-container .grid-search-result, #dashtodockContainer.right.shrink #dash .dash-item-container .show-apps { padding: 1px 1px; padding-right: 7px; padding-left: 3px; } #dashtodockContainer.right.shrink #dash .dash-item-container .app-well-app:first-child, #dashtodockContainer.right.shrink #dash .dash-item-container .grid-search-result:first-child, #dashtodockContainer.right.shrink #dash .dash-item-container .show-apps:first-child { padding-top: 0; } #dashtodockContainer.right.shrink #dash .dash-item-container .app-well-app:last-child, #dashtodockContainer.right.shrink #dash .dash-item-container .grid-search-result:last-child, #dashtodockContainer.right.shrink #dash .dash-item-container .show-apps:last-child { padding-bottom: 0; } #dashtodockContainer.right.shrink #dash .dash-item-container .app-well-app.running .overview-icon, #dashtodockContainer.right.shrink #dash .dash-item-container .running.grid-search-result .overview-icon { background-image: none; } #dashtodockContainer.right.shrink #dash .dash-item-container .app-well-app.focused .overview-icon, #dashtodockContainer.right.shrink #dash .dash-item-container .focused.grid-search-result .overview-icon { background-color: rgba(238, 238, 236, 0.2); } #dashtodockContainer.right.shrink #dash .dash-item-container .app-well-app .app-well-app-running-dot, #dashtodockContainer.right.shrink #dash .dash-item-container .grid-search-result .app-well-app-running-dot { margin-bottom: 2px; } #dashtodockContainer.right.shrink #dash .dash-item-container > StButton { transition-duration: 250; background-size: contain; } #dashtodockContainer.right.shrink.fixed #dash .dash-background { margin-left: 1px; } #dashtodockContainer.right.shrink.fixed #dash .dash-item-container .app-well-app, #dashtodockContainer.right.shrink.fixed #dash .dash-item-container .grid-search-result, #dashtodockContainer.right.shrink.fixed #dash .dash-item-container .show-apps { padding-left: 4px; } .dash-label.right.shrink { margin: 0; -x-offset: 3px; -y-offset: 0; } #dashtodockContainer.right.extended #dash { margin: 0px; padding: 0px; } #dashtodockContainer.right.extended #dash .dash-background { margin: 0; margin-right: 0; padding: 0; border-radius: 0; spacing: 6px; } #dashtodockContainer.right.extended #dash .dash-separator { background-color: #464646; width: 0; height: 1px; margin: 4px 0; margin-right: 0; } #dashtodockContainer.right.extended #dash #dashtodockDashContainer { padding: 0; padding-right: 0; padding-left: 0; } #dashtodockContainer.right.extended #dash #dashtodockDashContainer > :first-child .show-apps { padding-top: 8px; } #dashtodockContainer.right.extended #dash #dashtodockDashContainer #dashtodockDashScrollview:first-child { padding-top: 8px; } #dashtodockContainer.right.extended #dash #dashtodockDashContainer > :last-child .show-apps { padding-bottom: 8px; } #dashtodockContainer.right.extended #dash #dashtodockDashContainer #dashtodockDashScrollview:last-child { padding-bottom: 8px; } #dashtodockContainer.right.extended #dash .dash-item-container { /* Disable all margins defined upstream, we handle them here */ margin: 2px 0; } #dashtodockContainer.right.extended #dash .dash-item-container > * { margin: 0; } #dashtodockContainer.right.extended #dash .dash-item-container:first-child { margin-top: 0; } #dashtodockContainer.right.extended #dash .dash-item-container:last-child { margin-bottom: 0; } #dashtodockContainer.right.extended #dash .dash-item-container .app-well-app, #dashtodockContainer.right.extended #dash .dash-item-container .grid-search-result, #dashtodockContainer.right.extended #dash .dash-item-container .show-apps { padding: 2px 2px; padding-right: 10px; padding-left: 10px; } #dashtodockContainer.right.extended #dash .dash-item-container .app-well-app:first-child, #dashtodockContainer.right.extended #dash .dash-item-container .grid-search-result:first-child, #dashtodockContainer.right.extended #dash .dash-item-container .show-apps:first-child { padding-top: 0; } #dashtodockContainer.right.extended #dash .dash-item-container .app-well-app:last-child, #dashtodockContainer.right.extended #dash .dash-item-container .grid-search-result:last-child, #dashtodockContainer.right.extended #dash .dash-item-container .show-apps:last-child { padding-bottom: 0; } #dashtodockContainer.right.extended #dash .dash-item-container .app-well-app.running .overview-icon, #dashtodockContainer.right.extended #dash .dash-item-container .running.grid-search-result .overview-icon { background-image: none; } #dashtodockContainer.right.extended #dash .dash-item-container .app-well-app.focused .overview-icon, #dashtodockContainer.right.extended #dash .dash-item-container .focused.grid-search-result .overview-icon { background-color: rgba(238, 238, 236, 0.2); } #dashtodockContainer.right.extended #dash .dash-item-container .app-well-app .app-well-app-running-dot, #dashtodockContainer.right.extended #dash .dash-item-container .grid-search-result .app-well-app-running-dot { margin-bottom: 2px; } #dashtodockContainer.right.extended #dash .dash-item-container > StButton { transition-duration: 250; background-size: contain; } #dashtodockContainer.right.extended.fixed #dash .dash-background { margin-left: 0; } #dashtodockContainer.right.extended.fixed #dash .dash-item-container .app-well-app, #dashtodockContainer.right.extended.fixed #dash .dash-item-container .grid-search-result, #dashtodockContainer.right.extended.fixed #dash .dash-item-container .show-apps { padding-left: 10px; } .dash-label.right { margin: 0; -x-offset: 10px; -y-offset: 0; } #dashtodockContainer.right.extended.shrink #dash { margin: 0px; padding: 0px; } #dashtodockContainer.right.extended.shrink #dash .dash-background { margin: 0; margin-right: 0; padding: 0; border-radius: 0; spacing: 2px; } #dashtodockContainer.right.extended.shrink #dash .dash-separator { background-color: #464646; width: 0; height: 1px; margin: 1px 0; margin-right: 0; } #dashtodockContainer.right.extended.shrink #dash #dashtodockDashContainer { padding: 0; padding-right: 0; padding-left: 0; } #dashtodockContainer.right.extended.shrink #dash #dashtodockDashContainer > :first-child .show-apps { padding-top: 6px; } #dashtodockContainer.right.extended.shrink #dash #dashtodockDashContainer #dashtodockDashScrollview:first-child { padding-top: 6px; } #dashtodockContainer.right.extended.shrink #dash #dashtodockDashContainer > :last-child .show-apps { padding-bottom: 6px; } #dashtodockContainer.right.extended.shrink #dash #dashtodockDashContainer #dashtodockDashScrollview:last-child { padding-bottom: 6px; } #dashtodockContainer.right.extended.shrink #dash .dash-item-container { /* Disable all margins defined upstream, we handle them here */ margin: 2px 0; } #dashtodockContainer.right.extended.shrink #dash .dash-item-container > * { margin: 0; } #dashtodockContainer.right.extended.shrink #dash .dash-item-container:first-child { margin-top: 0; } #dashtodockContainer.right.extended.shrink #dash .dash-item-container:last-child { margin-bottom: 0; } #dashtodockContainer.right.extended.shrink #dash .dash-item-container .app-well-app, #dashtodockContainer.right.extended.shrink #dash .dash-item-container .grid-search-result, #dashtodockContainer.right.extended.shrink #dash .dash-item-container .show-apps { padding: 1px 1px; padding-right: 3px; padding-left: 3px; } #dashtodockContainer.right.extended.shrink #dash .dash-item-container .app-well-app:first-child, #dashtodockContainer.right.extended.shrink #dash .dash-item-container .grid-search-result:first-child, #dashtodockContainer.right.extended.shrink #dash .dash-item-container .show-apps:first-child { padding-top: 0; } #dashtodockContainer.right.extended.shrink #dash .dash-item-container .app-well-app:last-child, #dashtodockContainer.right.extended.shrink #dash .dash-item-container .grid-search-result:last-child, #dashtodockContainer.right.extended.shrink #dash .dash-item-container .show-apps:last-child { padding-bottom: 0; } #dashtodockContainer.right.extended.shrink #dash .dash-item-container .app-well-app.running .overview-icon, #dashtodockContainer.right.extended.shrink #dash .dash-item-container .running.grid-search-result .overview-icon { background-image: none; } #dashtodockContainer.right.extended.shrink #dash .dash-item-container .app-well-app.focused .overview-icon, #dashtodockContainer.right.extended.shrink #dash .dash-item-container .focused.grid-search-result .overview-icon { background-color: rgba(238, 238, 236, 0.2); } #dashtodockContainer.right.extended.shrink #dash .dash-item-container .app-well-app .app-well-app-running-dot, #dashtodockContainer.right.extended.shrink #dash .dash-item-container .grid-search-result .app-well-app-running-dot { margin-bottom: 2px; } #dashtodockContainer.right.extended.shrink #dash .dash-item-container > StButton { transition-duration: 250; background-size: contain; } #dashtodockContainer.right.extended.shrink.fixed #dash .dash-background { margin-left: 0; } #dashtodockContainer.right.extended.shrink.fixed #dash .dash-item-container .app-well-app, #dashtodockContainer.right.extended.shrink.fixed #dash .dash-item-container .grid-search-result, #dashtodockContainer.right.extended.shrink.fixed #dash .dash-item-container .show-apps { padding-left: 3px; } .dash-label.right.shrink { margin: 0; -x-offset: 3px; -y-offset: 0; } #dashtodockContainer.top.shrink #dash .dash-background { margin-top: 4px; margin-bottom: 0; } #dashtodockContainer.straight-corner #dash .dash-background, #dashtodockContainer.shrink.straight-corner #dash .dash-background { border-radius: 0px; } /* Scrollview style */ .bottom #dashtodockDashScrollview, .top #dashtodockDashScrollview { -st-hfade-offset: 24px; } .left #dashtodockDashScrollview, .right #dashtodockDashScrollview { -st-vfade-offset: 24px; } #dashtodockContainer.dashtodock #dash .dash-background { background: #1d1d1d; } #dashtodockContainer.dashtodock .progress-bar { /* Customization of the progress bar style, e.g.: -progress-bar-background: rgba(0.8, 0.8, 0.8, 1); -progress-bar-border: rgba(0.9, 0.9, 0.9, 1); */ } #dashtodockContainer.top #dash .placeholder, #dashtodockContainer.bottom #dash .placeholder { width: 32px; height: 1px; } /* * This is applied to a dummy actor. Only the alpha value for the background and border color * and the transition-duration are used */ #dashtodockContainer.dummy-opaque { background-color: rgba(0, 0, 0, 0.8); border-color: rgba(0, 0, 0, 0.4); transition-duration: 300ms; } /* * This is applied to a dummy actor. Only the alpha value for the background and border color * and the transition-duration are used */ #dashtodockContainer.dummy-transparent { background-color: rgba(0, 0, 0, 0.2); border-color: rgba(0, 0, 0, 0.1); transition-duration: 500ms; } #dashtodockContainer .number-overlay { color: white; background-color: rgba(0, 0, 0, 0.8); text-align: center; } #dashtodockContainer .notification-badge { color: white; background-color: red; padding: 0.2em 0.5em; border-radius: 1em; font-weight: bold; text-align: center; margin: 2px; } #dashtodockPreviewSeparator.popup-separator-menu-item-horizontal { width: 1px; height: auto; border-right-width: 1px; margin: 32px 0px; } .dashtodock-app-well-preview-menu-item { padding: 1em 1em 0.5em 1em; } #dashtodockContainer .metro .overview-icon { border-radius: 0px; } #dashtodockContainer.bottom .metro.running2.focused, #dashtodockContainer.top .metro.running2.focused { background-image: url("./media/highlight_stacked_bg.svg"); background-position: 0px 0px; background-size: contain; } #dashtodockContainer.left .metro.running2.focused, #dashtodockContainer.right .metro.running2.focused { background-image: url("./media/highlight_stacked_bg_h.svg"); background-position: 0px 0px; background-size: contain; } #dashtodockContainer.bottom .metro.running3.focused, #dashtodockContainer.top .metro.running3.focused { background-image: url("./media/highlight_stacked_bg.svg"); background-position: 0px 0px; background-size: contain; } #dashtodockContainer.left .metro.running3.focused, #dashtodockContainer.right .metro.running3.focused { background-image: url("./media/highlight_stacked_bg_h.svg"); background-position: 0px 0px; background-size: contain; } #dashtodockContainer.bottom .metro.running4.focused, #dashtodockContainer.top .metro.running4.focused { background-image: url("./media/highlight_stacked_bg.svg"); background-position: 0px 0px; background-size: contain; } #dashtodockContainer.left .metro.running4.focused, #dashtodockContainer.right .metro.running4.focused { background-image: url("./media/highlight_stacked_bg_h.svg"); background-position: 0px 0px; background-size: contain; } /* Yaru Dock styling */ #dashtodockContainer.bottom #dash, #dashtodockContainer.bottom.dashtodock #dash, #dashtodockContainer.bottom.shrink #dash { margin: 0px; padding: 0px; } #dashtodockContainer.bottom #dash .dash-background, #dashtodockContainer.bottom.dashtodock #dash .dash-background, #dashtodockContainer.bottom.shrink #dash .dash-background { background: rgba(19, 19, 19, 0.75); transition-duration: 250ms; } #dashtodockContainer.bottom #dash .dash-separator, #dashtodockContainer.bottom.dashtodock #dash .dash-separator, #dashtodockContainer.bottom.shrink #dash .dash-separator { background: rgba(238, 238, 236, 0.3); } #dashtodockContainer.bottom.overview #dash .dash-background, #dashtodockContainer.bottom.overview.dashtodock #dash .dash-background, #dashtodockContainer.bottom.overview.shrink #dash .dash-background { background-color: #131313; } #dashtodockContainer.bottom.extended #dash .dash-background, #dashtodockContainer.bottom.extended.dashtodock #dash .dash-background, #dashtodockContainer.bottom.extended.shrink #dash .dash-background { border: none; } #dashtodockContainer.bottom .dash-item-container .show-apps, #dashtodockContainer.bottom .dash-item-container .app-well-app, #dashtodockContainer.bottom .dash-item-container .grid-search-result { border-radius: 18px; } #dashtodockContainer.bottom .dash-item-container .show-apps:active .overview-icon, #dashtodockContainer.bottom .dash-item-container .show-apps:checked .overview-icon, #dashtodockContainer.bottom .dash-item-container .app-well-app:active .overview-icon, #dashtodockContainer.bottom .dash-item-container .grid-search-result:active .overview-icon, #dashtodockContainer.bottom .dash-item-container .app-well-app:checked .overview-icon, #dashtodockContainer.bottom .dash-item-container .grid-search-result:checked .overview-icon { background-color: rgba(255, 255, 255, 0.25); box-shadow: none; } #dashtodockContainer.bottom .notification-badge { background-color: #109b26; border: 1px solid #0c6d1a; box-shadow: -1px 1px 5px 0px rgba(0, 0, 0, 0.5); } #dashtodockContainer.top #dash, #dashtodockContainer.top.dashtodock #dash, #dashtodockContainer.top.shrink #dash { margin: 0px; padding: 0px; } #dashtodockContainer.top #dash .dash-background, #dashtodockContainer.top.dashtodock #dash .dash-background, #dashtodockContainer.top.shrink #dash .dash-background { background: rgba(19, 19, 19, 0.75); transition-duration: 250ms; } #dashtodockContainer.top #dash .dash-separator, #dashtodockContainer.top.dashtodock #dash .dash-separator, #dashtodockContainer.top.shrink #dash .dash-separator { background: rgba(238, 238, 236, 0.3); } #dashtodockContainer.top.overview #dash .dash-background, #dashtodockContainer.top.overview.dashtodock #dash .dash-background, #dashtodockContainer.top.overview.shrink #dash .dash-background { background-color: #131313; } #dashtodockContainer.top.extended #dash .dash-background, #dashtodockContainer.top.extended.dashtodock #dash .dash-background, #dashtodockContainer.top.extended.shrink #dash .dash-background { border: none; } #dashtodockContainer.top .dash-item-container .show-apps, #dashtodockContainer.top .dash-item-container .app-well-app, #dashtodockContainer.top .dash-item-container .grid-search-result { border-radius: 18px; } #dashtodockContainer.top .dash-item-container .show-apps:active .overview-icon, #dashtodockContainer.top .dash-item-container .show-apps:checked .overview-icon, #dashtodockContainer.top .dash-item-container .app-well-app:active .overview-icon, #dashtodockContainer.top .dash-item-container .grid-search-result:active .overview-icon, #dashtodockContainer.top .dash-item-container .app-well-app:checked .overview-icon, #dashtodockContainer.top .dash-item-container .grid-search-result:checked .overview-icon { background-color: rgba(255, 255, 255, 0.25); box-shadow: none; } #dashtodockContainer.top .notification-badge { background-color: #109b26; border: 1px solid #0c6d1a; box-shadow: -1px 1px 5px 0px rgba(0, 0, 0, 0.5); } #dashtodockContainer.left #dash, #dashtodockContainer.left.dashtodock #dash, #dashtodockContainer.left.shrink #dash { margin: 0px; padding: 0px; } #dashtodockContainer.left #dash .dash-background, #dashtodockContainer.left.dashtodock #dash .dash-background, #dashtodockContainer.left.shrink #dash .dash-background { background: rgba(19, 19, 19, 0.75); transition-duration: 250ms; } #dashtodockContainer.left #dash .dash-separator, #dashtodockContainer.left.dashtodock #dash .dash-separator, #dashtodockContainer.left.shrink #dash .dash-separator { background: rgba(238, 238, 236, 0.3); } #dashtodockContainer.left.overview #dash .dash-background, #dashtodockContainer.left.overview.dashtodock #dash .dash-background, #dashtodockContainer.left.overview.shrink #dash .dash-background { background-color: #131313; } #dashtodockContainer.left.extended #dash .dash-background, #dashtodockContainer.left.extended.dashtodock #dash .dash-background, #dashtodockContainer.left.extended.shrink #dash .dash-background { border: none; } #dashtodockContainer.left .dash-item-container .show-apps, #dashtodockContainer.left .dash-item-container .app-well-app, #dashtodockContainer.left .dash-item-container .grid-search-result { border-radius: 18px; } #dashtodockContainer.left .dash-item-container .show-apps:active .overview-icon, #dashtodockContainer.left .dash-item-container .show-apps:checked .overview-icon, #dashtodockContainer.left .dash-item-container .app-well-app:active .overview-icon, #dashtodockContainer.left .dash-item-container .grid-search-result:active .overview-icon, #dashtodockContainer.left .dash-item-container .app-well-app:checked .overview-icon, #dashtodockContainer.left .dash-item-container .grid-search-result:checked .overview-icon { background-color: rgba(255, 255, 255, 0.25); box-shadow: none; } #dashtodockContainer.left .notification-badge { background-color: #109b26; border: 1px solid #0c6d1a; box-shadow: -1px 1px 5px 0px rgba(0, 0, 0, 0.5); } #dashtodockContainer.right #dash, #dashtodockContainer.right.dashtodock #dash, #dashtodockContainer.right.shrink #dash { margin: 0px; padding: 0px; } #dashtodockContainer.right #dash .dash-background, #dashtodockContainer.right.dashtodock #dash .dash-background, #dashtodockContainer.right.shrink #dash .dash-background { background: rgba(19, 19, 19, 0.75); transition-duration: 250ms; } #dashtodockContainer.right #dash .dash-separator, #dashtodockContainer.right.dashtodock #dash .dash-separator, #dashtodockContainer.right.shrink #dash .dash-separator { background: rgba(238, 238, 236, 0.3); } #dashtodockContainer.right.overview #dash .dash-background, #dashtodockContainer.right.overview.dashtodock #dash .dash-background, #dashtodockContainer.right.overview.shrink #dash .dash-background { background-color: #131313; } #dashtodockContainer.right.extended #dash .dash-background, #dashtodockContainer.right.extended.dashtodock #dash .dash-background, #dashtodockContainer.right.extended.shrink #dash .dash-background { border: none; } #dashtodockContainer.right .dash-item-container .show-apps, #dashtodockContainer.right .dash-item-container .app-well-app, #dashtodockContainer.right .dash-item-container .grid-search-result { border-radius: 18px; } #dashtodockContainer.right .dash-item-container .show-apps:active .overview-icon, #dashtodockContainer.right .dash-item-container .show-apps:checked .overview-icon, #dashtodockContainer.right .dash-item-container .app-well-app:active .overview-icon, #dashtodockContainer.right .dash-item-container .grid-search-result:active .overview-icon, #dashtodockContainer.right .dash-item-container .app-well-app:checked .overview-icon, #dashtodockContainer.right .dash-item-container .grid-search-result:checked .overview-icon { background-color: rgba(255, 255, 255, 0.25); box-shadow: none; } #dashtodockContainer.right .notification-badge { background-color: #109b26; border: 1px solid #0c6d1a; box-shadow: -1px 1px 5px 0px rgba(0, 0, 0, 0.5); } (uuay)toggle-on-purple.svg Q <svg viewBox="0 0 48 26" xmlns="http://www.w3.org/2000/svg"><g transform="translate(0 -291.18)"><rect y="291.18" width="48" height="26" rx="13" ry="13" fill="#7764D8"/><rect x="24" y="294.18" width="22" height="22" rx="11" ry="11" fill-opacity=".2"/><rect x="24" y="293.18" width="22" height="22" rx="11" ry="11" fill="#fff"/></g></svg> (uuay)checkbox-off-focused-viridian-dark.svg � <svg width="24" height="24" xmlns="http://www.w3.org/2000/svg"><rect x="1.5" y="1.5" width="21" height="21" fill="#4a4a4a" stroke="#05dc94" stroke-linejoin="round" rx="3" style="fill:#222222"/></svg> (uuay)checkbox-focused-magenta-dark.svg/ <svg width="24" height="24" xmlns="http://www.w3.org/2000/svg"><rect x="1.5" y="1.5" width="21" height="21" rx="3" fill="#9a419a" stroke="#cd89cd" stroke-linejoin="round"/><path d="m20.16 7.527-1.253-1.414-.118.104-8.478 7.426-4.97-4.263-1.503 1.699 6.474 6.811z" fill="#fff" fill-rule="evenodd"/></svg> (uuay)checkbox-off-focused-red.svg � <svg width="24" height="24" xmlns="http://www.w3.org/2000/svg"><rect x="1.5" y="1.5" width="21" height="21" fill="#bababa" stroke="#e77d8f" stroke-linejoin="round" rx="3" style="fill:#F7F7F7"/></svg> (uuay)checkbox-off-light.svg � <svg width="24" height="24" xmlns="http://www.w3.org/2000/svg"><rect x="1.5" y="1.5" width="21" height="21" rx="3" fill="#bababa" stroke="#c7c7c7" stroke-linejoin="round" style="fill:#F7F7F7;stroke:#d4d4d4"/></svg> (uuay)toggle-on-red-dark.svg Q <svg viewBox="0 0 48 26" xmlns="http://www.w3.org/2000/svg"><g transform="translate(0 -291.18)"><rect y="291.18" width="48" height="26" rx="13" ry="13" fill="#DA3450"/><rect x="24" y="294.18" width="22" height="22" rx="11" ry="11" fill-opacity=".2"/><rect x="24" y="293.18" width="22" height="22" rx="11" ry="11" fill="#fff"/></g></svg> (uuay)checkbox-viridian-dark.svg G <svg width="24" height="24" xmlns="http://www.w3.org/2000/svg"><rect x="1.5" y="1.5" width="21" height="21" fill="#03875B" stroke="#03875B" stroke-linejoin="round" style="stroke-width:1" rx="3"/><path d="m20.16 7.527-1.253-1.414-.118.104-8.478 7.426-4.97-4.263-1.503 1.699 6.474 6.811z" fill="#fff" fill-rule="evenodd"/></svg> (uuay)checkbox-off-focused-sage-dark.svg � <svg width="24" height="24" xmlns="http://www.w3.org/2000/svg"><rect x="1.5" y="1.5" width="21" height="21" fill="#4a4a4a" stroke="#92a595" stroke-linejoin="round" rx="3" style="fill:#222222"/></svg> (uuay)checkbox-focused-light.svg / <svg width="24" height="24" xmlns="http://www.w3.org/2000/svg"><rect x="1.5" y="1.5" width="21" height="21" rx="3" fill="#e34b16" stroke="#f1916f" stroke-linejoin="round"/><path d="m20.16 7.527-1.253-1.414-.118.104-8.478 7.426-4.97-4.263-1.503 1.699 6.474 6.811z" fill="#fff" fill-rule="evenodd"/></svg> (uuay)checkbox-purple-dark.svg G <svg width="24" height="24" xmlns="http://www.w3.org/2000/svg"><rect x="1.5" y="1.5" width="21" height="21" fill="#7764D8" stroke="#7764D8" stroke-linejoin="round" style="stroke-width:1" rx="3"/><path d="m20.16 7.527-1.253-1.414-.118.104-8.478 7.426-4.97-4.263-1.503 1.699 6.474 6.811z" fill="#fff" fill-rule="evenodd"/></svg> (uuay)calendar-today-light.svg � <svg width="32" height="32" xmlns="http://www.w3.org/2000/svg"><circle style="fill:#242424;fill-rule:evenodd;stroke-width:2;stroke-linecap:round;stroke-linejoin:round" cx="16" cy="28" r="2"/></svg> (uuay)toggle-off-red-dark.svg P <svg width="48" height="26" xmlns="http://www.w3.org/2000/svg"><rect style="fill:#4a4a4a;fill-opacity:1;stroke:none;stroke-width:1;marker:none" width="48" height="26" x="-48" ry="13" fill="#3081e3" rx="13" transform="scale(-1 1)"/><rect ry="11" rx="11" y="3" x="-24" height="22" width="22" style="fill:#000;fill-opacity:.2;stroke:none;stroke-width:.999999;marker:none" fill="#f8f7f7" transform="scale(-1 1)"/><rect ry="11" rx="11" y="2" x="-24" height="22" width="22" style="fill:#fff;fill-opacity:1;stroke:none;stroke-width:.999999;marker:none" fill="#f8f7f7" transform="scale(-1 1)"/></svg> (uuay)gnome-shell.css � /* This stylesheet is generated, DO NOT EDIT */ /* Copyright 2009, 2015 Red Hat, Inc. * * Portions adapted from Mx's data/style/default.css * Copyright 2009 Intel Corporation * * This program is free software; you can redistribute it and/or modify it * under the terms and conditions of the GNU Lesser General Public License, * version 2.1, as published by the Free Software Foundation. * * This program is distributed in the hope it will be useful, but WITHOUT ANY * WARRANTY; without even the implied warranty of MERCHANTABILITY or FITNESS * FOR A PARTICULAR PURPOSE. See the GNU Lesser General Public License for * more details. * * You should have received a copy of the GNU Lesser General Public License * along with this program; if not, write to the Free Software Foundation, * Inc., 51 Franklin St - Fifth Floor, Boston, MA 02110-1301 USA. */ /* Global Values */ stage { font-size: 11pt; color: #3D3D3D; } /* Common Stylings */ .screenshot-ui-panel, .workspace-switcher, .switcher-list, .resize-popup, .osd-monitor-label, .osd-window { color: #eeeeec; background-color: rgba(29, 29, 29, 0.975); border: 1px solid #464646; border-radius: 999px; padding: 12px; box-shadow: 0 3px 9px 1px rgba(0, 0, 0, 0.5); } .workspace-thumbnails .workspace-thumbnail { color: #eeeeec; background-color: rgba(238, 238, 236, 0.1); } .app-well-app.app-folder .overview-icon, .app-folder.grid-search-result .overview-icon, .app-well-app .overview-icon, .grid-search-result .overview-icon, .dash-item-container .show-apps .overview-icon, .list-search-result, .search-provider-icon, .switcher-list .item-box { border-radius: 12px; padding: 6px; spacing: 6px; border: 2px solid transparent; transition-duration: 100ms; text-align: center; color: #eeeeec; } .modal-dialog { color: #3D3D3D; background-color: #FAFAFA; border-radius: 8.5px; border: 1px solid rgba(255, 255, 255, 0.8); } #LookingGlassDialog > #Toolbar .lg-toolbar-button, .pad-osd-window .button, .button, .app-folder-dialog .folder-name-container .edit-folder-button { border-radius: 4px; border-style: solid; border-width: 1px; font-weight: bold; padding: 3px 24px; color: #3D3D3D; background-color: #ededed; } #LookingGlassDialog > #Toolbar .lg-toolbar-button:focus, .button:focus, .app-folder-dialog .folder-name-container .edit-folder-button:focus { color: #3D3D3D; background-color: #ededed; box-shadow: inset 0 0 0 2px #ef8661; } #LookingGlassDialog > #Toolbar .lg-toolbar-button:focus:hover, .button:focus:hover, .app-folder-dialog .folder-name-container .edit-folder-button:focus:hover { background-color: #e5e5e5; box-shadow: inset 0 0 0 2px #ef8661; } #LookingGlassDialog > #Toolbar .lg-toolbar-button:focus:active, .button:focus:active, .app-folder-dialog .folder-name-container .edit-folder-button:focus:active { background-color: #dedede; box-shadow: inset 0 0 0 2px #ef8661; } #LookingGlassDialog > #Toolbar .lg-toolbar-button:hover, .button:hover, .app-folder-dialog .folder-name-container .edit-folder-button:hover { color: #3D3D3D; background-color: #e5e5e5; } #LookingGlassDialog > #Toolbar .lg-toolbar-button:insensitive, .button:insensitive, .app-folder-dialog .folder-name-container .edit-folder-button:insensitive { color: rgba(61, 61, 61, 0.5); background-color: rgba(61, 61, 61, 0.05); } #LookingGlassDialog > #Toolbar .lg-toolbar-button:active, .button:active, .app-folder-dialog .folder-name-container .edit-folder-button:active { color: #3D3D3D; background-color: #dedede; } #LookingGlassDialog > #Toolbar .lg-toolbar-button:checked, .button:checked, .app-folder-dialog .folder-name-container .edit-folder-button:checked { color: #3D3D3D; background-color: #d6d6d6; } #LookingGlassDialog > #Toolbar .lg-toolbar-button:checked:hover, .button:checked:hover, .app-folder-dialog .folder-name-container .edit-folder-button:checked:hover { background-color: #cecece; } #LookingGlassDialog > #Toolbar .lg-toolbar-button:checked:active, .button:checked:active, .app-folder-dialog .folder-name-container .edit-folder-button:checked:active { background-color: #c7c7c7; } .app-folder-dialog .folder-name-container .edit-folder-button { color: #F7F7F7; background-color: #2c2c2c; } .app-folder-dialog .folder-name-container .edit-folder-button:focus { color: #F7F7F7; background-color: #2c2c2c; box-shadow: inset 0 0 0 2px #ef8661; } .app-folder-dialog .folder-name-container .edit-folder-button:focus:hover { background-color: #242424; box-shadow: inset 0 0 0 2px #ef8661; } .app-folder-dialog .folder-name-container .edit-folder-button:focus:active { background-color: #1d1d1d; box-shadow: inset 0 0 0 2px #ef8661; } .app-folder-dialog .folder-name-container .edit-folder-button:hover { color: #F7F7F7; background-color: #242424; } .app-folder-dialog .folder-name-container .edit-folder-button:insensitive { color: rgba(247, 247, 247, 0.5); background-color: rgba(247, 247, 247, 0.05); } .app-folder-dialog .folder-name-container .edit-folder-button:active { color: #F7F7F7; background-color: #1d1d1d; } .app-folder-dialog .folder-name-container .edit-folder-button:checked { color: #F7F7F7; background-color: #151515; } .app-folder-dialog .folder-name-container .edit-folder-button:checked:hover { background-color: #0d0d0d; } .app-folder-dialog .folder-name-container .edit-folder-button:checked:active { background-color: #060606; } .modal-dialog .modal-dialog-linked-button, .hotplug-notification-item, .notification-banner .notification-button { padding: 12px; color: #3D3D3D; background-color: #ededed; } .modal-dialog .modal-dialog-linked-button:ltr, .hotplug-notification-item:ltr, .notification-banner .notification-button:ltr { margin-right: 1px; } .modal-dialog .modal-dialog-linked-button:rtl, .hotplug-notification-item:rtl, .notification-banner .notification-button:rtl { margin-left: 1px; } .modal-dialog .modal-dialog-linked-button:insensitive, .hotplug-notification-item:insensitive, .notification-banner .notification-button:insensitive { color: rgba(61, 61, 61, 0.5); background-color: rgba(61, 61, 61, 0.05); } .modal-dialog .modal-dialog-linked-button:focus, .hotplug-notification-item:focus, .notification-banner .notification-button:focus { color: #3D3D3D; background-color: #ededed; box-shadow: inset 0 0 0 2px #ef8661; } .modal-dialog .modal-dialog-linked-button:focus:hover, .hotplug-notification-item:focus:hover, .notification-banner .notification-button:focus:hover { background-color: #e5e5e5; box-shadow: inset 0 0 0 2px #ef8661; } .modal-dialog .modal-dialog-linked-button:focus:active, .hotplug-notification-item:focus:active, .notification-banner .notification-button:focus:active { background-color: #dedede; box-shadow: inset 0 0 0 2px #ef8661; } .modal-dialog .modal-dialog-linked-button:hover, .hotplug-notification-item:hover, .notification-banner .notification-button:hover { color: #3D3D3D; background-color: #e5e5e5; } .modal-dialog .modal-dialog-linked-button:active, .hotplug-notification-item:active, .notification-banner .notification-button:active { color: #3D3D3D; background-color: #dedede; } .modal-dialog .modal-dialog-linked-button:first-child:ltr, .hotplug-notification-item:first-child:ltr, .notification-banner .notification-button:first-child:ltr { border-radius: 0 0 0 7.5px; } .modal-dialog .modal-dialog-linked-button:last-child:ltr, .hotplug-notification-item:last-child:ltr, .notification-banner .notification-button:last-child:ltr { border-radius: 0 0 7.5px 0; margin-right: 0 !important; } .modal-dialog .modal-dialog-linked-button:first-child:rtl, .hotplug-notification-item:first-child:rtl, .notification-banner .notification-button:first-child:rtl { border-radius: 0 0 7.5px 0; margin-left: 0 !important; } .modal-dialog .modal-dialog-linked-button:last-child:rtl, .hotplug-notification-item:last-child:rtl, .notification-banner .notification-button:last-child:rtl { border-radius: 0 0 0 7.5px; margin-right: 0 !important; } .modal-dialog .modal-dialog-linked-button:first-child:last-child, .hotplug-notification-item:first-child:last-child, .notification-banner .notification-button:first-child:last-child { border-radius: 0 0 7.5px 7.5px !important; margin-left: 0 !important; margin-right: 0 !important; } .screenshot-ui-show-pointer-button, .screenshot-ui-type-button { background-color: transparent; background-color: none; } .screenshot-ui-show-pointer-button:insensitive, .screenshot-ui-type-button:insensitive { color: rgba(61, 61, 61, 0.5); background-color: rgba(61, 61, 61, 0.05); background-color: transparent; color: rgba(255, 255, 255, 0.5); } .screenshot-ui-show-pointer-button:insensitive, .screenshot-ui-type-button:insensitive { background-color: transparent; background-color: none; } .screenshot-ui-show-pointer-button:insensitive:insensitive, .screenshot-ui-type-button:insensitive:insensitive { color: rgba(61, 61, 61, 0.5); background-color: rgba(61, 61, 61, 0.05); background-color: transparent; color: rgba(255, 255, 255, 0.5); } .screenshot-ui-show-pointer-button:focus, .screenshot-ui-type-button:focus { color: #eeeeec; background-color: rgba(44, 44, 44, 0.97675); box-shadow: inset 0 0 0 2px #ef8661; } .screenshot-ui-show-pointer-button:focus:hover, .screenshot-ui-type-button:focus:hover { background-color: rgba(36, 36, 36, 0.97675); box-shadow: inset 0 0 0 2px #ef8661; } .screenshot-ui-show-pointer-button:focus:active, .screenshot-ui-type-button:focus:active { background-color: rgba(29, 29, 29, 0.97675); box-shadow: inset 0 0 0 2px #ef8661; } .screenshot-ui-show-pointer-button:hover, .screenshot-ui-type-button:hover { color: #eeeeec; background-color: rgba(36, 36, 36, 0.97675); } .screenshot-ui-show-pointer-button:active, .screenshot-ui-type-button:active { color: #eeeeec; background-color: rgba(29, 29, 29, 0.97675); } .screenshot-ui-show-pointer-button:outlined, .screenshot-ui-type-button:outlined, .screenshot-ui-show-pointer-button:checked, .screenshot-ui-type-button:checked { color: #eeeeec; background-color: rgba(21, 21, 21, 0.97675); } .screenshot-ui-show-pointer-button:outlined:hover, .screenshot-ui-type-button:outlined:hover, .screenshot-ui-show-pointer-button:checked:hover, .screenshot-ui-type-button:checked:hover { background-color: rgba(13, 13, 13, 0.97675); } .screenshot-ui-show-pointer-button:outlined:active, .screenshot-ui-type-button:outlined:active, .screenshot-ui-show-pointer-button:checked:active, .screenshot-ui-type-button:checked:active { background-color: rgba(6, 6, 6, 0.97675); } /* General Typography */ .app-folder-dialog .folder-name-container .folder-name-label, .app-folder-dialog .folder-name-container .folder-name-entry, .search-statustext { font-weight: 800; font-size: 20pt; } .lg-debug-flags-header, .message-dialog-content .message-dialog-title, .message-list .message-list-placeholder, .datemenu-today-button .date-label { font-weight: 800; font-size: 15pt; } .nm-dialog-airplane-headline { font-weight: 700; font-size: 15pt; } .message-dialog-content .message-dialog-title.lightweight, .headline { font-weight: 700; font-size: 13pt; } .lg-extension-name, .osd-window, .nm-dialog-header, .dialog-list .dialog-list-title, .message-list-controls, .weather-button .weather-forecast-temp, .weather-button .weather-header, .world-clocks-button .world-clocks-time, .world-clocks-button .world-clocks-header, .events-button .events-title, .calendar .calendar-month-header .calendar-month-label, .datemenu-today-button .day-label, .popup-menu-ornament { font-weight: 700; font-size: 11pt; } .app-menu .popup-inactive-menu-item:first-child > StLabel { font-weight: 700; font-size: 9pt; } .login-dialog-not-listed-label, .lg-completions-text, .caps-lock-warning-label, #dash, .icon-label-button-container, .prompt-dialog-error-label, .prompt-dialog-info-label, .prompt-dialog-null-label, .run-dialog .run-dialog-description, .dialog-list .dialog-list-box .dialog-list-item .dialog-list-item-description, .weather-button .weather-forecast-time, .world-clocks-button .world-clocks-timezone, .events-button .event-time { font-weight: 400; font-size: 9pt; } .calendar .calendar-day-base.calendar-day-heading, .calendar .calendar-day-base { font-weight: 400; font-size: 8pt; } .unlock-dialog-clock-time, #panel, .weather-button .weather-forecast-time, .world-clocks-button .world-clocks-timezone, .world-clocks-button .world-clocks-time, .events-button .event-time, .calendar .calendar-day-base { font-feature-settings: "tnum"; } /* WIDGETS */ .shell-link { color: #c34113; } .shell-link:hover { color: #e95420; } .lowres-icon { icon-shadow: 0 1px 2px rgba(0, 0, 0, 0.3); } .icon-dropshadow { icon-shadow: 0 1px 5px rgba(0, 0, 0, 0.8); } /* Entries */ StEntry { min-height: 22px; border-radius: 6px; padding: 8px; border-width: 1px; color: #3D3D3D; background-color: white; color: rgba(61, 61, 61, 0.7); border: 1px solid #c7c7c7; selection-background-color: #E95420; selected-color: #FFFFFF; } StEntry:hover { background-color: white; border-color: #d4d4d4; color: #3D3D3D; } StEntry:focus { background-color: white; border-color: #ef8661; box-shadow: 0 0 0 1px #ef8661 inset; color: #3D3D3D; } StEntry:insensitive { background-color: white; border-color: white; color: #9c9c9c; } StEntry StIcon.capslock-warning { icon-size: 16px; warning-color: #f99b11; padding: 0 4px; } StEntry StIcon.peek-password { icon-size: 1.09em; padding: 0 4px; } StEntry StLabel.hint-text { margin-left: 2px; color: rgba(61, 61, 61, 0.7); } /* Buttons */ .button { min-height: 22px; } /* Check Boxes */ .check-box StBoxLayout { spacing: .8em; } .check-box StBin { width: 24px; height: 22px; background-image: url("resource:///org/gnome/shell/theme/checkbox-off-light.svg"); } .check-box:focus StBin { background-image: url("resource:///org/gnome/shell/theme/checkbox-off-focused-light.svg"); } .check-box:checked StBin { background-image: url("resource:///org/gnome/shell/theme/checkbox-light.svg"); } .check-box:focus:checked StBin { background-image: url("resource:///org/gnome/shell/theme/checkbox-focused-light.svg"); } /* Switches */ .toggle-switch { color: #3D3D3D; height: 26px; width: 48px; background-size: contain; background-image: url("resource:///org/gnome/shell/theme/toggle-off-light.svg"); } .toggle-switch:checked { background-image: url("resource:///org/gnome/shell/theme/toggle-on-light.svg"); } /* Slider */ .slider { -barlevel-height: 4px; -barlevel-background-color: rgba(61, 61, 61, 0.4); -barlevel-border-width: 2px; -barlevel-border-color: transparent; -barlevel-active-background-color: #E95420; -barlevel-active-border-color: transparent; -barlevel-overdrive-color: #c7162b; -barlevel-overdrive-border-color: transparent; -barlevel-overdrive-separator-width: 1px; -slider-handle-border-width: 1px; -slider-handle-border-color: #b5b5b5; -slider-handle-radius: 8px; color: #fcfcfc; height: 18px; } /* Scrollbars */ StScrollView.vfade { -st-vfade-offset: 68px; } StScrollView.hfade { -st-hfade-offset: 68px; } StScrollBar { padding: 0; } StScrollView StScrollBar { min-width: 8px; min-height: 8px; } StScrollBar StBin#trough { border-radius: 0; background-color: transparent; } StScrollBar StButton#vhandle, StScrollBar StButton#hhandle { border-radius: 8px; background-color: #c1c1c1; border: 3px solid transparent; transition: 500ms all ease; } StScrollBar StButton#vhandle:hover, StScrollBar StButton#hhandle:hover { background-color: #9c9c9c; } StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { background-color: #aeaeae; } /* Popovers/Menus */ .popup-menu-boxpointer, .candidate-popup-boxpointer { -arrow-rise: 6px; } .popup-menu { min-width: 15em; color: #3D3D3D; } .popup-menu.panel-menu { margin-bottom: 1.75em; } .popup-menu-content, .candidate-popup-content { padding: 6px; border-radius: 10px; border: 1px solid rgba(255, 255, 255, 0.8); box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.1); background-color: #FAFAFA; } .popup-menu-item { padding: 9px 12px; border-radius: 6px; spacing: 6px; transition: 0.2s all ease; background-color: transparent; } .popup-menu-item:ltr { padding-left: 6px; } .popup-menu-item:rtl { padding-right: 6px; } .popup-menu-item:focus, .popup-menu-item:hover { background-color: rgba(61, 61, 61, 0.1) !important; } .popup-menu-item:focus:active, .popup-menu-item:hover:active { background-color: rgba(61, 61, 61, 0.2) !important; } .popup-menu-item:checked { background-color: #e8e8e8 !important; } .popup-menu-item:checked { margin-bottom: 0; box-shadow: inset 0 -1px 0 0 #dbdbdb; border-radius: 6px 6px 0 0; } .popup-menu-item:checked:focus, .popup-menu-item:checked:hover { background-color: #d9d9d9 !important; } .popup-menu-item:checked:active { background-color: #d1d1d1 !important; } .popup-menu-item:active { background-color: #d1d1d1; color: #303030; } .popup-menu-item:insensitive { color: rgba(61, 61, 61, 0.5); } .popup-menu-item .toggle-switch:ltr { margin-left: 4px; } .popup-menu-item .toggle-switch:rtl { margin-right: 4px; } .popup-inactive-menu-item { color: #3D3D3D; } .popup-inactive-menu-item:insensitive { color: #9c9c9c; } .popup-menu-arrow, .popup-menu-icon { icon-size: 16px !important; } .popup-sub-menu { background-color: #e8e8e8; border-radius: 0 0 6px 6px; } .popup-sub-menu .popup-menu-ornament { min-width: 1.09em !important; } .popup-sub-menu .popup-menu-item { border-radius: 0; margin: 0; } .popup-sub-menu .popup-menu-item:last-child { border-radius: 0 0 6px 6px; } .popup-sub-menu .popup-menu-item:focus, .popup-sub-menu .popup-menu-item:hover { background-color: rgba(87, 87, 87, 0.1) !important; } .popup-sub-menu .popup-menu-item:checked { background-color: white !important; } .popup-sub-menu .popup-menu-item:checked:focus, .popup-sub-menu .popup-menu-item:checked:hover { background-color: #fdfdfd !important; } .popup-sub-menu .popup-menu-item:active { background-color: rgba(87, 87, 87, 0.2) !important; } .popup-sub-menu .popup-menu-section .popup-menu-item:last-child:hover, .popup-sub-menu .popup-menu-section .popup-menu-item:last-child:focus { border-radius: 0; } .popup-sub-menu .popup-menu-section:last-child .popup-menu-item:last-child { border-radius: 0 0 6px 6px; } .popup-menu-ornament { width: 1.2em; text-align: center !important; } .popup-menu-ornament:ltr { text-align: right; } .popup-menu-ornament:rtl { text-align: left; } .popup-separator-menu-item { margin: 6px 0; padding: 0 !important; } .popup-separator-menu-item:ltr { margin-right: 4px; } .popup-separator-menu-item:rtl { margin-left: 4px; } .popup-separator-menu-item .popup-separator-menu-item-separator { height: 1px; background-color: #c7c7c7; } .popup-separator-menu-item .popup-menu-ornament { width: 0 !important; } .popup-sub-menu .popup-separator-menu-item { background-color: transparent; } .popup-sub-menu .popup-separator-menu-item:ltr { margin-right: 2.5em; } .popup-sub-menu .popup-separator-menu-item:rtl { margin-left: 2.5em; } .popup-sub-menu .popup-separator-menu-item .popup-separator-menu-item-separator { background-color: #d9d9d9; } .background-menu { -boxpointer-gap: 0px; -arrow-rise: 0px; } .aggregate-menu { min-width: 22em; } .aggregate-menu .popup-menu-ornament { width: 0 !important; } .aggregate-menu .popup-menu-icon { -st-icon-style: symbolic; } .aggregate-menu .popup-menu-icon:ltr { margin-right: 8px; } .aggregate-menu .popup-menu-icon:rtl { margin-left: 8px; } .aggregate-menu .popup-sub-menu .popup-menu-item > :first-child:ltr { margin-left: 1em; } .aggregate-menu .popup-sub-menu .popup-menu-item > :first-child:rtl { margin-right: 1em; } .app-menu { max-width: 27.25em; } .app-menu .popup-menu-ornament { width: 0 !important; } .app-menu .popup-inactive-menu-item:first-child > StLabel:ltr { margin-right: 8px; } .app-menu .popup-inactive-menu-item:first-child > StLabel:rtl { margin-left: 8px; } /* Date/Time Menu */ #calendarArea { padding: 4px; } .datemenu-calendar-column { spacing: 6px; } .datemenu-calendar-column:ltr { padding-left: 6px; } .datemenu-calendar-column:rtl { padding-right: 6px; } .datemenu-calendar-column .datemenu-displays-box { spacing: 6px; } /* today button (the date) */ .datemenu-today-button { border-radius: 6px; margin: 4px; box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.1); background-color: transparent; background-color: none; box-shadow: none !important; padding: 9px; } .datemenu-today-button:insensitive { color: rgba(61, 61, 61, 0.5); background-color: rgba(61, 61, 61, 0.05); background-color: transparent; color: rgba(255, 255, 255, 0.5); } .datemenu-today-button:focus { color: #3D3D3D; background-color: #ededed; box-shadow: inset 0 0 0 2px #ef8661; } .datemenu-today-button:focus:hover { background-color: #e5e5e5; box-shadow: inset 0 0 0 2px #ef8661; } .datemenu-today-button:focus:active { background-color: #dedede; box-shadow: inset 0 0 0 2px #ef8661; } .datemenu-today-button:hover { color: #3D3D3D; background-color: #e5e5e5; } .datemenu-today-button:active { color: #3D3D3D; background-color: #dedede; } .datemenu-today-button:insensitive .day-label, .datemenu-today-button:insensitive .date-label { color: #9c9c9c; } /* Calendar */ .calendar { border-radius: 6px; margin: 4px; box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.1); background-color: transparent; background-color: none; box-shadow: none !important; margin-top: 0; } .calendar:insensitive { color: rgba(61, 61, 61, 0.5); background-color: rgba(61, 61, 61, 0.05); background-color: transparent; color: rgba(255, 255, 255, 0.5); } .calendar:focus { color: #3D3D3D; background-color: #ededed; box-shadow: inset 0 0 0 2px #ef8661; } .calendar:focus:hover { background-color: #e5e5e5; box-shadow: inset 0 0 0 2px #ef8661; } .calendar:focus:active { background-color: #dedede; box-shadow: inset 0 0 0 2px #ef8661; } .calendar:hover { color: #3D3D3D; background-color: #e5e5e5; } .calendar:active { color: #3D3D3D; background-color: #dedede; } .calendar .calendar-month-header .calendar-change-month-back StIcon, .calendar .calendar-month-header .calendar-change-month-forward StIcon { icon-size: 1.09em; } .calendar .calendar-month-header .calendar-month-label { color: #4a4a4a; padding: 8px 0; } .calendar .calendar-month-header .pager-button { background-color: transparent; height: 32px; width: 32px; margin: 2px; border-radius: 4px; } .calendar .calendar-month-header .pager-button:hover, .calendar .calendar-month-header .pager-button:focus { background-color: rgba(61, 61, 61, 0.1); } .calendar .calendar-month-header .pager-button:active { background-color: rgba(61, 61, 61, 0.2); } .calendar .calendar-day-base { text-align: center; margin: 2px; padding: 0 !important; height: 3em !important; width: 3em !important; border-radius: 99px; } .calendar .calendar-day-base:hover { background-color: rgba(61, 61, 61, 0.1); } .calendar .calendar-day-base:focus { background-color: #f7d9ce; box-shadow: inset 0 0 0 2px rgba(233, 84, 32, 0.6); } .calendar .calendar-day-base:active, .calendar .calendar-day-base:selected { color: #303030; background-color: rgba(61, 61, 61, 0.2); } .calendar .calendar-day-base:active:focus, .calendar .calendar-day-base:selected:focus { background-color: rgba(180, 77, 41, 0.36); } .calendar .calendar-day-base.calendar-day-heading { color: #9c9c9c; padding-top: 6px; height: 16px !important; font-weight: bold; } .calendar .calendar-nonwork-day { color: #9c9c9c; } .calendar .calendar-other-month-day { color: rgba(61, 61, 61, 0.5); } .calendar .calendar-other-month-day.calendar-nonwork-day { color: rgba(156, 156, 156, 0.5); } .calendar .calendar-today { background-color: #E95420; font-weight: 800; color: #FFFFFF !important; } .calendar .calendar-today:hover, .calendar .calendar-today:focus { background-color: #ea5f2e; color: inherit; } .calendar .calendar-today:active, .calendar .calendar-today:selected { background-color: #E95420; color: inherit; } .calendar .calendar-today:active:hover, .calendar .calendar-today:active:focus, .calendar .calendar-today:selected:hover, .calendar .calendar-today:selected:focus { background-color: #ea5f2e; color: inherit; } .calendar .calendar-day-with-events { background-image: url("resource:///org/gnome/shell/theme/calendar-today-light.svg"); background-size: contain; } .calendar .calendar-week-number { font-size: 7pt; font-weight: bold; font-feature-settings: "tnum"; margin: 6px; padding: 0 6px; border-radius: 3px; background-color: whitesmoke; color: #9c9c9c; } /* Events */ .events-button { border-radius: 6px; margin: 4px; box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.1); color: #3D3D3D; background-color: #ededed; padding: 12px; } .events-button:focus { color: #3D3D3D; background-color: #ededed; box-shadow: inset 0 0 0 2px #ef8661; } .events-button:focus:hover { background-color: #e5e5e5; box-shadow: inset 0 0 0 2px #ef8661; } .events-button:focus:active { background-color: #dedede; box-shadow: inset 0 0 0 2px #ef8661; } .events-button:hover { color: #3D3D3D; background-color: #e5e5e5; } .events-button:active { color: #3D3D3D; background-color: #dedede; } .events-button .events-box { spacing: 6px; } .events-button .events-list { spacing: 12px; } .events-button .events-title { color: #9c9c9c; margin-bottom: 4px; } .events-button .event-time { color: #9c9c9c; } /* World clocks */ .world-clocks-button { border-radius: 6px; margin: 4px; box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.1); color: #3D3D3D; background-color: #ededed; padding: 12px; } .world-clocks-button:focus { color: #3D3D3D; background-color: #ededed; box-shadow: inset 0 0 0 2px #ef8661; } .world-clocks-button:focus:hover { background-color: #e5e5e5; box-shadow: inset 0 0 0 2px #ef8661; } .world-clocks-button:focus:active { background-color: #dedede; box-shadow: inset 0 0 0 2px #ef8661; } .world-clocks-button:hover { color: #3D3D3D; background-color: #e5e5e5; } .world-clocks-button:active { color: #3D3D3D; background-color: #dedede; } .world-clocks-button .world-clocks-grid { spacing-rows: 6px; spacing-columns: 12px; } .world-clocks-button .world-clocks-header { color: #9c9c9c; } .world-clocks-button .world-clocks-city { color: #3D3D3D; } .world-clocks-button .world-clocks-time { color: #3D3D3D; } .world-clocks-button .world-clocks-time:ltr { text-align: right; } .world-clocks-button .world-clocks-time:rtl { text-align: left; } .world-clocks-button .world-clocks-timezone { color: #9c9c9c; } /* Weather */ .weather-button { border-radius: 6px; margin: 4px; box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.1); color: #3D3D3D; background-color: #ededed; padding: 12px; } .weather-button:focus { color: #3D3D3D; background-color: #ededed; box-shadow: inset 0 0 0 2px #ef8661; } .weather-button:focus:hover { background-color: #e5e5e5; box-shadow: inset 0 0 0 2px #ef8661; } .weather-button:focus:active { background-color: #dedede; box-shadow: inset 0 0 0 2px #ef8661; } .weather-button:hover { color: #3D3D3D; background-color: #e5e5e5; } .weather-button:active { color: #3D3D3D; background-color: #dedede; } .weather-button .weather-box { spacing: 10px; } .weather-button .weather-header-box { spacing: 6px; } .weather-button .weather-header { color: #9c9c9c; } .weather-button .weather-header.location { font-weight: normal; } .weather-button .weather-grid { spacing-rows: 6px; spacing-columns: 12px; } .weather-button .weather-forecast-time { color: black; padding-top: 0.2em; padding-bottom: 0.4em; } .weather-button .weather-forecast-icon { icon-size: 2.18em; } /* Message List */ .message-list { width: 29em; border: solid #c7c7c7; } .message-list:ltr { margin-left: 0; margin-right: 4px; padding-right: 6px; border-right-width: 1px; } .message-list:rtl { margin-right: 0; margin-left: 4px; padding-left: 6px; border-left-width: 1px; } .message-list .message-list-placeholder { color: rgba(156, 156, 156, 0.5); } .message-list .message-list-placeholder > StIcon { icon-size: 3.27em; margin-bottom: 12px; -st-icon-style: symbolic; } .message-list-sections { spacing: 6px; margin: 0; padding-bottom: 6px; } .message-list-sections:ltr { margin-right: 12px; } .message-list-sections:rtl { margin-left: 12px; } .message-list-section, .message-list-section-list { spacing: 6px; } .message-list-controls { padding: 6px; spacing: 6px; } .message-list-controls .dnd-button { border-width: 2px; border-color: transparent; border-radius: 32px; border-style: solid; } .message-list-controls .dnd-button:focus { border-color: #ef8661; } .message { border-radius: 6px; margin: 4px; box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.1); color: #3D3D3D; background-color: #ededed; } .message:focus { color: #3D3D3D; background-color: #ededed; box-shadow: inset 0 0 0 2px #ef8661; } .message:focus:hover { background-color: #e5e5e5; box-shadow: inset 0 0 0 2px #ef8661; } .message:focus:active { background-color: #dedede; box-shadow: inset 0 0 0 2px #ef8661; } .message:hover { color: #3D3D3D; background-color: #e5e5e5; } .message:active { color: #3D3D3D; background-color: #dedede; } .message .message-icon-bin { padding: 18px; } .message .message-icon-bin:ltr { padding-right: 6px; } .message .message-icon-bin:rtl { padding-left: 6px; } .message .message-icon-bin > StIcon { icon-size: 2.18em; -st-icon-style: symbolic; } .message .message-icon-bin > .fallback-app-icon { width: 1.09em; height: 1.09em; } .message .message-content { spacing: 4px; padding: 9px; margin-bottom: 8px; } .message .message-title { font-weight: bold; /* HACK: the label should be baseline-aligned with a 1em label, fake this with some bottom padding */ padding-top: 0.57em; } .message .message-secondary-bin { padding: 0 8px; } .message .message-secondary-bin > .event-time { color: rgba(61, 61, 61, 0.5); font-size: 9pt; /* HACK: the label should be baseline-aligned with a 1em label, fake this with some bottom padding */ padding-bottom: 0.13em; } .message .message-secondary-bin > .event-time:ltr { text-align: right; } .message .message-secondary-bin > .event-time:rtl { text-align: left; } .message .message-close-button { color: #3D3D3D; background-color: rgba(61, 61, 61, 0.1); border-radius: 99px; padding: 5px; margin: 1px; } .message .message-close-button:hover { background-color: rgba(61, 61, 61, 0.2); } .message .message-close-button:active { background-color: rgba(61, 61, 61, 0.1); } .message .message-body { color: #242424; } .url-highlighter { link-color: #c34113; } /* Media Controls */ .message-media-control { padding: 0 18px; margin: 12px 0; border-radius: 6px; color: #3D3D3D; } .message-media-control:hover { background-color: rgba(74, 74, 74, 0.1); color: #3D3D3D; } .message-media-control:active { background-color: rgba(61, 61, 61, 0.2); color: #3D3D3D; } .message-media-control:insensitive { color: darkgray; } .message-media-control:last-child:ltr { margin-right: 12px; } .message-media-control:last-child:rtl { margin-left: 12px; } .media-message-cover-icon { icon-size: 3.27em !important; border-radius: 6px; } .media-message-cover-icon.fallback { color: #121212; background-color: #FAFAFA; border: 1px solid transparent; border-radius: 6px; icon-size: 2.18em !important; padding: 14px; } .candidate-popup-content { padding: 6px; spacing: 6px; } .candidate-index { padding: 0; padding-right: 6px; color: #9c9c9c; } .candidate-box { padding: 6px 12px 6px 12px; border-radius: 6px; } .candidate-box:selected { background-color: #E95420; color: #FFFFFF; } .candidate-box:hover { background-color: rgba(61, 61, 61, 0.1); color: #3D3D3D; } .candidate-page-button-box { height: 2em; } .vertical .candidate-page-button-box { padding-top: 12px; } .horizontal .candidate-page-button-box { padding-left: 12px; } .candidate-page-button { padding: 6px; } .candidate-page-button-previous { border-radius: 6px 0px 0px 6px; border-right-width: 0; box-shadow: none; } .candidate-page-button-next { border-radius: 0px 6px 6px 0px; box-shadow: none; } .candidate-page-button-icon { icon-size: 1.09em; } /* Notifications & Message Tray */ .notification-banner { min-height: 64px; width: 34em; box-shadow: 0 2px 4px 2px rgba(0, 0, 0, 0.1); border-radius: 9px; margin: 4px; background-color: #FAFAFA; } .notification-banner .notification-actions { spacing: 0; } .notification-banner:hover { background-color: whitesmoke; } .notification-banner:active { background-color: #f0f0f0; } .notification-banner, .notification-banner:hover, .notification-banner:focus, .notification-banner:active { box-shadow: 0 0 4px 2px rgba(0, 0, 0, 0.1); border: 1px solid #c7c7c7; } .summary-source-counter { font-size: 10pt; font-weight: bold; height: 1.6em; width: 1.6em; -shell-counter-overlap-x: 3px; -shell-counter-overlap-y: 3px; background-color: #E95420; color: #FFFFFF; border: 2px solid #3D3D3D; box-shadow: 0 2px 2px rgba(0, 0, 0, 0.5); border-radius: 0.9em; } .chat-body { spacing: 5px; } .chat-response { margin: 5px; } .chat-log-message { color: #242424; } .chat-new-group { padding-top: 1em; } .chat-received { padding-left: 4px; } .chat-received:rtl { padding-left: 0px; padding-right: 4px; } .chat-sent { padding-left: 18pt; color: #636363; } .chat-sent:rtl { padding-left: 0; padding-right: 18pt; } .chat-meta-message { padding-left: 4px; font-size: 9pt; font-weight: bold; color: #6b6b6b; } .chat-meta-message:rtl { padding-left: 0; padding-right: 4px; } .hotplug-notification-item-icon { icon-size: 24px; padding: 0 4px; } /* Modal Dialogs */ .modal-dialog .modal-dialog-content-box { margin: 32px 40px; spacing: 32px; max-width: 28em; } /* End Session Dialog */ .end-session-dialog { width: 30em; } .end-session-dialog .end-session-dialog-battery-warning, .end-session-dialog .dialog-list-title { color: #f99b11; } /* Message Dialog */ .message-dialog-content { spacing: 18px; } .message-dialog-content .message-dialog-title { text-align: center; } .message-dialog-content .message-dialog-description { text-align: center; } /* Dialog List */ .dialog-list { spacing: 18px; } .dialog-list .dialog-list-title { text-align: center; } .dialog-list .dialog-list-scrollview { max-height: 200px; } .dialog-list .dialog-list-box { spacing: 1em; } .dialog-list .dialog-list-box .dialog-list-item { spacing: 1em; } .dialog-list .dialog-list-box .dialog-list-item .dialog-list-item-title { font-weight: bold; } .dialog-list .dialog-list-box .dialog-list-item .dialog-list-item-description { color: #303030; } /* Run Dialog */ .run-dialog .modal-dialog-content-box { margin-top: 24px; margin-bottom: 14px; } .run-dialog .run-dialog-entry { width: 20em; } .run-dialog .run-dialog-description { text-align: center; color: #0a0a0a; } /* Password or Authentication Dialog */ .prompt-dialog { width: 28em; } .prompt-dialog .modal-dialog-content-box { margin-bottom: 24px; } .prompt-dialog-password-grid { spacing-rows: 8px; spacing-columns: 4px; } .prompt-dialog-password-grid .prompt-dialog-password-entry { width: auto; } .prompt-dialog-password-grid .prompt-dialog-password-entry:ltr { margin-left: 20px; } .prompt-dialog-password-grid .prompt-dialog-password-entry:rtl { margin-right: 20px; } .prompt-dialog-password-layout { spacing: 8px; } .prompt-dialog-password-entry { width: 20em; } .prompt-dialog-error-label, .prompt-dialog-info-label, .prompt-dialog-null-label { text-align: center; } .prompt-dialog-error-label { color: #f99b11; } /* Polkit Dialog */ .polkit-dialog-user-layout { text-align: center; spacing: 8px; margin-bottom: 6px; } .polkit-dialog-user-layout .polkit-dialog-user-root-label { color: #f99b11; } /* Audio selection dialog */ .audio-device-selection-dialog .modal-dialog-content-box { margin-bottom: 28px; } .audio-device-selection-dialog .audio-selection-box { spacing: 20px; } .audio-selection-device { border-radius: 12px; } .audio-selection-device:hover, .audio-selection-device:focus { background-color: rgba(61, 61, 61, 0.1); } .audio-selection-device:active { background-color: #E95420; color: #FFFFFF; } .audio-selection-device-box { padding: 20px; spacing: 20px; } .audio-selection-device-icon { icon-size: 4.36em; } /* Welcome dialog */ .welcome-dialog-image { background-image: url("resource:///org/gnome/shell/theme/gnome-shell-start.svg"); background-size: contain; /* Reasonable maximum dimensions */ height: 300px; width: 300px; } /* Select Network dialogs */ .nm-dialog { max-height: 34em; min-height: 31em; min-width: 32em; } .nm-dialog-content { spacing: 20px; padding: 24px; } .nm-dialog-subheader { color: #9c9c9c; } .nm-dialog-header-icon { icon-size: 2.18em; } .nm-dialog-header-hbox { spacing: 10px; } .nm-dialog-scroll-view { padding: 6px; border-radius: 6px; background-color: #ffffff; } .nm-dialog-item { padding: 12px; } .nm-dialog-item:selected { background-color: #E95420; border-radius: 3px; color: #FFFFFF; } .nm-dialog-item:hover { background-color: rgba(61, 61, 61, 0.1); } .nm-dialog-icon { icon-size: 1.09em; } .nm-dialog-icons { spacing: 12px; } .no-networks-box { spacing: 6px; } .no-networks-label { color: #9c9c9c; } .nm-dialog-airplane-box { text-align: center; spacing: 12px; } .nm-dialog-airplane-text { color: #9c9c9c; } /* OSD */ .osd-window { text-align: center; font-weight: bold; spacing: 12px; padding: 12px 18px; margin-bottom: 4em; } .osd-window > * { spacing: 8px; } .osd-window StIcon { icon-size: 2.18em; } .osd-window StLabel:ltr { margin-right: 6px; } .osd-window StLabel:rtl { margin-left: 6px; } .osd-window .level { margin-bottom: 4px; height: 6px; min-width: 10.9em; -barlevel-height: 6px; -barlevel-background-color: rgba(238, 238, 236, 0.3); -barlevel-active-background-color: #eeeeec; -barlevel-overdrive-color: #c7162b; -barlevel-overdrive-separator-width: 3px; } .osd-window .level:first-child { margin-bottom: 0px; } .osd-window .level:ltr { margin-right: 6px; } .osd-window .level:rtl { margin-left: 6px; } .osd-monitor-label { border-radius: 12px; font-size: 3em; font-weight: bold; margin: 12px; text-align: center; min-width: 1.3em; } /* Pad OSD */ .pad-osd-window { padding: 32px; background-color: rgba(29, 29, 29, 0.975); color: #eeeeec; } .pad-osd-window .button:insensitive { color: #3D3D3D; } .pad-osd-window .pad-osd-title-box { spacing: 12px; } .pad-osd-window .pad-osd-title-menu-box { spacing: 6px; } .combo-box-label { width: 15em; } /* App Switcher */ .switcher-popup { padding: 0; spacing: 24px; } .switcher-list { padding: 10px; border-radius: 20px; box-shadow: 0 8px 8px 0 rgba(0, 0, 0, 0.1); } .switcher-list .switcher-list-item-container { spacing: 12px; } .switcher-list .item-box { background-color: transparent; } .switcher-list .item-box:hover { background-color: rgba(238, 238, 236, 0.1); } .switcher-list .item-box:selected, .switcher-list .item-box:focus { background-color: rgba(238, 238, 236, 0.13); } .switcher-list .item-box:selected:hover, .switcher-list .item-box:focus:hover { background-color: rgba(238, 238, 236, 0.16); } .switcher-list .item-box:selected:active, .switcher-list .item-box:focus:active { background-color: rgba(238, 238, 236, 0.13); } .switcher-list .item-box:active { background-color: rgba(238, 238, 236, 0.16); } .switcher-list .item-box:outlined, .switcher-list .item-box:checked { background-color: rgba(238, 238, 236, 0.19); } .switcher-list .item-box:outlined:active, .switcher-list .item-box:checked:active { background-color: rgba(238, 238, 236, 0.22); } .switcher-list .item-box:outlined:hover, .switcher-list .item-box:checked:hover { background-color: rgba(238, 238, 236, 0.25); } .switcher-list .item-box:drop { border: 2px solid rgba(233, 84, 32, 0.8); background-color: rgba(233, 84, 32, 0.2); } .switcher-list .item-box:hover { background: none; } .switcher-list .separator { width: 1px; background: #c7c7c7; } .switcher-list .thumbnail-box { padding: 2px; spacing: 6px; } .switcher-list .thumbnail { width: 256px; border-radius: 6px; } .switcher-arrow { border-color: rgba(0, 0, 0, 0); color: rgba(238, 238, 236, 0.8); } .switcher-arrow:highlighted { border-color: #eeeeec; color: #eeeeec; } .input-source-switcher-symbol { font-size: 34pt; width: 96px; height: 96px; } .cycler-highlight { border: 5px solid #E95420; } /* Workspace Switcher */ .workspace-switcher { margin-bottom: 4em; spacing: 12px; padding: 12px 18px; } .ws-switcher-indicator { background-color: rgba(238, 238, 236, 0.5); padding: 0.1816666667em; margin: 0.9083333333em; border-radius: 2.18em; } .ws-switcher-indicator:active { background-color: #eeeeec; padding: 0.3633333333em; margin: 0.7266666667em; } .icon-label-button-container { spacing: 6px; } .icon-label-button-container StIcon { icon-size: 32px; } .screenshot-ui-panel { border-radius: 33px; padding: 18px; padding-bottom: 12px; margin-bottom: 4em; spacing: 12px; } .screenshot-ui-close-button { padding: 6px; } .screenshot-ui-close-button.left { margin-left: 8px; } .screenshot-ui-close-button.right { margin-right: 8px; } .screenshot-ui-type-button { padding: 12px 18px !important; border-radius: 15px; } .screenshot-ui-capture-button { width: 36px; height: 36px; border-radius: 99px; border: 4px #eeeeec; padding: 4px; } .screenshot-ui-capture-button .screenshot-ui-capture-button-circle { background-color: #eeeeec; transition-duration: 200ms; border-radius: 99px; } .screenshot-ui-capture-button .screenshot-ui-capture-button-circle:hover, .screenshot-ui-capture-button .screenshot-ui-capture-button-circle:focus { background-color: rgba(61, 61, 61, 0.1); } .screenshot-ui-capture-button:hover .screenshot-ui-capture-button-circle, .screenshot-ui-capture-button:focus .screenshot-ui-capture-button-circle { background-color: #cacac4; } .screenshot-ui-capture-button:active .screenshot-ui-capture-button-circle { background-color: #747467; } .screenshot-ui-capture-button:cast .screenshot-ui-capture-button-circle { background-color: #c7162b; } .screenshot-ui-capture-button:cast:hover .screenshot-ui-capture-button-circle, .screenshot-ui-capture-button:cast:focus .screenshot-ui-capture-button-circle { background-color: #de1930; } .screenshot-ui-capture-button:cast:active .screenshot-ui-capture-button-circle { background-color: #a71224; } .screenshot-ui-shot-cast-container { background-color: rgba(61, 61, 61, 0.1); border-radius: 12px; padding: 3px; spacing: 3px; } .screenshot-ui-shot-cast-container:ltr { margin-left: 3px; } .screenshot-ui-shot-cast-container:rtl { margin-right: 3px; } .screenshot-ui-shot-cast-button { padding: 6px 12px; background-color: transparent; border-radius: 9px; } .screenshot-ui-shot-cast-button:hover, .screenshot-ui-shot-cast-button:focus { background-color: rgba(74, 74, 74, 0.1); } .screenshot-ui-shot-cast-button:active { background-color: rgba(74, 74, 74, 0.2); } .screenshot-ui-shot-cast-button:checked { background-color: white; color: black; } .screenshot-ui-shot-cast-button StIcon { icon-size: 1.09em; } .screenshot-ui-show-pointer-button { border-radius: 99px; padding: 12px !important; } .screenshot-ui-show-pointer-button StIcon { icon-size: 1.09em; } .screenshot-ui-area-indicator-shade { background-color: rgba(0, 0, 0, 0.3); } .screenshot-ui-area-selector .screenshot-ui-area-indicator-shade { background-color: rgba(0, 0, 0, 0.5); } .screenshot-ui-area-selector .screenshot-ui-area-indicator-selection { border: 2px white; } .screenshot-ui-area-selector-handle { border-radius: 99px; background-color: white; box-shadow: 0 1px 3px 2px rgba(0, 0, 0, 0.2); width: 24px; height: 24px; } .screenshot-ui-window-selector { background-color: #222222; } .screenshot-ui-window-selector .screenshot-ui-window-selector-window-container { margin: 100px; } .screenshot-ui-window-selector:primary-monitor .screenshot-ui-window-selector-window-container { margin-bottom: 200px; } .screenshot-ui-window-selector-window-border { transition-duration: 200ms; border-radius: 12px; border: 6px transparent; } .screenshot-ui-window-selector-check { transition-duration: 200ms; color: transparent; border-radius: 99px; border-width: 12px; icon-size: 24px; } .screenshot-ui-window-selector-window:hover .screenshot-ui-window-selector-window-border { border-color: #ac3911; } .screenshot-ui-window-selector-window:checked .screenshot-ui-window-selector-window-border { border-color: #E95420; background-color: rgba(233, 84, 32, 0.2); } .screenshot-ui-window-selector-window:checked .screenshot-ui-window-selector-check { color: #FFFFFF; background-color: #E95420; } .screenshot-ui-screen-selector { transition-duration: 200ms; background-color: rgba(0, 0, 0, 0.5); } .screenshot-ui-screen-selector:hover { background-color: rgba(0, 0, 0, 0.3); } .screenshot-ui-screen-selector:active { background-color: rgba(0, 0, 0, 0.7); } .screenshot-ui-screen-selector:checked { background-color: transparent; border: 2px white; } .screenshot-ui-tooltip { color: #eeeeec; background-color: rgba(29, 29, 29, 0.975); border-radius: 99px; padding: 6px 12px; text-align: center; -y-offset: 24px; } /* Top Bar */ #panel { background-color: #131313; font-weight: bold; height: 1.86em; transition-duration: 250ms; } #panel.unlock-screen, #panel.login-screen { background-color: transparent; } #panel .panel-button { font-weight: bold; color: #f2f2f2; -natural-hpadding: 12px; -minimum-hpadding: 6px; transition-duration: 150ms; border: 3px solid transparent; border-radius: 99px; } #panel .panel-button.clock-display .clock { transition-duration: 150ms; border: 3px solid transparent; border-radius: 99px; } #panel .panel-button.screen-recording-indicator { box-shadow: inset 0 0 0 100px #c7162b; } #panel .panel-button.screen-recording-indicator StBoxLayout { spacing: 6px; } #panel .panel-button.screen-recording-indicator StIcon { icon-size: 1.09em; } #panel .panel-button:active, #panel .panel-button:overview, #panel .panel-button:focus, #panel .panel-button:checked { box-shadow: inset 0 0 0 100px rgba(242, 242, 242, 0.2); } #panel .panel-button:active.clock-display, #panel .panel-button:overview.clock-display, #panel .panel-button:focus.clock-display, #panel .panel-button:checked.clock-display { box-shadow: none; } #panel .panel-button:active.clock-display .clock, #panel .panel-button:overview.clock-display .clock, #panel .panel-button:focus.clock-display .clock, #panel .panel-button:checked.clock-display .clock { box-shadow: inset 0 0 0 100px rgba(242, 242, 242, 0.2); } #panel .panel-button:active.screen-recording-indicator, #panel .panel-button:overview.screen-recording-indicator, #panel .panel-button:focus.screen-recording-indicator, #panel .panel-button:checked.screen-recording-indicator { box-shadow: inset 0 0 0 100px rgba(199, 22, 43, 0.85); } #panel .panel-button:hover { box-shadow: inset 0 0 0 100px rgba(242, 242, 242, 0.15); } #panel .panel-button:hover.clock-display { box-shadow: none; } #panel .panel-button:hover.clock-display .clock { box-shadow: inset 0 0 0 100px rgba(242, 242, 242, 0.15); } #panel .panel-button:hover.screen-recording-indicator { box-shadow: inset 0 0 0 100px rgba(199, 22, 43, 0.9); } #panel .panel-button:active:hover, #panel .panel-button:overview:hover, #panel .panel-button:focus:hover, #panel .panel-button:checked:hover { box-shadow: inset 0 0 0 100px rgba(242, 242, 242, 0.25); } #panel .panel-button:active:hover.clock-display, #panel .panel-button:overview:hover.clock-display, #panel .panel-button:focus:hover.clock-display, #panel .panel-button:checked:hover.clock-display { box-shadow: none; } #panel .panel-button:active:hover.clock-display .clock, #panel .panel-button:overview:hover.clock-display .clock, #panel .panel-button:focus:hover.clock-display .clock, #panel .panel-button:checked:hover.clock-display .clock { box-shadow: inset 0 0 0 100px rgba(242, 242, 242, 0.25); } #panel .panel-button:active:hover.screen-recording-indicator, #panel .panel-button:overview:hover.screen-recording-indicator, #panel .panel-button:focus:hover.screen-recording-indicator, #panel .panel-button:checked:hover.screen-recording-indicator { box-shadow: inset 0 0 0 100px rgba(199, 22, 43, 0.8); } #panel .panel-button .system-status-icon { icon-size: 1.09em; padding: 5px; margin: 0 4px; } #panel .panel-button .panel-status-indicators-box .system-status-icon, #panel .panel-button .panel-status-menu-box .system-status-icon { margin: 0; } #panel .panel-button .app-menu-icon { -st-icon-style: symbolic; } #panel .panel-button#panelActivities { -natural-hpadding: 18px; } #panel.unlock-screen .panel-button:active, #panel.unlock-screen .panel-button:overview, #panel.unlock-screen .panel-button:focus, #panel.unlock-screen .panel-button:checked, #panel.login-screen .panel-button:active, #panel.login-screen .panel-button:overview, #panel.login-screen .panel-button:focus, #panel.login-screen .panel-button:checked, #panel:overview .panel-button:active, #panel:overview .panel-button:overview, #panel:overview .panel-button:focus, #panel:overview .panel-button:checked { box-shadow: inset 0 0 0 100px rgba(255, 255, 255, 0.15); } #panel.unlock-screen .panel-button:active.clock-display, #panel.unlock-screen .panel-button:overview.clock-display, #panel.unlock-screen .panel-button:focus.clock-display, #panel.unlock-screen .panel-button:checked.clock-display, #panel.login-screen .panel-button:active.clock-display, #panel.login-screen .panel-button:overview.clock-display, #panel.login-screen .panel-button:focus.clock-display, #panel.login-screen .panel-button:checked.clock-display, #panel:overview .panel-button:active.clock-display, #panel:overview .panel-button:overview.clock-display, #panel:overview .panel-button:focus.clock-display, #panel:overview .panel-button:checked.clock-display { box-shadow: none; } #panel.unlock-screen .panel-button:active.clock-display .clock, #panel.unlock-screen .panel-button:overview.clock-display .clock, #panel.unlock-screen .panel-button:focus.clock-display .clock, #panel.unlock-screen .panel-button:checked.clock-display .clock, #panel.login-screen .panel-button:active.clock-display .clock, #panel.login-screen .panel-button:overview.clock-display .clock, #panel.login-screen .panel-button:focus.clock-display .clock, #panel.login-screen .panel-button:checked.clock-display .clock, #panel:overview .panel-button:active.clock-display .clock, #panel:overview .panel-button:overview.clock-display .clock, #panel:overview .panel-button:focus.clock-display .clock, #panel:overview .panel-button:checked.clock-display .clock { box-shadow: inset 0 0 0 100px rgba(255, 255, 255, 0.15); } #panel.unlock-screen .panel-button:active.screen-recording-indicator, #panel.unlock-screen .panel-button:overview.screen-recording-indicator, #panel.unlock-screen .panel-button:focus.screen-recording-indicator, #panel.unlock-screen .panel-button:checked.screen-recording-indicator, #panel.login-screen .panel-button:active.screen-recording-indicator, #panel.login-screen .panel-button:overview.screen-recording-indicator, #panel.login-screen .panel-button:focus.screen-recording-indicator, #panel.login-screen .panel-button:checked.screen-recording-indicator, #panel:overview .panel-button:active.screen-recording-indicator, #panel:overview .panel-button:overview.screen-recording-indicator, #panel:overview .panel-button:focus.screen-recording-indicator, #panel:overview .panel-button:checked.screen-recording-indicator { box-shadow: inset 0 0 0 100px rgba(199, 22, 43, 0.85); } #panel.unlock-screen .panel-button:hover, #panel.login-screen .panel-button:hover, #panel:overview .panel-button:hover { box-shadow: inset 0 0 0 100px rgba(255, 255, 255, 0.1); } #panel.unlock-screen .panel-button:hover.clock-display, #panel.login-screen .panel-button:hover.clock-display, #panel:overview .panel-button:hover.clock-display { box-shadow: none; } #panel.unlock-screen .panel-button:hover.clock-display .clock, #panel.login-screen .panel-button:hover.clock-display .clock, #panel:overview .panel-button:hover.clock-display .clock { box-shadow: inset 0 0 0 100px rgba(255, 255, 255, 0.1); } #panel.unlock-screen .panel-button:hover.screen-recording-indicator, #panel.login-screen .panel-button:hover.screen-recording-indicator, #panel:overview .panel-button:hover.screen-recording-indicator { box-shadow: inset 0 0 0 100px rgba(199, 22, 43, 0.9); } #panel.unlock-screen .panel-button:active:hover, #panel.unlock-screen .panel-button:overview:hover, #panel.unlock-screen .panel-button:focus:hover, #panel.unlock-screen .panel-button:checked:hover, #panel.login-screen .panel-button:active:hover, #panel.login-screen .panel-button:overview:hover, #panel.login-screen .panel-button:focus:hover, #panel.login-screen .panel-button:checked:hover, #panel:overview .panel-button:active:hover, #panel:overview .panel-button:overview:hover, #panel:overview .panel-button:focus:hover, #panel:overview .panel-button:checked:hover { box-shadow: inset 0 0 0 100px rgba(255, 255, 255, 0.2); } #panel.unlock-screen .panel-button:active:hover.clock-display, #panel.unlock-screen .panel-button:overview:hover.clock-display, #panel.unlock-screen .panel-button:focus:hover.clock-display, #panel.unlock-screen .panel-button:checked:hover.clock-display, #panel.login-screen .panel-button:active:hover.clock-display, #panel.login-screen .panel-button:overview:hover.clock-display, #panel.login-screen .panel-button:focus:hover.clock-display, #panel.login-screen .panel-button:checked:hover.clock-display, #panel:overview .panel-button:active:hover.clock-display, #panel:overview .panel-button:overview:hover.clock-display, #panel:overview .panel-button:focus:hover.clock-display, #panel:overview .panel-button:checked:hover.clock-display { box-shadow: none; } #panel.unlock-screen .panel-button:active:hover.clock-display .clock, #panel.unlock-screen .panel-button:overview:hover.clock-display .clock, #panel.unlock-screen .panel-button:focus:hover.clock-display .clock, #panel.unlock-screen .panel-button:checked:hover.clock-display .clock, #panel.login-screen .panel-button:active:hover.clock-display .clock, #panel.login-screen .panel-button:overview:hover.clock-display .clock, #panel.login-screen .panel-button:focus:hover.clock-display .clock, #panel.login-screen .panel-button:checked:hover.clock-display .clock, #panel:overview .panel-button:active:hover.clock-display .clock, #panel:overview .panel-button:overview:hover.clock-display .clock, #panel:overview .panel-button:focus:hover.clock-display .clock, #panel:overview .panel-button:checked:hover.clock-display .clock { box-shadow: inset 0 0 0 100px rgba(255, 255, 255, 0.2); } #panel.unlock-screen .panel-button:active:hover.screen-recording-indicator, #panel.unlock-screen .panel-button:overview:hover.screen-recording-indicator, #panel.unlock-screen .panel-button:focus:hover.screen-recording-indicator, #panel.unlock-screen .panel-button:checked:hover.screen-recording-indicator, #panel.login-screen .panel-button:active:hover.screen-recording-indicator, #panel.login-screen .panel-button:overview:hover.screen-recording-indicator, #panel.login-screen .panel-button:focus:hover.screen-recording-indicator, #panel.login-screen .panel-button:checked:hover.screen-recording-indicator, #panel:overview .panel-button:active:hover.screen-recording-indicator, #panel:overview .panel-button:overview:hover.screen-recording-indicator, #panel:overview .panel-button:focus:hover.screen-recording-indicator, #panel:overview .panel-button:checked:hover.screen-recording-indicator { box-shadow: inset 0 0 0 100px rgba(199, 22, 43, 0.8); } #panel .panel-status-indicators-box, #panel .panel-status-menu-box { spacing: 2px; } #panel .power-status.panel-status-indicators-box { spacing: 0; } #panel .screencast-indicator, #panel .remote-access-indicator { color: #f99b11; } #appMenu { spacing: 6px; } #appMenu .label-shadow { color: transparent; } #appMenu .panel-status-menu-box { padding: 0 6px; spacing: 6px; } .clock-display-box { spacing: 2px; } .clock-display-box .clock { padding-left: 12px; padding-right: 12px; } /* Activities Ripple */ .ripple-box { background-color: rgba(251, 226, 218, 0.3); box-shadow: 0 0 2px 2px #f29b7d; width: 52px; height: 52px; border-radius: 0 0 52px 0; } .ripple-box:rtl { border-radius: 0 0 0 52px; } /* OVERVIEW */ .controls-manager, .secondary-monitor-workspaces { spacing: 12px; } #overviewGroup { background-color: #222222; } .overview-controls { padding-bottom: 32px; } /* Window Picker */ .window-picker { spacing: 6px; } .window-caption { color: #eeeeec; background-color: rgba(29, 29, 29, 0.975); border-radius: 99px; padding: 6px 12px; border: 1px solid #464646; } .window-close, .screenshot-ui-close-button { background-color: rgba(55, 55, 55, 0.975); color: #eeeeec; border-radius: 99px; padding: 3px; height: 30px; width: 30px; transition-duration: 300ms; border: 1px solid #464646; } .window-close StIcon, .screenshot-ui-close-button StIcon { icon-size: 24px; } .window-close:hover, .screenshot-ui-close-button:hover { background-color: rgba(67, 67, 67, 0.975); } .window-close:active, .screenshot-ui-close-button:active { background-color: rgba(42, 42, 42, 0.975); } .workspace-background { border-radius: 30px; box-shadow: 0 4px 16px 4px rgba(0, 0, 0, 0.275); } .search-entry { border-radius: 18px; margin-top: 24px; margin-bottom: 12px; padding: 7px 9px; width: 320px; background-color: white; color: rgba(61, 61, 61, 0.7); border: 1px solid #c7c7c7; } .search-entry:hover { background-color: white; border-color: #d4d4d4; color: #3D3D3D; } .search-entry:focus { background-color: white; border-color: #ef8661; box-shadow: 0 0 0 1px #ef8661 inset; color: #3D3D3D; } .search-entry:insensitive { background-color: white; border-color: white; color: #9c9c9c; } .search-entry .search-entry-icon { color: inherit; icon-size: 1.09em; margin-top: 2px; padding: 0 4px; } /* Search */ #searchResults { margin: 0 4px; } #searchResultsContent { max-width: 1072px; } .search-section { spacing: 18px; } .search-section .search-section-separator { height: 8px; background-color: transparent; } .search-section-content { background-color: #1d1d1d; border-radius: 18px; border: 1px solid #464646; color: #eeeeec; padding: 12px; margin: 0 12px; } .list-search-result, .search-provider-icon { background-color: transparent; border-radius: 9px; } .list-search-result:hover, .search-provider-icon:hover { background-color: rgba(238, 238, 236, 0.1); } .list-search-result:selected, .search-provider-icon:selected, .list-search-result:focus, .search-provider-icon:focus { background-color: rgba(238, 238, 236, 0.13); } .list-search-result:selected:hover, .search-provider-icon:selected:hover, .list-search-result:focus:hover, .search-provider-icon:focus:hover { background-color: rgba(238, 238, 236, 0.16); } .list-search-result:selected:active, .search-provider-icon:selected:active, .list-search-result:focus:active, .search-provider-icon:focus:active { background-color: rgba(238, 238, 236, 0.13); } .list-search-result:active, .search-provider-icon:active { background-color: rgba(238, 238, 236, 0.16); } .list-search-result:outlined, .search-provider-icon:outlined, .list-search-result:checked, .search-provider-icon:checked { background-color: rgba(238, 238, 236, 0.19); } .list-search-result:outlined:active, .search-provider-icon:outlined:active, .list-search-result:checked:active, .search-provider-icon:checked:active { background-color: rgba(238, 238, 236, 0.22); } .list-search-result:outlined:hover, .search-provider-icon:outlined:hover, .list-search-result:checked:hover, .search-provider-icon:checked:hover { background-color: rgba(238, 238, 236, 0.25); } .list-search-result:drop, .search-provider-icon:drop { border: 2px solid rgba(233, 84, 32, 0.8); background-color: rgba(233, 84, 32, 0.2); } .grid-search-results { spacing: 30px; margin: 0 12px; } .search-provider-icon:ltr { margin-right: 4px; } .search-provider-icon:rtl { margin-left: 4px; } .search-provider-icon .list-search-provider-content { spacing: 12px; } .search-provider-icon .list-search-provider-content .list-search-provider-details { width: 120px; color: #eeeeec; } .list-search-results { spacing: 6px; } .list-search-result .list-search-result-content { spacing: 6px; } .list-search-result .list-search-result-title { spacing: 12px; } .list-search-result .list-search-result-description { color: #868685; } /* Dash */ #dash { margin-top: 12px; } #dash .placeholder { background-image: none; background-size: contain; height: 32px; } #dash .empty-dash-drop-target { width: 32px; height: 32px; } #dash .app-well-app-running-dot { margin-bottom: 13px; background-color: #E95420; } .dash-background { background-color: #1d1d1d; border-radius: 24px; padding: 12px; border: 1px solid #464646; spacing: 6px; margin-bottom: 12px; } .dash-item-container > * { margin: 0 2px; } .dash-item-container:ltr:first-child { margin-left: 0; } .dash-item-container:rtl:first-child { margin-right: 0; } .dash-item-container .app-well-app .overview-icon, .dash-item-container .grid-search-result .overview-icon { padding: 6px; } .dash-item-container .show-apps .overview-icon { background-color: transparent; } .dash-item-container .show-apps:hover .overview-icon { background-color: rgba(238, 238, 236, 0.1); } .dash-item-container .show-apps:selected .overview-icon, .dash-item-container .show-apps:focus .overview-icon { background-color: rgba(238, 238, 236, 0.13); } .dash-item-container .show-apps:selected .overview-icon:hover .overview-icon, .dash-item-container .show-apps:focus .overview-icon:hover .overview-icon { background-color: rgba(238, 238, 236, 0.16); } .dash-item-container .show-apps:selected .overview-icon:active .overview-icon, .dash-item-container .show-apps:focus .overview-icon:active .overview-icon { background-color: rgba(238, 238, 236, 0.13); } .dash-item-container .show-apps:active .overview-icon { background-color: rgba(238, 238, 236, 0.16); } .dash-item-container .show-apps:outlined .overview-icon, .dash-item-container .show-apps:checked .overview-icon { background-color: rgba(238, 238, 236, 0.19); } .dash-item-container .show-apps:outlined .overview-icon:active .overview-icon, .dash-item-container .show-apps:checked .overview-icon:active .overview-icon { background-color: rgba(238, 238, 236, 0.22); } .dash-item-container .show-apps:outlined .overview-icon:hover .overview-icon, .dash-item-container .show-apps:checked .overview-icon:hover .overview-icon { background-color: rgba(238, 238, 236, 0.25); } .dash-item-container .show-apps:drop .overview-icon { border: 2px solid rgba(233, 84, 32, 0.8); background-color: rgba(233, 84, 32, 0.2); } .dash-item-container .show-apps:focus .overview-icon, .dash-item-container .show-apps:active .overview-icon, .dash-item-container .show-apps:checked .overview-icon { background-color: rgba(238, 238, 236, 0.2); } .dash-item-container .show-apps, .dash-item-container .app-well-app, .dash-item-container .grid-search-result { padding-bottom: 12px; } .dash-separator { width: 1px; margin: 0 4px; background-color: #464646; margin-bottom: 12px; } .dash-label { color: #eeeeec; background-color: rgba(29, 29, 29, 0.975); border-radius: 99px; padding: 6px 12px; text-align: center; -y-offset: 8px; border: 1px solid #464646; } /* App Grid */ .icon-grid { row-spacing: 12px; column-spacing: 12px; max-row-spacing: 42px; max-column-spacing: 42px; page-padding-top: 24px; page-padding-bottom: 24px; page-padding-left: 18px; page-padding-right: 18px; } /* App Icons */ .app-well-app .overview-icon, .grid-search-result .overview-icon { background-color: transparent; } .app-well-app:hover .overview-icon, .grid-search-result:hover .overview-icon { background-color: rgba(238, 238, 236, 0.1); } .app-well-app:selected .overview-icon, .grid-search-result:selected .overview-icon, .app-well-app:focus .overview-icon, .grid-search-result:focus .overview-icon { background-color: rgba(238, 238, 236, 0.13); } .app-well-app:selected .overview-icon:hover .overview-icon, .grid-search-result:selected .overview-icon:hover .overview-icon, .app-well-app:focus .overview-icon:hover .overview-icon, .grid-search-result:focus .overview-icon:hover .overview-icon { background-color: rgba(238, 238, 236, 0.16); } .app-well-app:selected .overview-icon:active .overview-icon, .grid-search-result:selected .overview-icon:active .overview-icon, .app-well-app:focus .overview-icon:active .overview-icon, .grid-search-result:focus .overview-icon:active .overview-icon { background-color: rgba(238, 238, 236, 0.13); } .app-well-app:active .overview-icon, .grid-search-result:active .overview-icon { background-color: rgba(238, 238, 236, 0.16); } .app-well-app:outlined .overview-icon, .grid-search-result:outlined .overview-icon, .app-well-app:checked .overview-icon, .grid-search-result:checked .overview-icon { background-color: rgba(238, 238, 236, 0.19); } .app-well-app:outlined .overview-icon:active .overview-icon, .grid-search-result:outlined .overview-icon:active .overview-icon, .app-well-app:checked .overview-icon:active .overview-icon, .grid-search-result:checked .overview-icon:active .overview-icon { background-color: rgba(238, 238, 236, 0.22); } .app-well-app:outlined .overview-icon:hover .overview-icon, .grid-search-result:outlined .overview-icon:hover .overview-icon, .app-well-app:checked .overview-icon:hover .overview-icon, .grid-search-result:checked .overview-icon:hover .overview-icon { background-color: rgba(238, 238, 236, 0.25); } .app-well-app:drop .overview-icon, .grid-search-result:drop .overview-icon { border: 2px solid rgba(233, 84, 32, 0.8); background-color: rgba(233, 84, 32, 0.2); } .app-well-app:focus .overview-icon, .grid-search-result:focus .overview-icon, .app-well-app:active .overview-icon, .grid-search-result:active .overview-icon, .app-well-app:checked .overview-icon, .grid-search-result:checked .overview-icon { background-color: rgba(238, 238, 236, 0.2); } .app-well-app .overview-icon, .grid-search-result .overview-icon { padding: 12px; } .app-well-app .overview-icon.overview-icon-with-label > StBoxLayout, .grid-search-result .overview-icon.overview-icon-with-label > StBoxLayout { spacing: 6px; } .app-well-app.app-folder .overview-icon, .app-folder.grid-search-result .overview-icon { background-color: rgba(238, 238, 236, 0.05); } .app-well-app.app-folder:hover .overview-icon, .app-folder.grid-search-result:hover .overview-icon { background-color: rgba(238, 238, 236, 0.1); } .app-well-app.app-folder:selected .overview-icon, .app-folder.grid-search-result:selected .overview-icon, .app-well-app.app-folder:focus .overview-icon, .app-folder.grid-search-result:focus .overview-icon { background-color: rgba(238, 238, 236, 0.13); } .app-well-app.app-folder:selected .overview-icon:hover .overview-icon, .app-folder.grid-search-result:selected .overview-icon:hover .overview-icon, .app-well-app.app-folder:focus .overview-icon:hover .overview-icon, .app-folder.grid-search-result:focus .overview-icon:hover .overview-icon { background-color: rgba(238, 238, 236, 0.16); } .app-well-app.app-folder:selected .overview-icon:active .overview-icon, .app-folder.grid-search-result:selected .overview-icon:active .overview-icon, .app-well-app.app-folder:focus .overview-icon:active .overview-icon, .app-folder.grid-search-result:focus .overview-icon:active .overview-icon { background-color: rgba(238, 238, 236, 0.13); } .app-well-app.app-folder:active .overview-icon, .app-folder.grid-search-result:active .overview-icon { background-color: rgba(238, 238, 236, 0.16); } .app-well-app.app-folder:outlined .overview-icon, .app-folder.grid-search-result:outlined .overview-icon, .app-well-app.app-folder:checked .overview-icon, .app-folder.grid-search-result:checked .overview-icon { background-color: rgba(238, 238, 236, 0.19); } .app-well-app.app-folder:outlined .overview-icon:active .overview-icon, .app-folder.grid-search-result:outlined .overview-icon:active .overview-icon, .app-well-app.app-folder:checked .overview-icon:active .overview-icon, .app-folder.grid-search-result:checked .overview-icon:active .overview-icon { background-color: rgba(238, 238, 236, 0.22); } .app-well-app.app-folder:outlined .overview-icon:hover .overview-icon, .app-folder.grid-search-result:outlined .overview-icon:hover .overview-icon, .app-well-app.app-folder:checked .overview-icon:hover .overview-icon, .app-folder.grid-search-result:checked .overview-icon:hover .overview-icon { background-color: rgba(238, 238, 236, 0.25); } .app-well-app.app-folder:drop .overview-icon, .app-folder.grid-search-result:drop .overview-icon { border: 2px solid rgba(233, 84, 32, 0.8); background-color: rgba(233, 84, 32, 0.2); } .app-well-app.app-folder:focus .overview-icon, .app-folder.grid-search-result:focus .overview-icon, .app-well-app.app-folder:active .overview-icon, .app-folder.grid-search-result:active .overview-icon, .app-well-app.app-folder:checked .overview-icon, .app-folder.grid-search-result:checked .overview-icon { background-color: rgba(238, 238, 236, 0.2); } .app-folder-dialog { border-radius: 24px; background-color: #1d1d1d; border: 1px solid #464646; } .app-folder-dialog .folder-name-container { padding: 24px 36px 0; spacing: 12px; /* FIXME: this is to keep the label in sync with the entry */ } .app-folder-dialog .folder-name-container .folder-name-label, .app-folder-dialog .folder-name-container .folder-name-entry { color: #eeeeec; } .app-folder-dialog .folder-name-container .folder-name-entry { width: 300px; background-color: rgba(39, 39, 39, 0.975); border-color: rgba(255, 255, 255, 0.16); } .app-folder-dialog .folder-name-container .folder-name-label { padding: 5px 7px; color: #eeeeec; } .app-folder-dialog .folder-name-container .edit-folder-button { padding: 0; width: 36px; height: 36px; border-radius: 99px; } .app-folder-dialog .folder-name-container .edit-folder-button > StIcon { icon-size: 1.09em; } .app-folder-dialog .icon-grid { row-spacing: 12px; column-spacing: 30px; page-padding-top: 0; page-padding-bottom: 0; page-padding-left: 0; page-padding-right: 0; } .app-folder-dialog .page-indicators { margin-bottom: 18px; } .app-folder-dialog-container { padding: 12px; width: 640px; height: 640px; } .app-well-app-running-dot { height: 5px; width: 5px; border-radius: 5px; margin-bottom: 8px; background-color: #E95420; } .rename-folder-popup .rename-folder-popup-item { spacing: 6px; } .rename-folder-popup .rename-folder-popup-item:ltr, .rename-folder-popup .rename-folder-popup-item:rtl { padding: 0 12px; } .page-indicator { padding: 6px 12px 0; } .page-indicator .page-indicator-icon { width: 10px; height: 10px; border-radius: 10px; background-color: white; } .apps-scroll-view { padding: 0; } .system-action-icon { background-color: rgba(0, 0, 0, 0.8); color: #fff; border-radius: 99px; icon-size: 48px; } .page-navigation-hint { width: 300px; } .page-navigation-hint.dnd { background: rgba(255, 255, 255, 0.1); } .page-navigation-hint.next:ltr, .page-navigation-hint.previous:rtl { background-gradient-start: rgba(255, 255, 255, 0.05); background-gradient-end: transparent; background-gradient-direction: horizontal; border-radius: 18px 0px 0px 18px; } .page-navigation-hint.previous:ltr, .page-navigation-hint.next:rtl { background-gradient-start: transparent; background-gradient-end: rgba(255, 255, 255, 0.05); background-gradient-direction: horizontal; border-radius: 0px 18px 18px 0px; } .page-navigation-arrow { margin: 6px; width: 24px; height: 24px; color: #eeeeec; } /* Workspace pager */ .workspace-thumbnails { visible-width: 32px; spacing: 6px; padding: 6px; border-color: transparent; } .workspace-thumbnails .workspace-thumbnail { border-radius: 3px; background-color: #1d1d1d; border: 1px solid #464646; } .workspace-thumbnails .placeholder { background-image: url("resource:///org/gnome/shell/theme/workspace-placeholder.svg"); background-size: contain; width: 18px; } .workspace-thumbnail-indicator { border: 2px solid #ef8661; border-radius: 3px; padding: 0px; } .ripple-pointer-location { width: 50px; height: 50px; border-radius: 25px; background-color: rgba(247, 191, 171, 0.3); box-shadow: 0 0 2px 2px #f29b7d; } .pie-timer { width: 60px; height: 60px; -pie-border-width: 3px; -pie-border-color: #E95420; -pie-background-color: rgba(251, 226, 218, 0.3); } .magnifier-zoom-region { border: 2px solid #E95420; } .magnifier-zoom-region.full-screen { border-width: 0; } .select-area-rubberband { background-color: rgba(135, 135, 135, 0.2); border: 1px solid rgba(204, 204, 204, 0.8); } .user-icon { /* Yaru: See commit 3d4aca768250 */ background-size: contain; color: #3D3D3D; border-radius: 99px; icon-size: 4.36em; } .user-icon:hover { color: #8a8a8a; } .user-icon StIcon { background-color: rgba(61, 61, 61, 0.05); border-radius: 99px; padding: 12px; width: 2.725em; height: 2.725em; } .user-icon.user-avatar { border: 2px #eeeeec; } .user-widget.vertical .user-icon { icon-size: 6.54em; } .user-widget.vertical .user-icon StIcon { padding: 20px; padding-top: 18px; padding-bottom: 22px; width: 5.995em; height: 5.995em; /* Yaru: See commit 3d4aca768250 */ } .lightbox { background-color: black; } .flashspot { background-color: white; } .hidden { color: rgba(0, 0, 0, 0); } .caps-lock-warning-label { text-align: center; padding-bottom: 8px; color: #f99b11; } /* Workspace animation */ .workspace-animation { background-color: #222222; } /* Tiled window previews */ .tile-preview { background-color: rgba(233, 84, 32, 0.5); border: 1px solid #E95420; } /* On-screen Keyboard */ #keyboard { background-color: rgba(237, 237, 237, 0.9); } #keyboard .page-indicator { padding: 6px; } #keyboard .page-indicator .page-indicator-icon { width: 8px; height: 8px; } .key-container { padding: 4px; spacing: 4px; } .keyboard-key { font-size: 16pt; font-weight: bold; min-height: 1.2em; min-width: 1.2em; border-width: 1px; border-style: solid; border-radius: 10px; box-shadow: 0 1px 0 0 rgba(0, 0, 0, 0.1); color: #3D3D3D; background-color: white; } .keyboard-key:focus { color: #3D3D3D; background-color: #fdeee9; box-shadow: inset 0 0 0 2px rgba(233, 84, 32, 0.6); } .keyboard-key:focus:hover { background-color: #fdeee9; box-shadow: inset 0 0 0 2px rgba(233, 84, 32, 0.7); } .keyboard-key:focus:active { background-color: #fdeee9; box-shadow: inset 0 0 0 2px rgba(233, 84, 32, 0.7); } .keyboard-key:hover { color: #3D3D3D; background-color: #fafafa; } .keyboard-key:active { color: #3D3D3D; background-color: #f2f2f2; } .keyboard-key:checked { color: #3D3D3D; background-color: #ebebeb; } .keyboard-key:grayed { background-color: #f2f2f2; color: #3D3D3D; border-color: rgba(0, 0, 0, 0.7); } .keyboard-key.default-key { color: #3D3D3D; background-color: white; border-radius: 10px; } .keyboard-key.default-key:hover { color: #3D3D3D; background-color: #fafafa; } .keyboard-key.default-key:active { color: #3D3D3D; background-color: #f2f2f2; } .keyboard-key.default-key:checked { color: #3D3D3D; background-color: #ebebeb; } .keyboard-key.enter-key { color: #FFFFFF; background-color: #12a929; border-radius: 10px; color: #eeeeec; } .keyboard-key.enter-key:hover { color: #FFFFFF; background-color: #11a027; } .keyboard-key.enter-key:active { color: #FFFFFF; background-color: #0f9223; } .keyboard-key.enter-key:checked { color: #FFFFFF; background-color: #0e8420; } .keyboard-key.shift-key-uppercase { background-color: #dedede; color: #3D3D3D; } .keyboard-key.shift-key-uppercase:hover { background-color: #d6d6d6; } .keyboard-key StIcon { icon-size: 24px; } .keyboard-subkeys { -arrow-border-radius: 12px; -arrow-background-color: rgba(237, 237, 237, 0.9); -arrow-border-width: 1px; -arrow-border-color: #c7c7c7; -arrow-base: 20px; -arrow-rise: 10px; -boxpointer-gap: 6px; padding: 6px; } .keyboard-subkeys .keyboard-key { color: #3D3D3D; background-color: white; border-radius: 10px; } .keyboard-subkeys .keyboard-key:focus { color: #3D3D3D; background-color: #fdeee9; box-shadow: inset 0 0 0 2px rgba(233, 84, 32, 0.6); } .keyboard-subkeys .keyboard-key:focus:hover { background-color: #fdeee9; box-shadow: inset 0 0 0 2px rgba(233, 84, 32, 0.7); } .keyboard-subkeys .keyboard-key:focus:active { background-color: #fdeee9; box-shadow: inset 0 0 0 2px rgba(233, 84, 32, 0.7); } .keyboard-subkeys .keyboard-key:hover { color: #3D3D3D; background-color: #fafafa; } .keyboard-subkeys .keyboard-key:active { color: #3D3D3D; background-color: #f2f2f2; } .keyboard-subkeys .keyboard-key:checked { color: #3D3D3D; background-color: #ebebeb; } .emoji-page .keyboard-key { background-color: transparent; border: none; color: initial; } .emoji-panel .keyboard-key:latched { border-color: #eb6637; background-color: #E95420; } .word-suggestions { font-size: 14pt; spacing: 12px; min-height: 20pt; padding: 12px; color: #3D3D3D; } .word-suggestions StButton { margin: 0 3px; min-width: 32px; border-radius: 4px; padding: 6px 18px; background-color: transparent; background-image: none; } .word-suggestions StButton:focus { color: #3D3D3D; background-color: #fdeee9; box-shadow: inset 0 0 0 2px rgba(233, 84, 32, 0.6); } .word-suggestions StButton:focus:hover { background-color: #fdeee9; box-shadow: inset 0 0 0 2px rgba(233, 84, 32, 0.7); } .word-suggestions StButton:focus:active { background-color: #fdeee9; box-shadow: inset 0 0 0 2px rgba(233, 84, 32, 0.7); } .word-suggestions StButton:hover { color: #3D3D3D; background-color: #fafafa; } .word-suggestions StButton:active { color: #3D3D3D; background-color: #f2f2f2; } .word-suggestions StButton:checked { color: #3D3D3D; background-color: #ebebeb; } /* Looking Glass */ #LookingGlassDialog { background-color: rgba(29, 29, 29, 0.975); border-radius: 0 0 12px 12px; border-top-width: 0; border: 1px solid rgba(255, 255, 255, 0.16); color: #eeeeec; padding: 6px; spacing: 6px; box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.1); } #LookingGlassDialog > #Toolbar { border: none; padding: 6px; border-radius: 0; background-color: transparent; spacing: 6px; } #LookingGlassDialog > #Toolbar .lg-toolbar-button { padding: 6px 12px; } #LookingGlassDialog > #Toolbar .lg-toolbar-button > StIcon { icon-size: 1.09em; } #LookingGlassDialog .labels { spacing: 6px; } #LookingGlassDialog .notebook-tab { -natural-hpadding: 12px; -minimum-hpadding: 12px; font-weight: bold; padding: 6px 12px; color: #cacac4; transition-duration: 100ms; box-shadow: none; border: none; border-radius: 4px; background-color: transparent; } #LookingGlassDialog .notebook-tab:hover { color: #eeeeec; background-color: rgba(238, 238, 236, 0.05); } #LookingGlassDialog .notebook-tab:selected { color: #eeeeec; background-color: rgba(238, 238, 236, 0.1); } #LookingGlassDialog StBoxLayout#EvalBox { padding: 4px; spacing: 6px; padding: 6px; } #LookingGlassDialog StBoxLayout#ResultsArea { spacing: 6px; padding: 6px; } .lg-dialog { color: #eeeeec; } .lg-dialog StEntry { background-color: rgba(42, 42, 42, 0.575); color: #eeeeec; border-color: rgba(238, 238, 236, 0.2); min-height: 22px; selection-background-color: #E95420; selected-color: #FFFFFF; } .lg-dialog StEntry, .lg-dialog StEntry:focus { box-shadow: none; } .lg-dialog .shell-link { color: #c34113; } .lg-dialog .shell-link:hover { color: #e95420; } .lg-dialog .shell-link:active { color: #94310f; } .lg-dialog .actor-link { color: #9c9c9c; } .lg-dialog .actor-link:hover { color: #cfcfcf; } .lg-dialog .actor-link:active { color: dimgray; } .lg-completions-text { font-style: italic; color: #eeeeec; } .lg-obj-inspector-title { spacing: 6px; color: #eeeeec; } .lg-obj-inspector-button { border: 1px solid rgba(0, 0, 0, 0.7); padding: 4px; border-radius: 6px; color: #eeeeec; } .lg-obj-inspector-button:hover { border: 1px solid #ffffff; } #lookingGlassExtensions { padding: 6px; } .lg-extensions-list { padding: 6px; spacing: 6px; } .lg-extension { padding: 12px; border-radius: 6px; margin: 4px; box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.1); color: #3D3D3D; background-color: #ededed; } .lg-extension:focus { color: #3D3D3D; background-color: #ededed; box-shadow: inset 0 0 0 2px #ef8661; } .lg-extension:focus:hover { background-color: #e5e5e5; box-shadow: inset 0 0 0 2px #ef8661; } .lg-extension:focus:active { background-color: #dedede; box-shadow: inset 0 0 0 2px #ef8661; } .lg-extension:hover { color: #3D3D3D; background-color: #e5e5e5; } .lg-extension:active { color: #3D3D3D; background-color: #dedede; } .lg-extension-meta { spacing: 6px; } #LookingGlassPropertyInspector { background: rgba(29, 29, 29, 0.975); border: 1px solid rgba(0, 0, 0, 0.7); border-radius: 6px; padding: 6px; } .lg-debug-flag-button { color: #3D3D3D; } .lg-debug-flag-button StLabel { padding: 6px, 12px; } .lg-debug-flag-button:hover { color: #707070; } .lg-debug-flag-button:active { color: #0a0a0a; } .lg-debug-flags-header { padding-top: 12px; padding: 6px; } /* Login Dialog */ .login-dialog-banner-view { padding-top: 24px; max-width: 23em; } .login-dialog, .unlock-dialog { border: none; background-color: transparent; } .login-dialog .modal-dialog-button-box, .unlock-dialog .modal-dialog-button-box { spacing: 3px; } .login-dialog .modal-dialog-button, .unlock-dialog .modal-dialog-button { padding: 4px 18px; box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2); background-color: #ffffff; border-color: #c7c7c7; color: #3D3D3D; } .login-dialog .modal-dialog-button:hover, .unlock-dialog .modal-dialog-button:hover { background-color: #d9d9d9; } .login-dialog .modal-dialog-button:focus, .unlock-dialog .modal-dialog-button:focus { border-color: #ef8661; box-shadow: inset 0 0 0 1px #ef8661; } .login-dialog .modal-dialog-button:active, .unlock-dialog .modal-dialog-button:active { box-shadow: none; background-color: #bfbfbf; color: rgba(238, 238, 236, 0.7); } .login-dialog .modal-dialog-button:default, .unlock-dialog .modal-dialog-button:default { background-color: #E95420; color: #FFFFFF; } .login-dialog .modal-dialog-button:default:focus, .unlock-dialog .modal-dialog-button:default:focus { box-shadow: inset 0 0 0 2px rgba(233, 84, 32, 0.6); } .login-dialog .modal-dialog-button:default:hover, .login-dialog .modal-dialog-button:default:focus, .unlock-dialog .modal-dialog-button:default:hover, .unlock-dialog .modal-dialog-button:default:focus { background-color: #eb6637; color: white; } .login-dialog .modal-dialog-button:default:active, .unlock-dialog .modal-dialog-button:default:active { background-color: #d14515; color: #ededed; } .login-dialog .modal-dialog-button:default:insensitive, .unlock-dialog .modal-dialog-button:default:insensitive { color: rgba(61, 61, 61, 0.5); background-color: rgba(61, 61, 61, 0.05); background-color: rgba(233, 84, 32, 0.5); color: rgba(255, 255, 255, 0.5); } .login-dialog .cancel-button, .login-dialog .switch-user-button, .login-dialog .login-dialog-session-list-button, .unlock-dialog .cancel-button, .unlock-dialog .switch-user-button, .unlock-dialog .login-dialog-session-list-button { padding: 0; border-radius: 99px; width: 2.18em; height: 2.18em; } .login-dialog .cancel-button StIcon, .login-dialog .switch-user-button StIcon, .login-dialog .login-dialog-session-list-button StIcon, .unlock-dialog .cancel-button StIcon, .unlock-dialog .switch-user-button StIcon, .unlock-dialog .login-dialog-session-list-button StIcon { icon-size: 1.09em; } .login-dialog .caps-lock-warning-label, .login-dialog .login-dialog-message, .unlock-dialog .caps-lock-warning-label, .unlock-dialog .login-dialog-message { color: #eeeeec; } .login-dialog-logo-bin { padding: 24px 0px; } .login-dialog-banner { color: #d6d6d1; } .login-dialog-button-box { width: 23em; spacing: 5px; } .login-dialog-message { text-align: center; } .login-dialog-user-selection-box { padding: 100px 0px; } .login-dialog-not-listed-label { padding-left: 2px; } .login-dialog-not-listed-button:focus .login-dialog-not-listed-label, .login-dialog-not-listed-button:hover .login-dialog-not-listed-label { color: #eeeeec; } .login-dialog-not-listed-label { font-weight: bold; color: #a6a69b; padding-top: 1em; } .login-dialog-auth-list-view { -st-vfade-offset: 1em; } .login-dialog-auth-list { spacing: 6px; margin-left: 2em; } .login-dialog-auth-list-title { margin-left: 2em; } .login-dialog-auth-list-item { border-radius: 10px; padding: 6px; color: #a6a69b; } .login-dialog-auth-list-item:focus, .login-dialog-auth-list-item:selected { background-color: #E95420; color: #FFFFFF; } .login-dialog-auth-list-label { font-size: 13pt; font-weight: bold; padding-left: 15px; } .login-dialog-auth-list-label:ltr { padding-left: 14px; text-align: left; } .login-dialog-auth-list-label:rtl { padding-right: 14px; text-align: right; } .login-dialog-user-list-view { -st-vfade-offset: 1em; } .login-dialog-user-list { spacing: 12px; width: 23em; } .login-dialog-user-list:expanded .login-dialog-user-list-item:selected { background-color: rgba(255, 255, 255, 0.1); color: #FFFFFF; } .login-dialog-user-list:expanded .login-dialog-user-list-item:logged-in { border-right: 2px solid rgba(255, 255, 255, 0.1); } .login-dialog-user-list-item { border-radius: 10px; padding: 6px; color: #a6a69b; } .login-dialog-user-list-item:ltr .user-widget { padding-right: 1em; } .login-dialog-user-list-item:rtl .user-widget { padding-left: 1em; } .login-dialog-user-list-item .login-dialog-timed-login-indicator { height: 2px; margin-top: 6px; background-color: #eeeeec; } .login-dialog-user-list-item:focus .login-dialog-timed-login-indicator { background-color: #FFFFFF; } .user-widget-label { color: #eeeeec; } .user-widget.horizontal .user-widget-label { font-size: 13pt; font-weight: bold; padding-left: 15px; } .user-widget.horizontal .user-widget-label:ltr { padding-left: 14px; text-align: left; } .user-widget.horizontal .user-widget-label:rtl { padding-right: 14px; text-align: right; } .user-widget.vertical .user-widget-label { font-size: 16pt; text-align: center; font-weight: normal; padding-top: 16px; } .login-dialog-timed-login-indicator { height: 2px; background-color: black; } .login-dialog-prompt-layout { padding-top: 24px; padding-bottom: 12px; spacing: 12px; width: 23em; } .login-dialog-prompt-entry { height: 1.5em; } .login-dialog-prompt-label { color: #bebeb6; font-size: 12pt; padding-top: 1em; } .unlock-dialog StEntry { border: none !important; } .unlock-dialog StEntry, .unlock-dialog StEntry:focus { color: #F7F7F7; background-color: rgba(247, 247, 247, 0.1); box-shadow: none; } .unlock-dialog StEntry:insensitive { color: rgba(247, 247, 247, 0.5); background-color: rgba(247, 247, 247, 0.05); } .unlock-dialog StEntry StLabel.hint-text { color: rgba(247, 247, 247, 0.7); } .unlock-dialog .user-icon { background-color: rgba(247, 247, 247, 0.1); color: #F7F7F7; } .unlock-dialog .cancel-button, .unlock-dialog .switch-user-button, .unlock-dialog .login-dialog-session-list-button { border-color: transparent; background-color: rgba(247, 247, 247, 0.1); box-shadow: none; } .unlock-dialog .cancel-button, .unlock-dialog .cancel-button:hover, .unlock-dialog .cancel-button:focus, .unlock-dialog .cancel-button:active, .unlock-dialog .switch-user-button, .unlock-dialog .switch-user-button:hover, .unlock-dialog .switch-user-button:focus, .unlock-dialog .switch-user-button:active, .unlock-dialog .login-dialog-session-list-button, .unlock-dialog .login-dialog-session-list-button:hover, .unlock-dialog .login-dialog-session-list-button:focus, .unlock-dialog .login-dialog-session-list-button:active { color: #F7F7F7; } .unlock-dialog .cancel-button:hover, .unlock-dialog .cancel-button:focus, .unlock-dialog .switch-user-button:hover, .unlock-dialog .switch-user-button:focus, .unlock-dialog .login-dialog-session-list-button:hover, .unlock-dialog .login-dialog-session-list-button:focus { background-color: rgba(247, 247, 247, 0.15); } .unlock-dialog .cancel-button:active, .unlock-dialog .switch-user-button:active, .unlock-dialog .login-dialog-session-list-button:active { background-color: rgba(247, 247, 247, 0.2); } /* Screen Shield */ .unlock-dialog-clock { color: white; font-weight: 300; text-align: center; spacing: 24px; padding-bottom: 2.5em; } .unlock-dialog-clock-time { font-size: 64pt; padding-top: 42px; } .unlock-dialog-clock-date { font-size: 16pt; font-weight: normal; } .unlock-dialog-clock-hint { font-weight: normal; padding-top: 48px; } .unlock-dialog-notifications-container { margin: 12px; spacing: 6px; width: 23em; background-color: transparent; } .unlock-dialog-notifications-container .summary-notification-stack-scrollview { padding-top: 0; padding-bottom: 0; } .unlock-dialog-notifications-container .notification, .unlock-dialog-notifications-container .unlock-dialog-notification-source { padding: 12px 16px; border: none; background-color: rgba(238, 238, 236, 0.1); color: #eeeeec; border-radius: 12px; } .unlock-dialog-notifications-container .notification.critical, .unlock-dialog-notifications-container .unlock-dialog-notification-source.critical { background-color: rgba(238, 238, 236, 0.2); } .unlock-dialog-notification-label { padding: 0 0 0 12px; } .unlock-dialog-notification-count-text { font-weight: bold; padding: 0 12px; color: #eeeeec; background-color: rgba(238, 238, 236, 0.1); border-radius: 99px; } .screen-shield-background { background: black; box-shadow: 0 2px 4px rgba(0, 0, 0, 0.6); } #lockDialogGroup { background-color: #222222; } #unlockDialogNotifications StButton#vhandle, #unlockDialogNotifications StButton#hhandle { background-color: rgba(250, 250, 250, 0.3); } #unlockDialogNotifications StButton#vhandle:hover, #unlockDialogNotifications StButton#vhandle:focus, #unlockDialogNotifications StButton#hhandle:hover, #unlockDialogNotifications StButton#hhandle:focus { background-color: rgba(250, 250, 250, 0.5); } #unlockDialogNotifications StButton#vhandle:active, #unlockDialogNotifications StButton#hhandle:active { background-color: rgba(233, 84, 32, 0.5); } * { font-weight: normal !important; text-shadow: none !important; } .file-item { border-radius: 6px; } /* Default Ubuntu Dock styling, append !important to any changed rules This must be in sync with - https://github.com/micheleg/dash-to-dock/blob/ubuntu-dock/_stylesheet.scss */ #dashtodockContainer.bottom #dash { margin: 0px; padding: 0px; } #dashtodockContainer.bottom #dash .dash-background { margin: 0; margin-bottom: 4px; padding: 0; border-radius: 18px; spacing: 6px; } #dashtodockContainer.bottom #dash .dash-separator { background-color: #c7c7c7; margin: 0 4px; width: 1px; height: 0; margin-bottom: 4px; } #dashtodockContainer.bottom #dash #dashtodockDashContainer { padding: 10px; padding-bottom: 0; padding-top: 0; } #dashtodockContainer.bottom #dash .dash-item-container { /* Disable all margins defined upstream, we handle them here */ margin: 0 2px; } #dashtodockContainer.bottom #dash .dash-item-container > * { margin: 0; } #dashtodockContainer.bottom #dash .dash-item-container:ltr:first-child, #dashtodockContainer.bottom #dash .dash-item-container:rtl:last-child { margin-left: 0; } #dashtodockContainer.bottom #dash .dash-item-container:ltr:last-child, #dashtodockContainer.bottom #dash .dash-item-container:rtl:first-child { margin-right: 0; } #dashtodockContainer.bottom #dash .dash-item-container .app-well-app, #dashtodockContainer.bottom #dash .dash-item-container .grid-search-result, #dashtodockContainer.bottom #dash .dash-item-container .show-apps { padding: 2px 2px; padding-bottom: 14px; padding-top: 10px; } #dashtodockContainer.bottom #dash .dash-item-container .app-well-app:ltr:first-child, #dashtodockContainer.bottom #dash .dash-item-container .grid-search-result:ltr:first-child, #dashtodockContainer.bottom #dash .dash-item-container .app-well-app:rtl:last-child, #dashtodockContainer.bottom #dash .dash-item-container .grid-search-result:rtl:last-child, #dashtodockContainer.bottom #dash .dash-item-container .show-apps:ltr:first-child, #dashtodockContainer.bottom #dash .dash-item-container .show-apps:rtl:last-child { padding-left: 0; } #dashtodockContainer.bottom #dash .dash-item-container .app-well-app:ltr:last-child, #dashtodockContainer.bottom #dash .dash-item-container .grid-search-result:ltr:last-child, #dashtodockContainer.bottom #dash .dash-item-container .app-well-app:rtl:first-child, #dashtodockContainer.bottom #dash .dash-item-container .grid-search-result:rtl:first-child, #dashtodockContainer.bottom #dash .dash-item-container .show-apps:ltr:last-child, #dashtodockContainer.bottom #dash .dash-item-container .show-apps:rtl:first-child { padding-right: 0; } #dashtodockContainer.bottom #dash .dash-item-container .app-well-app.running .overview-icon, #dashtodockContainer.bottom #dash .dash-item-container .running.grid-search-result .overview-icon { background-image: none; } #dashtodockContainer.bottom #dash .dash-item-container .app-well-app.focused .overview-icon, #dashtodockContainer.bottom #dash .dash-item-container .focused.grid-search-result .overview-icon { background-color: rgba(238, 238, 236, 0.2); } #dashtodockContainer.bottom #dash .dash-item-container .app-well-app .app-well-app-running-dot, #dashtodockContainer.bottom #dash .dash-item-container .grid-search-result .app-well-app-running-dot { margin-bottom: 2px; } #dashtodockContainer.bottom #dash .dash-item-container > StButton { transition-duration: 250; background-size: contain; } #dashtodockContainer.bottom.fixed #dash .dash-background { margin-top: 4px; } #dashtodockContainer.bottom.fixed #dash .dash-item-container .app-well-app, #dashtodockContainer.bottom.fixed #dash .dash-item-container .grid-search-result, #dashtodockContainer.bottom.fixed #dash .dash-item-container .show-apps { padding-top: 14px; } .dash-label.bottom { margin-bottom: 10px; -x-offset: 0; -y-offset: 0; } #dashtodockContainer.bottom.shrink #dash { margin: 0px; padding: 0px; } #dashtodockContainer.bottom.shrink #dash .dash-background { margin: 0; margin-bottom: 4px; padding: 0; border-radius: 14px; spacing: 2px; } #dashtodockContainer.bottom.shrink #dash .dash-separator { background-color: #c7c7c7; margin: 0 1px; width: 1px; height: 0; margin-bottom: 4px; } #dashtodockContainer.bottom.shrink #dash #dashtodockDashContainer { padding: 3px; padding-bottom: 0; padding-top: 0; } #dashtodockContainer.bottom.shrink #dash .dash-item-container { /* Disable all margins defined upstream, we handle them here */ margin: 0 2px; } #dashtodockContainer.bottom.shrink #dash .dash-item-container > * { margin: 0; } #dashtodockContainer.bottom.shrink #dash .dash-item-container:ltr:first-child, #dashtodockContainer.bottom.shrink #dash .dash-item-container:rtl:last-child { margin-left: 0; } #dashtodockContainer.bottom.shrink #dash .dash-item-container:ltr:last-child, #dashtodockContainer.bottom.shrink #dash .dash-item-container:rtl:first-child { margin-right: 0; } #dashtodockContainer.bottom.shrink #dash .dash-item-container .app-well-app, #dashtodockContainer.bottom.shrink #dash .dash-item-container .grid-search-result, #dashtodockContainer.bottom.shrink #dash .dash-item-container .show-apps { padding: 1px 1px; padding-bottom: 7px; padding-top: 3px; } #dashtodockContainer.bottom.shrink #dash .dash-item-container .app-well-app:ltr:first-child, #dashtodockContainer.bottom.shrink #dash .dash-item-container .grid-search-result:ltr:first-child, #dashtodockContainer.bottom.shrink #dash .dash-item-container .app-well-app:rtl:last-child, #dashtodockContainer.bottom.shrink #dash .dash-item-container .grid-search-result:rtl:last-child, #dashtodockContainer.bottom.shrink #dash .dash-item-container .show-apps:ltr:first-child, #dashtodockContainer.bottom.shrink #dash .dash-item-container .show-apps:rtl:last-child { padding-left: 0; } #dashtodockContainer.bottom.shrink #dash .dash-item-container .app-well-app:ltr:last-child, #dashtodockContainer.bottom.shrink #dash .dash-item-container .grid-search-result:ltr:last-child, #dashtodockContainer.bottom.shrink #dash .dash-item-container .app-well-app:rtl:first-child, #dashtodockContainer.bottom.shrink #dash .dash-item-container .grid-search-result:rtl:first-child, #dashtodockContainer.bottom.shrink #dash .dash-item-container .show-apps:ltr:last-child, #dashtodockContainer.bottom.shrink #dash .dash-item-container .show-apps:rtl:first-child { padding-right: 0; } #dashtodockContainer.bottom.shrink #dash .dash-item-container .app-well-app.running .overview-icon, #dashtodockContainer.bottom.shrink #dash .dash-item-container .running.grid-search-result .overview-icon { background-image: none; } #dashtodockContainer.bottom.shrink #dash .dash-item-container .app-well-app.focused .overview-icon, #dashtodockContainer.bottom.shrink #dash .dash-item-container .focused.grid-search-result .overview-icon { background-color: rgba(238, 238, 236, 0.2); } #dashtodockContainer.bottom.shrink #dash .dash-item-container .app-well-app .app-well-app-running-dot, #dashtodockContainer.bottom.shrink #dash .dash-item-container .grid-search-result .app-well-app-running-dot { margin-bottom: 2px; } #dashtodockContainer.bottom.shrink #dash .dash-item-container > StButton { transition-duration: 250; background-size: contain; } #dashtodockContainer.bottom.shrink.fixed #dash .dash-background { margin-top: 1px; } #dashtodockContainer.bottom.shrink.fixed #dash .dash-item-container .app-well-app, #dashtodockContainer.bottom.shrink.fixed #dash .dash-item-container .grid-search-result, #dashtodockContainer.bottom.shrink.fixed #dash .dash-item-container .show-apps { padding-top: 4px; } .dash-label.bottom.shrink { margin-bottom: 3px; -x-offset: 0; -y-offset: 0; } #dashtodockContainer.bottom.extended #dash { margin: 0px; padding: 0px; } #dashtodockContainer.bottom.extended #dash .dash-background { margin: 0; margin-bottom: 0; padding: 0; border-radius: 0; spacing: 6px; } #dashtodockContainer.bottom.extended #dash .dash-separator { background-color: #c7c7c7; margin: 0 4px; width: 1px; height: 0; margin-bottom: 0; } #dashtodockContainer.bottom.extended #dash #dashtodockDashContainer { padding: 0; padding-bottom: 0; padding-top: 0; } #dashtodockContainer.bottom.extended #dash #dashtodockDashContainer > :first-child .show-apps { padding-left: 8px; } #dashtodockContainer.bottom.extended #dash #dashtodockDashContainer #dashtodockDashScrollview:first-child { padding-left: 8px; } #dashtodockContainer.bottom.extended #dash #dashtodockDashContainer > :last-child .show-apps { padding-right: 8px; } #dashtodockContainer.bottom.extended #dash #dashtodockDashContainer #dashtodockDashScrollview:last-child { padding-right: 8px; } #dashtodockContainer.bottom.extended #dash .dash-item-container { /* Disable all margins defined upstream, we handle them here */ margin: 0 2px; } #dashtodockContainer.bottom.extended #dash .dash-item-container > * { margin: 0; } #dashtodockContainer.bottom.extended #dash .dash-item-container:ltr:first-child, #dashtodockContainer.bottom.extended #dash .dash-item-container:rtl:last-child { margin-left: 0; } #dashtodockContainer.bottom.extended #dash .dash-item-container:ltr:last-child, #dashtodockContainer.bottom.extended #dash .dash-item-container:rtl:first-child { margin-right: 0; } #dashtodockContainer.bottom.extended #dash .dash-item-container .app-well-app, #dashtodockContainer.bottom.extended #dash .dash-item-container .grid-search-result, #dashtodockContainer.bottom.extended #dash .dash-item-container .show-apps { padding: 2px 2px; padding-bottom: 10px; padding-top: 10px; } #dashtodockContainer.bottom.extended #dash .dash-item-container .app-well-app:ltr:first-child, #dashtodockContainer.bottom.extended #dash .dash-item-container .grid-search-result:ltr:first-child, #dashtodockContainer.bottom.extended #dash .dash-item-container .app-well-app:rtl:last-child, #dashtodockContainer.bottom.extended #dash .dash-item-container .grid-search-result:rtl:last-child, #dashtodockContainer.bottom.extended #dash .dash-item-container .show-apps:ltr:first-child, #dashtodockContainer.bottom.extended #dash .dash-item-container .show-apps:rtl:last-child { padding-left: 0; } #dashtodockContainer.bottom.extended #dash .dash-item-container .app-well-app:ltr:last-child, #dashtodockContainer.bottom.extended #dash .dash-item-container .grid-search-result:ltr:last-child, #dashtodockContainer.bottom.extended #dash .dash-item-container .app-well-app:rtl:first-child, #dashtodockContainer.bottom.extended #dash .dash-item-container .grid-search-result:rtl:first-child, #dashtodockContainer.bottom.extended #dash .dash-item-container .show-apps:ltr:last-child, #dashtodockContainer.bottom.extended #dash .dash-item-container .show-apps:rtl:first-child { padding-right: 0; } #dashtodockContainer.bottom.extended #dash .dash-item-container .app-well-app.running .overview-icon, #dashtodockContainer.bottom.extended #dash .dash-item-container .running.grid-search-result .overview-icon { background-image: none; } #dashtodockContainer.bottom.extended #dash .dash-item-container .app-well-app.focused .overview-icon, #dashtodockContainer.bottom.extended #dash .dash-item-container .focused.grid-search-result .overview-icon { background-color: rgba(238, 238, 236, 0.2); } #dashtodockContainer.bottom.extended #dash .dash-item-container .app-well-app .app-well-app-running-dot, #dashtodockContainer.bottom.extended #dash .dash-item-container .grid-search-result .app-well-app-running-dot { margin-bottom: 2px; } #dashtodockContainer.bottom.extended #dash .dash-item-container > StButton { transition-duration: 250; background-size: contain; } #dashtodockContainer.bottom.extended.fixed #dash .dash-background { margin-top: 0; } #dashtodockContainer.bottom.extended.fixed #dash .dash-item-container .app-well-app, #dashtodockContainer.bottom.extended.fixed #dash .dash-item-container .grid-search-result, #dashtodockContainer.bottom.extended.fixed #dash .dash-item-container .show-apps { padding-top: 10px; } .dash-label.bottom { margin-bottom: 10px; -x-offset: 0; -y-offset: 0; } #dashtodockContainer.bottom.extended.shrink #dash { margin: 0px; padding: 0px; } #dashtodockContainer.bottom.extended.shrink #dash .dash-background { margin: 0; margin-bottom: 0; padding: 0; border-radius: 0; spacing: 2px; } #dashtodockContainer.bottom.extended.shrink #dash .dash-separator { background-color: #c7c7c7; margin: 0 1px; width: 1px; height: 0; margin-bottom: 0; } #dashtodockContainer.bottom.extended.shrink #dash #dashtodockDashContainer { padding: 0; padding-bottom: 0; padding-top: 0; } #dashtodockContainer.bottom.extended.shrink #dash #dashtodockDashContainer > :first-child .show-apps { padding-left: 6px; } #dashtodockContainer.bottom.extended.shrink #dash #dashtodockDashContainer #dashtodockDashScrollview:first-child { padding-left: 6px; } #dashtodockContainer.bottom.extended.shrink #dash #dashtodockDashContainer > :last-child .show-apps { padding-right: 6px; } #dashtodockContainer.bottom.extended.shrink #dash #dashtodockDashContainer #dashtodockDashScrollview:last-child { padding-right: 6px; } #dashtodockContainer.bottom.extended.shrink #dash .dash-item-container { /* Disable all margins defined upstream, we handle them here */ margin: 0 2px; } #dashtodockContainer.bottom.extended.shrink #dash .dash-item-container > * { margin: 0; } #dashtodockContainer.bottom.extended.shrink #dash .dash-item-container:ltr:first-child, #dashtodockContainer.bottom.extended.shrink #dash .dash-item-container:rtl:last-child { margin-left: 0; } #dashtodockContainer.bottom.extended.shrink #dash .dash-item-container:ltr:last-child, #dashtodockContainer.bottom.extended.shrink #dash .dash-item-container:rtl:first-child { margin-right: 0; } #dashtodockContainer.bottom.extended.shrink #dash .dash-item-container .app-well-app, #dashtodockContainer.bottom.extended.shrink #dash .dash-item-container .grid-search-result, #dashtodockContainer.bottom.extended.shrink #dash .dash-item-container .show-apps { padding: 1px 1px; padding-bottom: 3px; padding-top: 3px; } #dashtodockContainer.bottom.extended.shrink #dash .dash-item-container .app-well-app:ltr:first-child, #dashtodockContainer.bottom.extended.shrink #dash .dash-item-container .grid-search-result:ltr:first-child, #dashtodockContainer.bottom.extended.shrink #dash .dash-item-container .app-well-app:rtl:last-child, #dashtodockContainer.bottom.extended.shrink #dash .dash-item-container .grid-search-result:rtl:last-child, #dashtodockContainer.bottom.extended.shrink #dash .dash-item-container .show-apps:ltr:first-child, #dashtodockContainer.bottom.extended.shrink #dash .dash-item-container .show-apps:rtl:last-child { padding-left: 0; } #dashtodockContainer.bottom.extended.shrink #dash .dash-item-container .app-well-app:ltr:last-child, #dashtodockContainer.bottom.extended.shrink #dash .dash-item-container .grid-search-result:ltr:last-child, #dashtodockContainer.bottom.extended.shrink #dash .dash-item-container .app-well-app:rtl:first-child, #dashtodockContainer.bottom.extended.shrink #dash .dash-item-container .grid-search-result:rtl:first-child, #dashtodockContainer.bottom.extended.shrink #dash .dash-item-container .show-apps:ltr:last-child, #dashtodockContainer.bottom.extended.shrink #dash .dash-item-container .show-apps:rtl:first-child { padding-right: 0; } #dashtodockContainer.bottom.extended.shrink #dash .dash-item-container .app-well-app.running .overview-icon, #dashtodockContainer.bottom.extended.shrink #dash .dash-item-container .running.grid-search-result .overview-icon { background-image: none; } #dashtodockContainer.bottom.extended.shrink #dash .dash-item-container .app-well-app.focused .overview-icon, #dashtodockContainer.bottom.extended.shrink #dash .dash-item-container .focused.grid-search-result .overview-icon { background-color: rgba(238, 238, 236, 0.2); } #dashtodockContainer.bottom.extended.shrink #dash .dash-item-container .app-well-app .app-well-app-running-dot, #dashtodockContainer.bottom.extended.shrink #dash .dash-item-container .grid-search-result .app-well-app-running-dot { margin-bottom: 2px; } #dashtodockContainer.bottom.extended.shrink #dash .dash-item-container > StButton { transition-duration: 250; background-size: contain; } #dashtodockContainer.bottom.extended.shrink.fixed #dash .dash-background { margin-top: 0; } #dashtodockContainer.bottom.extended.shrink.fixed #dash .dash-item-container .app-well-app, #dashtodockContainer.bottom.extended.shrink.fixed #dash .dash-item-container .grid-search-result, #dashtodockContainer.bottom.extended.shrink.fixed #dash .dash-item-container .show-apps { padding-top: 3px; } .dash-label.bottom.shrink { margin-bottom: 3px; -x-offset: 0; -y-offset: 0; } #dashtodockContainer.top #dash { margin: 0px; padding: 0px; } #dashtodockContainer.top #dash .dash-background { margin: 0; margin-top: 4px; padding: 0; border-radius: 18px; spacing: 6px; } #dashtodockContainer.top #dash .dash-separator { background-color: #c7c7c7; margin: 0 4px; width: 1px; height: 0; margin-top: 4px; } #dashtodockContainer.top #dash #dashtodockDashContainer { padding: 10px; padding-top: 0; padding-bottom: 0; } #dashtodockContainer.top #dash .dash-item-container { /* Disable all margins defined upstream, we handle them here */ margin: 0 2px; } #dashtodockContainer.top #dash .dash-item-container > * { margin: 0; } #dashtodockContainer.top #dash .dash-item-container:ltr:first-child, #dashtodockContainer.top #dash .dash-item-container:rtl:last-child { margin-left: 0; } #dashtodockContainer.top #dash .dash-item-container:ltr:last-child, #dashtodockContainer.top #dash .dash-item-container:rtl:first-child { margin-right: 0; } #dashtodockContainer.top #dash .dash-item-container .app-well-app, #dashtodockContainer.top #dash .dash-item-container .grid-search-result, #dashtodockContainer.top #dash .dash-item-container .show-apps { padding: 2px 2px; padding-top: 14px; padding-bottom: 10px; } #dashtodockContainer.top #dash .dash-item-container .app-well-app:ltr:first-child, #dashtodockContainer.top #dash .dash-item-container .grid-search-result:ltr:first-child, #dashtodockContainer.top #dash .dash-item-container .app-well-app:rtl:last-child, #dashtodockContainer.top #dash .dash-item-container .grid-search-result:rtl:last-child, #dashtodockContainer.top #dash .dash-item-container .show-apps:ltr:first-child, #dashtodockContainer.top #dash .dash-item-container .show-apps:rtl:last-child { padding-left: 0; } #dashtodockContainer.top #dash .dash-item-container .app-well-app:ltr:last-child, #dashtodockContainer.top #dash .dash-item-container .grid-search-result:ltr:last-child, #dashtodockContainer.top #dash .dash-item-container .app-well-app:rtl:first-child, #dashtodockContainer.top #dash .dash-item-container .grid-search-result:rtl:first-child, #dashtodockContainer.top #dash .dash-item-container .show-apps:ltr:last-child, #dashtodockContainer.top #dash .dash-item-container .show-apps:rtl:first-child { padding-right: 0; } #dashtodockContainer.top #dash .dash-item-container .app-well-app.running .overview-icon, #dashtodockContainer.top #dash .dash-item-container .running.grid-search-result .overview-icon { background-image: none; } #dashtodockContainer.top #dash .dash-item-container .app-well-app.focused .overview-icon, #dashtodockContainer.top #dash .dash-item-container .focused.grid-search-result .overview-icon { background-color: rgba(238, 238, 236, 0.2); } #dashtodockContainer.top #dash .dash-item-container .app-well-app .app-well-app-running-dot, #dashtodockContainer.top #dash .dash-item-container .grid-search-result .app-well-app-running-dot { margin-bottom: 2px; } #dashtodockContainer.top #dash .dash-item-container > StButton { transition-duration: 250; background-size: contain; } #dashtodockContainer.top.fixed #dash .dash-background { margin-bottom: 4px; } #dashtodockContainer.top.fixed #dash .dash-item-container .app-well-app, #dashtodockContainer.top.fixed #dash .dash-item-container .grid-search-result, #dashtodockContainer.top.fixed #dash .dash-item-container .show-apps { padding-bottom: 14px; } .dash-label.top { margin-top: 10px; -x-offset: 0; -y-offset: 0; } #dashtodockContainer.top.shrink #dash { margin: 0px; padding: 0px; } #dashtodockContainer.top.shrink #dash .dash-background { margin: 0; margin-top: 4px; padding: 0; border-radius: 14px; spacing: 2px; } #dashtodockContainer.top.shrink #dash .dash-separator { background-color: #c7c7c7; margin: 0 1px; width: 1px; height: 0; margin-top: 4px; } #dashtodockContainer.top.shrink #dash #dashtodockDashContainer { padding: 3px; padding-top: 0; padding-bottom: 0; } #dashtodockContainer.top.shrink #dash .dash-item-container { /* Disable all margins defined upstream, we handle them here */ margin: 0 2px; } #dashtodockContainer.top.shrink #dash .dash-item-container > * { margin: 0; } #dashtodockContainer.top.shrink #dash .dash-item-container:ltr:first-child, #dashtodockContainer.top.shrink #dash .dash-item-container:rtl:last-child { margin-left: 0; } #dashtodockContainer.top.shrink #dash .dash-item-container:ltr:last-child, #dashtodockContainer.top.shrink #dash .dash-item-container:rtl:first-child { margin-right: 0; } #dashtodockContainer.top.shrink #dash .dash-item-container .app-well-app, #dashtodockContainer.top.shrink #dash .dash-item-container .grid-search-result, #dashtodockContainer.top.shrink #dash .dash-item-container .show-apps { padding: 1px 1px; padding-top: 7px; padding-bottom: 3px; } #dashtodockContainer.top.shrink #dash .dash-item-container .app-well-app:ltr:first-child, #dashtodockContainer.top.shrink #dash .dash-item-container .grid-search-result:ltr:first-child, #dashtodockContainer.top.shrink #dash .dash-item-container .app-well-app:rtl:last-child, #dashtodockContainer.top.shrink #dash .dash-item-container .grid-search-result:rtl:last-child, #dashtodockContainer.top.shrink #dash .dash-item-container .show-apps:ltr:first-child, #dashtodockContainer.top.shrink #dash .dash-item-container .show-apps:rtl:last-child { padding-left: 0; } #dashtodockContainer.top.shrink #dash .dash-item-container .app-well-app:ltr:last-child, #dashtodockContainer.top.shrink #dash .dash-item-container .grid-search-result:ltr:last-child, #dashtodockContainer.top.shrink #dash .dash-item-container .app-well-app:rtl:first-child, #dashtodockContainer.top.shrink #dash .dash-item-container .grid-search-result:rtl:first-child, #dashtodockContainer.top.shrink #dash .dash-item-container .show-apps:ltr:last-child, #dashtodockContainer.top.shrink #dash .dash-item-container .show-apps:rtl:first-child { padding-right: 0; } #dashtodockContainer.top.shrink #dash .dash-item-container .app-well-app.running .overview-icon, #dashtodockContainer.top.shrink #dash .dash-item-container .running.grid-search-result .overview-icon { background-image: none; } #dashtodockContainer.top.shrink #dash .dash-item-container .app-well-app.focused .overview-icon, #dashtodockContainer.top.shrink #dash .dash-item-container .focused.grid-search-result .overview-icon { background-color: rgba(238, 238, 236, 0.2); } #dashtodockContainer.top.shrink #dash .dash-item-container .app-well-app .app-well-app-running-dot, #dashtodockContainer.top.shrink #dash .dash-item-container .grid-search-result .app-well-app-running-dot { margin-bottom: 2px; } #dashtodockContainer.top.shrink #dash .dash-item-container > StButton { transition-duration: 250; background-size: contain; } #dashtodockContainer.top.shrink.fixed #dash .dash-background { margin-bottom: 1px; } #dashtodockContainer.top.shrink.fixed #dash .dash-item-container .app-well-app, #dashtodockContainer.top.shrink.fixed #dash .dash-item-container .grid-search-result, #dashtodockContainer.top.shrink.fixed #dash .dash-item-container .show-apps { padding-bottom: 4px; } .dash-label.top.shrink { margin-top: 3px; -x-offset: 0; -y-offset: 0; } #dashtodockContainer.top.extended #dash { margin: 0px; padding: 0px; } #dashtodockContainer.top.extended #dash .dash-background { margin: 0; margin-top: 0; padding: 0; border-radius: 0; spacing: 6px; } #dashtodockContainer.top.extended #dash .dash-separator { background-color: #c7c7c7; margin: 0 4px; width: 1px; height: 0; margin-top: 0; } #dashtodockContainer.top.extended #dash #dashtodockDashContainer { padding: 0; padding-top: 0; padding-bottom: 0; } #dashtodockContainer.top.extended #dash #dashtodockDashContainer > :first-child .show-apps { padding-left: 8px; } #dashtodockContainer.top.extended #dash #dashtodockDashContainer #dashtodockDashScrollview:first-child { padding-left: 8px; } #dashtodockContainer.top.extended #dash #dashtodockDashContainer > :last-child .show-apps { padding-right: 8px; } #dashtodockContainer.top.extended #dash #dashtodockDashContainer #dashtodockDashScrollview:last-child { padding-right: 8px; } #dashtodockContainer.top.extended #dash .dash-item-container { /* Disable all margins defined upstream, we handle them here */ margin: 0 2px; } #dashtodockContainer.top.extended #dash .dash-item-container > * { margin: 0; } #dashtodockContainer.top.extended #dash .dash-item-container:ltr:first-child, #dashtodockContainer.top.extended #dash .dash-item-container:rtl:last-child { margin-left: 0; } #dashtodockContainer.top.extended #dash .dash-item-container:ltr:last-child, #dashtodockContainer.top.extended #dash .dash-item-container:rtl:first-child { margin-right: 0; } #dashtodockContainer.top.extended #dash .dash-item-container .app-well-app, #dashtodockContainer.top.extended #dash .dash-item-container .grid-search-result, #dashtodockContainer.top.extended #dash .dash-item-container .show-apps { padding: 2px 2px; padding-top: 10px; padding-bottom: 10px; } #dashtodockContainer.top.extended #dash .dash-item-container .app-well-app:ltr:first-child, #dashtodockContainer.top.extended #dash .dash-item-container .grid-search-result:ltr:first-child, #dashtodockContainer.top.extended #dash .dash-item-container .app-well-app:rtl:last-child, #dashtodockContainer.top.extended #dash .dash-item-container .grid-search-result:rtl:last-child, #dashtodockContainer.top.extended #dash .dash-item-container .show-apps:ltr:first-child, #dashtodockContainer.top.extended #dash .dash-item-container .show-apps:rtl:last-child { padding-left: 0; } #dashtodockContainer.top.extended #dash .dash-item-container .app-well-app:ltr:last-child, #dashtodockContainer.top.extended #dash .dash-item-container .grid-search-result:ltr:last-child, #dashtodockContainer.top.extended #dash .dash-item-container .app-well-app:rtl:first-child, #dashtodockContainer.top.extended #dash .dash-item-container .grid-search-result:rtl:first-child, #dashtodockContainer.top.extended #dash .dash-item-container .show-apps:ltr:last-child, #dashtodockContainer.top.extended #dash .dash-item-container .show-apps:rtl:first-child { padding-right: 0; } #dashtodockContainer.top.extended #dash .dash-item-container .app-well-app.running .overview-icon, #dashtodockContainer.top.extended #dash .dash-item-container .running.grid-search-result .overview-icon { background-image: none; } #dashtodockContainer.top.extended #dash .dash-item-container .app-well-app.focused .overview-icon, #dashtodockContainer.top.extended #dash .dash-item-container .focused.grid-search-result .overview-icon { background-color: rgba(238, 238, 236, 0.2); } #dashtodockContainer.top.extended #dash .dash-item-container .app-well-app .app-well-app-running-dot, #dashtodockContainer.top.extended #dash .dash-item-container .grid-search-result .app-well-app-running-dot { margin-bottom: 2px; } #dashtodockContainer.top.extended #dash .dash-item-container > StButton { transition-duration: 250; background-size: contain; } #dashtodockContainer.top.extended.fixed #dash .dash-background { margin-bottom: 0; } #dashtodockContainer.top.extended.fixed #dash .dash-item-container .app-well-app, #dashtodockContainer.top.extended.fixed #dash .dash-item-container .grid-search-result, #dashtodockContainer.top.extended.fixed #dash .dash-item-container .show-apps { padding-bottom: 10px; } .dash-label.top { margin-top: 10px; -x-offset: 0; -y-offset: 0; } #dashtodockContainer.top.extended.shrink #dash { margin: 0px; padding: 0px; } #dashtodockContainer.top.extended.shrink #dash .dash-background { margin: 0; margin-top: 0; padding: 0; border-radius: 0; spacing: 2px; } #dashtodockContainer.top.extended.shrink #dash .dash-separator { background-color: #c7c7c7; margin: 0 1px; width: 1px; height: 0; margin-top: 0; } #dashtodockContainer.top.extended.shrink #dash #dashtodockDashContainer { padding: 0; padding-top: 0; padding-bottom: 0; } #dashtodockContainer.top.extended.shrink #dash #dashtodockDashContainer > :first-child .show-apps { padding-left: 6px; } #dashtodockContainer.top.extended.shrink #dash #dashtodockDashContainer #dashtodockDashScrollview:first-child { padding-left: 6px; } #dashtodockContainer.top.extended.shrink #dash #dashtodockDashContainer > :last-child .show-apps { padding-right: 6px; } #dashtodockContainer.top.extended.shrink #dash #dashtodockDashContainer #dashtodockDashScrollview:last-child { padding-right: 6px; } #dashtodockContainer.top.extended.shrink #dash .dash-item-container { /* Disable all margins defined upstream, we handle them here */ margin: 0 2px; } #dashtodockContainer.top.extended.shrink #dash .dash-item-container > * { margin: 0; } #dashtodockContainer.top.extended.shrink #dash .dash-item-container:ltr:first-child, #dashtodockContainer.top.extended.shrink #dash .dash-item-container:rtl:last-child { margin-left: 0; } #dashtodockContainer.top.extended.shrink #dash .dash-item-container:ltr:last-child, #dashtodockContainer.top.extended.shrink #dash .dash-item-container:rtl:first-child { margin-right: 0; } #dashtodockContainer.top.extended.shrink #dash .dash-item-container .app-well-app, #dashtodockContainer.top.extended.shrink #dash .dash-item-container .grid-search-result, #dashtodockContainer.top.extended.shrink #dash .dash-item-container .show-apps { padding: 1px 1px; padding-top: 3px; padding-bottom: 3px; } #dashtodockContainer.top.extended.shrink #dash .dash-item-container .app-well-app:ltr:first-child, #dashtodockContainer.top.extended.shrink #dash .dash-item-container .grid-search-result:ltr:first-child, #dashtodockContainer.top.extended.shrink #dash .dash-item-container .app-well-app:rtl:last-child, #dashtodockContainer.top.extended.shrink #dash .dash-item-container .grid-search-result:rtl:last-child, #dashtodockContainer.top.extended.shrink #dash .dash-item-container .show-apps:ltr:first-child, #dashtodockContainer.top.extended.shrink #dash .dash-item-container .show-apps:rtl:last-child { padding-left: 0; } #dashtodockContainer.top.extended.shrink #dash .dash-item-container .app-well-app:ltr:last-child, #dashtodockContainer.top.extended.shrink #dash .dash-item-container .grid-search-result:ltr:last-child, #dashtodockContainer.top.extended.shrink #dash .dash-item-container .app-well-app:rtl:first-child, #dashtodockContainer.top.extended.shrink #dash .dash-item-container .grid-search-result:rtl:first-child, #dashtodockContainer.top.extended.shrink #dash .dash-item-container .show-apps:ltr:last-child, #dashtodockContainer.top.extended.shrink #dash .dash-item-container .show-apps:rtl:first-child { padding-right: 0; } #dashtodockContainer.top.extended.shrink #dash .dash-item-container .app-well-app.running .overview-icon, #dashtodockContainer.top.extended.shrink #dash .dash-item-container .running.grid-search-result .overview-icon { background-image: none; } #dashtodockContainer.top.extended.shrink #dash .dash-item-container .app-well-app.focused .overview-icon, #dashtodockContainer.top.extended.shrink #dash .dash-item-container .focused.grid-search-result .overview-icon { background-color: rgba(238, 238, 236, 0.2); } #dashtodockContainer.top.extended.shrink #dash .dash-item-container .app-well-app .app-well-app-running-dot, #dashtodockContainer.top.extended.shrink #dash .dash-item-container .grid-search-result .app-well-app-running-dot { margin-bottom: 2px; } #dashtodockContainer.top.extended.shrink #dash .dash-item-container > StButton { transition-duration: 250; background-size: contain; } #dashtodockContainer.top.extended.shrink.fixed #dash .dash-background { margin-bottom: 0; } #dashtodockContainer.top.extended.shrink.fixed #dash .dash-item-container .app-well-app, #dashtodockContainer.top.extended.shrink.fixed #dash .dash-item-container .grid-search-result, #dashtodockContainer.top.extended.shrink.fixed #dash .dash-item-container .show-apps { padding-bottom: 3px; } .dash-label.top.shrink { margin-top: 3px; -x-offset: 0; -y-offset: 0; } #dashtodockContainer.left #dash { margin: 0px; padding: 0px; } #dashtodockContainer.left #dash .dash-background { margin: 0; margin-left: 4px; padding: 0; border-radius: 18px; spacing: 6px; } #dashtodockContainer.left #dash .dash-separator { background-color: #c7c7c7; width: 0; height: 1px; margin: 4px 0; margin-left: 4px; } #dashtodockContainer.left #dash #dashtodockDashContainer { padding: 10px; padding-left: 0; padding-right: 0; } #dashtodockContainer.left #dash .dash-item-container { /* Disable all margins defined upstream, we handle them here */ margin: 2px 0; } #dashtodockContainer.left #dash .dash-item-container > * { margin: 0; } #dashtodockContainer.left #dash .dash-item-container:first-child { margin-top: 0; } #dashtodockContainer.left #dash .dash-item-container:last-child { margin-bottom: 0; } #dashtodockContainer.left #dash .dash-item-container .app-well-app, #dashtodockContainer.left #dash .dash-item-container .grid-search-result, #dashtodockContainer.left #dash .dash-item-container .show-apps { padding: 2px 2px; padding-left: 14px; padding-right: 10px; } #dashtodockContainer.left #dash .dash-item-container .app-well-app:first-child, #dashtodockContainer.left #dash .dash-item-container .grid-search-result:first-child, #dashtodockContainer.left #dash .dash-item-container .show-apps:first-child { padding-top: 0; } #dashtodockContainer.left #dash .dash-item-container .app-well-app:last-child, #dashtodockContainer.left #dash .dash-item-container .grid-search-result:last-child, #dashtodockContainer.left #dash .dash-item-container .show-apps:last-child { padding-bottom: 0; } #dashtodockContainer.left #dash .dash-item-container .app-well-app.running .overview-icon, #dashtodockContainer.left #dash .dash-item-container .running.grid-search-result .overview-icon { background-image: none; } #dashtodockContainer.left #dash .dash-item-container .app-well-app.focused .overview-icon, #dashtodockContainer.left #dash .dash-item-container .focused.grid-search-result .overview-icon { background-color: rgba(238, 238, 236, 0.2); } #dashtodockContainer.left #dash .dash-item-container .app-well-app .app-well-app-running-dot, #dashtodockContainer.left #dash .dash-item-container .grid-search-result .app-well-app-running-dot { margin-bottom: 2px; } #dashtodockContainer.left #dash .dash-item-container > StButton { transition-duration: 250; background-size: contain; } #dashtodockContainer.left.fixed #dash .dash-background { margin-right: 4px; } #dashtodockContainer.left.fixed #dash .dash-item-container .app-well-app, #dashtodockContainer.left.fixed #dash .dash-item-container .grid-search-result, #dashtodockContainer.left.fixed #dash .dash-item-container .show-apps { padding-right: 14px; } .dash-label.left { margin: 0; -x-offset: 10px; -y-offset: 0; } #dashtodockContainer.left.shrink #dash { margin: 0px; padding: 0px; } #dashtodockContainer.left.shrink #dash .dash-background { margin: 0; margin-left: 4px; padding: 0; border-radius: 14px; spacing: 2px; } #dashtodockContainer.left.shrink #dash .dash-separator { background-color: #c7c7c7; width: 0; height: 1px; margin: 1px 0; margin-left: 4px; } #dashtodockContainer.left.shrink #dash #dashtodockDashContainer { padding: 3px; padding-left: 0; padding-right: 0; } #dashtodockContainer.left.shrink #dash .dash-item-container { /* Disable all margins defined upstream, we handle them here */ margin: 2px 0; } #dashtodockContainer.left.shrink #dash .dash-item-container > * { margin: 0; } #dashtodockContainer.left.shrink #dash .dash-item-container:first-child { margin-top: 0; } #dashtodockContainer.left.shrink #dash .dash-item-container:last-child { margin-bottom: 0; } #dashtodockContainer.left.shrink #dash .dash-item-container .app-well-app, #dashtodockContainer.left.shrink #dash .dash-item-container .grid-search-result, #dashtodockContainer.left.shrink #dash .dash-item-container .show-apps { padding: 1px 1px; padding-left: 7px; padding-right: 3px; } #dashtodockContainer.left.shrink #dash .dash-item-container .app-well-app:first-child, #dashtodockContainer.left.shrink #dash .dash-item-container .grid-search-result:first-child, #dashtodockContainer.left.shrink #dash .dash-item-container .show-apps:first-child { padding-top: 0; } #dashtodockContainer.left.shrink #dash .dash-item-container .app-well-app:last-child, #dashtodockContainer.left.shrink #dash .dash-item-container .grid-search-result:last-child, #dashtodockContainer.left.shrink #dash .dash-item-container .show-apps:last-child { padding-bottom: 0; } #dashtodockContainer.left.shrink #dash .dash-item-container .app-well-app.running .overview-icon, #dashtodockContainer.left.shrink #dash .dash-item-container .running.grid-search-result .overview-icon { background-image: none; } #dashtodockContainer.left.shrink #dash .dash-item-container .app-well-app.focused .overview-icon, #dashtodockContainer.left.shrink #dash .dash-item-container .focused.grid-search-result .overview-icon { background-color: rgba(238, 238, 236, 0.2); } #dashtodockContainer.left.shrink #dash .dash-item-container .app-well-app .app-well-app-running-dot, #dashtodockContainer.left.shrink #dash .dash-item-container .grid-search-result .app-well-app-running-dot { margin-bottom: 2px; } #dashtodockContainer.left.shrink #dash .dash-item-container > StButton { transition-duration: 250; background-size: contain; } #dashtodockContainer.left.shrink.fixed #dash .dash-background { margin-right: 1px; } #dashtodockContainer.left.shrink.fixed #dash .dash-item-container .app-well-app, #dashtodockContainer.left.shrink.fixed #dash .dash-item-container .grid-search-result, #dashtodockContainer.left.shrink.fixed #dash .dash-item-container .show-apps { padding-right: 4px; } .dash-label.left.shrink { margin: 0; -x-offset: 3px; -y-offset: 0; } #dashtodockContainer.left.extended #dash { margin: 0px; padding: 0px; } #dashtodockContainer.left.extended #dash .dash-background { margin: 0; margin-left: 0; padding: 0; border-radius: 0; spacing: 6px; } #dashtodockContainer.left.extended #dash .dash-separator { background-color: #c7c7c7; width: 0; height: 1px; margin: 4px 0; margin-left: 0; } #dashtodockContainer.left.extended #dash #dashtodockDashContainer { padding: 0; padding-left: 0; padding-right: 0; } #dashtodockContainer.left.extended #dash #dashtodockDashContainer > :first-child .show-apps { padding-top: 8px; } #dashtodockContainer.left.extended #dash #dashtodockDashContainer #dashtodockDashScrollview:first-child { padding-top: 8px; } #dashtodockContainer.left.extended #dash #dashtodockDashContainer > :last-child .show-apps { padding-bottom: 8px; } #dashtodockContainer.left.extended #dash #dashtodockDashContainer #dashtodockDashScrollview:last-child { padding-bottom: 8px; } #dashtodockContainer.left.extended #dash .dash-item-container { /* Disable all margins defined upstream, we handle them here */ margin: 2px 0; } #dashtodockContainer.left.extended #dash .dash-item-container > * { margin: 0; } #dashtodockContainer.left.extended #dash .dash-item-container:first-child { margin-top: 0; } #dashtodockContainer.left.extended #dash .dash-item-container:last-child { margin-bottom: 0; } #dashtodockContainer.left.extended #dash .dash-item-container .app-well-app, #dashtodockContainer.left.extended #dash .dash-item-container .grid-search-result, #dashtodockContainer.left.extended #dash .dash-item-container .show-apps { padding: 2px 2px; padding-left: 10px; padding-right: 10px; } #dashtodockContainer.left.extended #dash .dash-item-container .app-well-app:first-child, #dashtodockContainer.left.extended #dash .dash-item-container .grid-search-result:first-child, #dashtodockContainer.left.extended #dash .dash-item-container .show-apps:first-child { padding-top: 0; } #dashtodockContainer.left.extended #dash .dash-item-container .app-well-app:last-child, #dashtodockContainer.left.extended #dash .dash-item-container .grid-search-result:last-child, #dashtodockContainer.left.extended #dash .dash-item-container .show-apps:last-child { padding-bottom: 0; } #dashtodockContainer.left.extended #dash .dash-item-container .app-well-app.running .overview-icon, #dashtodockContainer.left.extended #dash .dash-item-container .running.grid-search-result .overview-icon { background-image: none; } #dashtodockContainer.left.extended #dash .dash-item-container .app-well-app.focused .overview-icon, #dashtodockContainer.left.extended #dash .dash-item-container .focused.grid-search-result .overview-icon { background-color: rgba(238, 238, 236, 0.2); } #dashtodockContainer.left.extended #dash .dash-item-container .app-well-app .app-well-app-running-dot, #dashtodockContainer.left.extended #dash .dash-item-container .grid-search-result .app-well-app-running-dot { margin-bottom: 2px; } #dashtodockContainer.left.extended #dash .dash-item-container > StButton { transition-duration: 250; background-size: contain; } #dashtodockContainer.left.extended.fixed #dash .dash-background { margin-right: 0; } #dashtodockContainer.left.extended.fixed #dash .dash-item-container .app-well-app, #dashtodockContainer.left.extended.fixed #dash .dash-item-container .grid-search-result, #dashtodockContainer.left.extended.fixed #dash .dash-item-container .show-apps { padding-right: 10px; } .dash-label.left { margin: 0; -x-offset: 10px; -y-offset: 0; } #dashtodockContainer.left.extended.shrink #dash { margin: 0px; padding: 0px; } #dashtodockContainer.left.extended.shrink #dash .dash-background { margin: 0; margin-left: 0; padding: 0; border-radius: 0; spacing: 2px; } #dashtodockContainer.left.extended.shrink #dash .dash-separator { background-color: #c7c7c7; width: 0; height: 1px; margin: 1px 0; margin-left: 0; } #dashtodockContainer.left.extended.shrink #dash #dashtodockDashContainer { padding: 0; padding-left: 0; padding-right: 0; } #dashtodockContainer.left.extended.shrink #dash #dashtodockDashContainer > :first-child .show-apps { padding-top: 6px; } #dashtodockContainer.left.extended.shrink #dash #dashtodockDashContainer #dashtodockDashScrollview:first-child { padding-top: 6px; } #dashtodockContainer.left.extended.shrink #dash #dashtodockDashContainer > :last-child .show-apps { padding-bottom: 6px; } #dashtodockContainer.left.extended.shrink #dash #dashtodockDashContainer #dashtodockDashScrollview:last-child { padding-bottom: 6px; } #dashtodockContainer.left.extended.shrink #dash .dash-item-container { /* Disable all margins defined upstream, we handle them here */ margin: 2px 0; } #dashtodockContainer.left.extended.shrink #dash .dash-item-container > * { margin: 0; } #dashtodockContainer.left.extended.shrink #dash .dash-item-container:first-child { margin-top: 0; } #dashtodockContainer.left.extended.shrink #dash .dash-item-container:last-child { margin-bottom: 0; } #dashtodockContainer.left.extended.shrink #dash .dash-item-container .app-well-app, #dashtodockContainer.left.extended.shrink #dash .dash-item-container .grid-search-result, #dashtodockContainer.left.extended.shrink #dash .dash-item-container .show-apps { padding: 1px 1px; padding-left: 3px; padding-right: 3px; } #dashtodockContainer.left.extended.shrink #dash .dash-item-container .app-well-app:first-child, #dashtodockContainer.left.extended.shrink #dash .dash-item-container .grid-search-result:first-child, #dashtodockContainer.left.extended.shrink #dash .dash-item-container .show-apps:first-child { padding-top: 0; } #dashtodockContainer.left.extended.shrink #dash .dash-item-container .app-well-app:last-child, #dashtodockContainer.left.extended.shrink #dash .dash-item-container .grid-search-result:last-child, #dashtodockContainer.left.extended.shrink #dash .dash-item-container .show-apps:last-child { padding-bottom: 0; } #dashtodockContainer.left.extended.shrink #dash .dash-item-container .app-well-app.running .overview-icon, #dashtodockContainer.left.extended.shrink #dash .dash-item-container .running.grid-search-result .overview-icon { background-image: none; } #dashtodockContainer.left.extended.shrink #dash .dash-item-container .app-well-app.focused .overview-icon, #dashtodockContainer.left.extended.shrink #dash .dash-item-container .focused.grid-search-result .overview-icon { background-color: rgba(238, 238, 236, 0.2); } #dashtodockContainer.left.extended.shrink #dash .dash-item-container .app-well-app .app-well-app-running-dot, #dashtodockContainer.left.extended.shrink #dash .dash-item-container .grid-search-result .app-well-app-running-dot { margin-bottom: 2px; } #dashtodockContainer.left.extended.shrink #dash .dash-item-container > StButton { transition-duration: 250; background-size: contain; } #dashtodockContainer.left.extended.shrink.fixed #dash .dash-background { margin-right: 0; } #dashtodockContainer.left.extended.shrink.fixed #dash .dash-item-container .app-well-app, #dashtodockContainer.left.extended.shrink.fixed #dash .dash-item-container .grid-search-result, #dashtodockContainer.left.extended.shrink.fixed #dash .dash-item-container .show-apps { padding-right: 3px; } .dash-label.left.shrink { margin: 0; -x-offset: 3px; -y-offset: 0; } #dashtodockContainer.right #dash { margin: 0px; padding: 0px; } #dashtodockContainer.right #dash .dash-background { margin: 0; margin-right: 4px; padding: 0; border-radius: 18px; spacing: 6px; } #dashtodockContainer.right #dash .dash-separator { background-color: #c7c7c7; width: 0; height: 1px; margin: 4px 0; margin-right: 4px; } #dashtodockContainer.right #dash #dashtodockDashContainer { padding: 10px; padding-right: 0; padding-left: 0; } #dashtodockContainer.right #dash .dash-item-container { /* Disable all margins defined upstream, we handle them here */ margin: 2px 0; } #dashtodockContainer.right #dash .dash-item-container > * { margin: 0; } #dashtodockContainer.right #dash .dash-item-container:first-child { margin-top: 0; } #dashtodockContainer.right #dash .dash-item-container:last-child { margin-bottom: 0; } #dashtodockContainer.right #dash .dash-item-container .app-well-app, #dashtodockContainer.right #dash .dash-item-container .grid-search-result, #dashtodockContainer.right #dash .dash-item-container .show-apps { padding: 2px 2px; padding-right: 14px; padding-left: 10px; } #dashtodockContainer.right #dash .dash-item-container .app-well-app:first-child, #dashtodockContainer.right #dash .dash-item-container .grid-search-result:first-child, #dashtodockContainer.right #dash .dash-item-container .show-apps:first-child { padding-top: 0; } #dashtodockContainer.right #dash .dash-item-container .app-well-app:last-child, #dashtodockContainer.right #dash .dash-item-container .grid-search-result:last-child, #dashtodockContainer.right #dash .dash-item-container .show-apps:last-child { padding-bottom: 0; } #dashtodockContainer.right #dash .dash-item-container .app-well-app.running .overview-icon, #dashtodockContainer.right #dash .dash-item-container .running.grid-search-result .overview-icon { background-image: none; } #dashtodockContainer.right #dash .dash-item-container .app-well-app.focused .overview-icon, #dashtodockContainer.right #dash .dash-item-container .focused.grid-search-result .overview-icon { background-color: rgba(238, 238, 236, 0.2); } #dashtodockContainer.right #dash .dash-item-container .app-well-app .app-well-app-running-dot, #dashtodockContainer.right #dash .dash-item-container .grid-search-result .app-well-app-running-dot { margin-bottom: 2px; } #dashtodockContainer.right #dash .dash-item-container > StButton { transition-duration: 250; background-size: contain; } #dashtodockContainer.right.fixed #dash .dash-background { margin-left: 4px; } #dashtodockContainer.right.fixed #dash .dash-item-container .app-well-app, #dashtodockContainer.right.fixed #dash .dash-item-container .grid-search-result, #dashtodockContainer.right.fixed #dash .dash-item-container .show-apps { padding-left: 14px; } .dash-label.right { margin: 0; -x-offset: 10px; -y-offset: 0; } #dashtodockContainer.right.shrink #dash { margin: 0px; padding: 0px; } #dashtodockContainer.right.shrink #dash .dash-background { margin: 0; margin-right: 4px; padding: 0; border-radius: 14px; spacing: 2px; } #dashtodockContainer.right.shrink #dash .dash-separator { background-color: #c7c7c7; width: 0; height: 1px; margin: 1px 0; margin-right: 4px; } #dashtodockContainer.right.shrink #dash #dashtodockDashContainer { padding: 3px; padding-right: 0; padding-left: 0; } #dashtodockContainer.right.shrink #dash .dash-item-container { /* Disable all margins defined upstream, we handle them here */ margin: 2px 0; } #dashtodockContainer.right.shrink #dash .dash-item-container > * { margin: 0; } #dashtodockContainer.right.shrink #dash .dash-item-container:first-child { margin-top: 0; } #dashtodockContainer.right.shrink #dash .dash-item-container:last-child { margin-bottom: 0; } #dashtodockContainer.right.shrink #dash .dash-item-container .app-well-app, #dashtodockContainer.right.shrink #dash .dash-item-container .grid-search-result, #dashtodockContainer.right.shrink #dash .dash-item-container .show-apps { padding: 1px 1px; padding-right: 7px; padding-left: 3px; } #dashtodockContainer.right.shrink #dash .dash-item-container .app-well-app:first-child, #dashtodockContainer.right.shrink #dash .dash-item-container .grid-search-result:first-child, #dashtodockContainer.right.shrink #dash .dash-item-container .show-apps:first-child { padding-top: 0; } #dashtodockContainer.right.shrink #dash .dash-item-container .app-well-app:last-child, #dashtodockContainer.right.shrink #dash .dash-item-container .grid-search-result:last-child, #dashtodockContainer.right.shrink #dash .dash-item-container .show-apps:last-child { padding-bottom: 0; } #dashtodockContainer.right.shrink #dash .dash-item-container .app-well-app.running .overview-icon, #dashtodockContainer.right.shrink #dash .dash-item-container .running.grid-search-result .overview-icon { background-image: none; } #dashtodockContainer.right.shrink #dash .dash-item-container .app-well-app.focused .overview-icon, #dashtodockContainer.right.shrink #dash .dash-item-container .focused.grid-search-result .overview-icon { background-color: rgba(238, 238, 236, 0.2); } #dashtodockContainer.right.shrink #dash .dash-item-container .app-well-app .app-well-app-running-dot, #dashtodockContainer.right.shrink #dash .dash-item-container .grid-search-result .app-well-app-running-dot { margin-bottom: 2px; } #dashtodockContainer.right.shrink #dash .dash-item-container > StButton { transition-duration: 250; background-size: contain; } #dashtodockContainer.right.shrink.fixed #dash .dash-background { margin-left: 1px; } #dashtodockContainer.right.shrink.fixed #dash .dash-item-container .app-well-app, #dashtodockContainer.right.shrink.fixed #dash .dash-item-container .grid-search-result, #dashtodockContainer.right.shrink.fixed #dash .dash-item-container .show-apps { padding-left: 4px; } .dash-label.right.shrink { margin: 0; -x-offset: 3px; -y-offset: 0; } #dashtodockContainer.right.extended #dash { margin: 0px; padding: 0px; } #dashtodockContainer.right.extended #dash .dash-background { margin: 0; margin-right: 0; padding: 0; border-radius: 0; spacing: 6px; } #dashtodockContainer.right.extended #dash .dash-separator { background-color: #c7c7c7; width: 0; height: 1px; margin: 4px 0; margin-right: 0; } #dashtodockContainer.right.extended #dash #dashtodockDashContainer { padding: 0; padding-right: 0; padding-left: 0; } #dashtodockContainer.right.extended #dash #dashtodockDashContainer > :first-child .show-apps { padding-top: 8px; } #dashtodockContainer.right.extended #dash #dashtodockDashContainer #dashtodockDashScrollview:first-child { padding-top: 8px; } #dashtodockContainer.right.extended #dash #dashtodockDashContainer > :last-child .show-apps { padding-bottom: 8px; } #dashtodockContainer.right.extended #dash #dashtodockDashContainer #dashtodockDashScrollview:last-child { padding-bottom: 8px; } #dashtodockContainer.right.extended #dash .dash-item-container { /* Disable all margins defined upstream, we handle them here */ margin: 2px 0; } #dashtodockContainer.right.extended #dash .dash-item-container > * { margin: 0; } #dashtodockContainer.right.extended #dash .dash-item-container:first-child { margin-top: 0; } #dashtodockContainer.right.extended #dash .dash-item-container:last-child { margin-bottom: 0; } #dashtodockContainer.right.extended #dash .dash-item-container .app-well-app, #dashtodockContainer.right.extended #dash .dash-item-container .grid-search-result, #dashtodockContainer.right.extended #dash .dash-item-container .show-apps { padding: 2px 2px; padding-right: 10px; padding-left: 10px; } #dashtodockContainer.right.extended #dash .dash-item-container .app-well-app:first-child, #dashtodockContainer.right.extended #dash .dash-item-container .grid-search-result:first-child, #dashtodockContainer.right.extended #dash .dash-item-container .show-apps:first-child { padding-top: 0; } #dashtodockContainer.right.extended #dash .dash-item-container .app-well-app:last-child, #dashtodockContainer.right.extended #dash .dash-item-container .grid-search-result:last-child, #dashtodockContainer.right.extended #dash .dash-item-container .show-apps:last-child { padding-bottom: 0; } #dashtodockContainer.right.extended #dash .dash-item-container .app-well-app.running .overview-icon, #dashtodockContainer.right.extended #dash .dash-item-container .running.grid-search-result .overview-icon { background-image: none; } #dashtodockContainer.right.extended #dash .dash-item-container .app-well-app.focused .overview-icon, #dashtodockContainer.right.extended #dash .dash-item-container .focused.grid-search-result .overview-icon { background-color: rgba(238, 238, 236, 0.2); } #dashtodockContainer.right.extended #dash .dash-item-container .app-well-app .app-well-app-running-dot, #dashtodockContainer.right.extended #dash .dash-item-container .grid-search-result .app-well-app-running-dot { margin-bottom: 2px; } #dashtodockContainer.right.extended #dash .dash-item-container > StButton { transition-duration: 250; background-size: contain; } #dashtodockContainer.right.extended.fixed #dash .dash-background { margin-left: 0; } #dashtodockContainer.right.extended.fixed #dash .dash-item-container .app-well-app, #dashtodockContainer.right.extended.fixed #dash .dash-item-container .grid-search-result, #dashtodockContainer.right.extended.fixed #dash .dash-item-container .show-apps { padding-left: 10px; } .dash-label.right { margin: 0; -x-offset: 10px; -y-offset: 0; } #dashtodockContainer.right.extended.shrink #dash { margin: 0px; padding: 0px; } #dashtodockContainer.right.extended.shrink #dash .dash-background { margin: 0; margin-right: 0; padding: 0; border-radius: 0; spacing: 2px; } #dashtodockContainer.right.extended.shrink #dash .dash-separator { background-color: #c7c7c7; width: 0; height: 1px; margin: 1px 0; margin-right: 0; } #dashtodockContainer.right.extended.shrink #dash #dashtodockDashContainer { padding: 0; padding-right: 0; padding-left: 0; } #dashtodockContainer.right.extended.shrink #dash #dashtodockDashContainer > :first-child .show-apps { padding-top: 6px; } #dashtodockContainer.right.extended.shrink #dash #dashtodockDashContainer #dashtodockDashScrollview:first-child { padding-top: 6px; } #dashtodockContainer.right.extended.shrink #dash #dashtodockDashContainer > :last-child .show-apps { padding-bottom: 6px; } #dashtodockContainer.right.extended.shrink #dash #dashtodockDashContainer #dashtodockDashScrollview:last-child { padding-bottom: 6px; } #dashtodockContainer.right.extended.shrink #dash .dash-item-container { /* Disable all margins defined upstream, we handle them here */ margin: 2px 0; } #dashtodockContainer.right.extended.shrink #dash .dash-item-container > * { margin: 0; } #dashtodockContainer.right.extended.shrink #dash .dash-item-container:first-child { margin-top: 0; } #dashtodockContainer.right.extended.shrink #dash .dash-item-container:last-child { margin-bottom: 0; } #dashtodockContainer.right.extended.shrink #dash .dash-item-container .app-well-app, #dashtodockContainer.right.extended.shrink #dash .dash-item-container .grid-search-result, #dashtodockContainer.right.extended.shrink #dash .dash-item-container .show-apps { padding: 1px 1px; padding-right: 3px; padding-left: 3px; } #dashtodockContainer.right.extended.shrink #dash .dash-item-container .app-well-app:first-child, #dashtodockContainer.right.extended.shrink #dash .dash-item-container .grid-search-result:first-child, #dashtodockContainer.right.extended.shrink #dash .dash-item-container .show-apps:first-child { padding-top: 0; } #dashtodockContainer.right.extended.shrink #dash .dash-item-container .app-well-app:last-child, #dashtodockContainer.right.extended.shrink #dash .dash-item-container .grid-search-result:last-child, #dashtodockContainer.right.extended.shrink #dash .dash-item-container .show-apps:last-child { padding-bottom: 0; } #dashtodockContainer.right.extended.shrink #dash .dash-item-container .app-well-app.running .overview-icon, #dashtodockContainer.right.extended.shrink #dash .dash-item-container .running.grid-search-result .overview-icon { background-image: none; } #dashtodockContainer.right.extended.shrink #dash .dash-item-container .app-well-app.focused .overview-icon, #dashtodockContainer.right.extended.shrink #dash .dash-item-container .focused.grid-search-result .overview-icon { background-color: rgba(238, 238, 236, 0.2); } #dashtodockContainer.right.extended.shrink #dash .dash-item-container .app-well-app .app-well-app-running-dot, #dashtodockContainer.right.extended.shrink #dash .dash-item-container .grid-search-result .app-well-app-running-dot { margin-bottom: 2px; } #dashtodockContainer.right.extended.shrink #dash .dash-item-container > StButton { transition-duration: 250; background-size: contain; } #dashtodockContainer.right.extended.shrink.fixed #dash .dash-background { margin-left: 0; } #dashtodockContainer.right.extended.shrink.fixed #dash .dash-item-container .app-well-app, #dashtodockContainer.right.extended.shrink.fixed #dash .dash-item-container .grid-search-result, #dashtodockContainer.right.extended.shrink.fixed #dash .dash-item-container .show-apps { padding-left: 3px; } .dash-label.right.shrink { margin: 0; -x-offset: 3px; -y-offset: 0; } #dashtodockContainer.top.shrink #dash .dash-background { margin-top: 4px; margin-bottom: 0; } #dashtodockContainer.straight-corner #dash .dash-background, #dashtodockContainer.shrink.straight-corner #dash .dash-background { border-radius: 0px; } /* Scrollview style */ .bottom #dashtodockDashScrollview, .top #dashtodockDashScrollview { -st-hfade-offset: 24px; } .left #dashtodockDashScrollview, .right #dashtodockDashScrollview { -st-vfade-offset: 24px; } #dashtodockContainer.dashtodock #dash .dash-background { background: #1d1d1d; } #dashtodockContainer.dashtodock .progress-bar { /* Customization of the progress bar style, e.g.: -progress-bar-background: rgba(0.8, 0.8, 0.8, 1); -progress-bar-border: rgba(0.9, 0.9, 0.9, 1); */ } #dashtodockContainer.top #dash .placeholder, #dashtodockContainer.bottom #dash .placeholder { width: 32px; height: 1px; } /* * This is applied to a dummy actor. Only the alpha value for the background and border color * and the transition-duration are used */ #dashtodockContainer.dummy-opaque { background-color: rgba(0, 0, 0, 0.8); border-color: rgba(0, 0, 0, 0.4); transition-duration: 300ms; } /* * This is applied to a dummy actor. Only the alpha value for the background and border color * and the transition-duration are used */ #dashtodockContainer.dummy-transparent { background-color: rgba(0, 0, 0, 0.2); border-color: rgba(0, 0, 0, 0.1); transition-duration: 500ms; } #dashtodockContainer .number-overlay { color: white; background-color: rgba(0, 0, 0, 0.8); text-align: center; } #dashtodockContainer .notification-badge { color: white; background-color: red; padding: 0.2em 0.5em; border-radius: 1em; font-weight: bold; text-align: center; margin: 2px; } #dashtodockPreviewSeparator.popup-separator-menu-item-horizontal { width: 1px; height: auto; border-right-width: 1px; margin: 32px 0px; } .dashtodock-app-well-preview-menu-item { padding: 1em 1em 0.5em 1em; } #dashtodockContainer .metro .overview-icon { border-radius: 0px; } #dashtodockContainer.bottom .metro.running2.focused, #dashtodockContainer.top .metro.running2.focused { background-image: url("./media/highlight_stacked_bg.svg"); background-position: 0px 0px; background-size: contain; } #dashtodockContainer.left .metro.running2.focused, #dashtodockContainer.right .metro.running2.focused { background-image: url("./media/highlight_stacked_bg_h.svg"); background-position: 0px 0px; background-size: contain; } #dashtodockContainer.bottom .metro.running3.focused, #dashtodockContainer.top .metro.running3.focused { background-image: url("./media/highlight_stacked_bg.svg"); background-position: 0px 0px; background-size: contain; } #dashtodockContainer.left .metro.running3.focused, #dashtodockContainer.right .metro.running3.focused { background-image: url("./media/highlight_stacked_bg_h.svg"); background-position: 0px 0px; background-size: contain; } #dashtodockContainer.bottom .metro.running4.focused, #dashtodockContainer.top .metro.running4.focused { background-image: url("./media/highlight_stacked_bg.svg"); background-position: 0px 0px; background-size: contain; } #dashtodockContainer.left .metro.running4.focused, #dashtodockContainer.right .metro.running4.focused { background-image: url("./media/highlight_stacked_bg_h.svg"); background-position: 0px 0px; background-size: contain; } /* Yaru Dock styling */ #dashtodockContainer.bottom #dash, #dashtodockContainer.bottom.dashtodock #dash, #dashtodockContainer.bottom.shrink #dash { margin: 0px; padding: 0px; } #dashtodockContainer.bottom #dash .dash-background, #dashtodockContainer.bottom.dashtodock #dash .dash-background, #dashtodockContainer.bottom.shrink #dash .dash-background { background: rgba(19, 19, 19, 0.75); transition-duration: 250ms; } #dashtodockContainer.bottom #dash .dash-separator, #dashtodockContainer.bottom.dashtodock #dash .dash-separator, #dashtodockContainer.bottom.shrink #dash .dash-separator { background: rgba(238, 238, 236, 0.3); } #dashtodockContainer.bottom.overview #dash .dash-background, #dashtodockContainer.bottom.overview.dashtodock #dash .dash-background, #dashtodockContainer.bottom.overview.shrink #dash .dash-background { background-color: #131313; } #dashtodockContainer.bottom.extended #dash .dash-background, #dashtodockContainer.bottom.extended.dashtodock #dash .dash-background, #dashtodockContainer.bottom.extended.shrink #dash .dash-background { border: none; } #dashtodockContainer.bottom .dash-item-container .show-apps, #dashtodockContainer.bottom .dash-item-container .app-well-app, #dashtodockContainer.bottom .dash-item-container .grid-search-result { border-radius: 18px; } #dashtodockContainer.bottom .dash-item-container .show-apps:active .overview-icon, #dashtodockContainer.bottom .dash-item-container .show-apps:checked .overview-icon, #dashtodockContainer.bottom .dash-item-container .app-well-app:active .overview-icon, #dashtodockContainer.bottom .dash-item-container .grid-search-result:active .overview-icon, #dashtodockContainer.bottom .dash-item-container .app-well-app:checked .overview-icon, #dashtodockContainer.bottom .dash-item-container .grid-search-result:checked .overview-icon { background-color: rgba(255, 255, 255, 0.25); box-shadow: none; } #dashtodockContainer.bottom .notification-badge { background-color: #109b26; border: 1px solid #0c6d1a; box-shadow: -1px 1px 5px 0px rgba(0, 0, 0, 0.5); } #dashtodockContainer.top #dash, #dashtodockContainer.top.dashtodock #dash, #dashtodockContainer.top.shrink #dash { margin: 0px; padding: 0px; } #dashtodockContainer.top #dash .dash-background, #dashtodockContainer.top.dashtodock #dash .dash-background, #dashtodockContainer.top.shrink #dash .dash-background { background: rgba(19, 19, 19, 0.75); transition-duration: 250ms; } #dashtodockContainer.top #dash .dash-separator, #dashtodockContainer.top.dashtodock #dash .dash-separator, #dashtodockContainer.top.shrink #dash .dash-separator { background: rgba(238, 238, 236, 0.3); } #dashtodockContainer.top.overview #dash .dash-background, #dashtodockContainer.top.overview.dashtodock #dash .dash-background, #dashtodockContainer.top.overview.shrink #dash .dash-background { background-color: #131313; } #dashtodockContainer.top.extended #dash .dash-background, #dashtodockContainer.top.extended.dashtodock #dash .dash-background, #dashtodockContainer.top.extended.shrink #dash .dash-background { border: none; } #dashtodockContainer.top .dash-item-container .show-apps, #dashtodockContainer.top .dash-item-container .app-well-app, #dashtodockContainer.top .dash-item-container .grid-search-result { border-radius: 18px; } #dashtodockContainer.top .dash-item-container .show-apps:active .overview-icon, #dashtodockContainer.top .dash-item-container .show-apps:checked .overview-icon, #dashtodockContainer.top .dash-item-container .app-well-app:active .overview-icon, #dashtodockContainer.top .dash-item-container .grid-search-result:active .overview-icon, #dashtodockContainer.top .dash-item-container .app-well-app:checked .overview-icon, #dashtodockContainer.top .dash-item-container .grid-search-result:checked .overview-icon { background-color: rgba(255, 255, 255, 0.25); box-shadow: none; } #dashtodockContainer.top .notification-badge { background-color: #109b26; border: 1px solid #0c6d1a; box-shadow: -1px 1px 5px 0px rgba(0, 0, 0, 0.5); } #dashtodockContainer.left #dash, #dashtodockContainer.left.dashtodock #dash, #dashtodockContainer.left.shrink #dash { margin: 0px; padding: 0px; } #dashtodockContainer.left #dash .dash-background, #dashtodockContainer.left.dashtodock #dash .dash-background, #dashtodockContainer.left.shrink #dash .dash-background { background: rgba(19, 19, 19, 0.75); transition-duration: 250ms; } #dashtodockContainer.left #dash .dash-separator, #dashtodockContainer.left.dashtodock #dash .dash-separator, #dashtodockContainer.left.shrink #dash .dash-separator { background: rgba(238, 238, 236, 0.3); } #dashtodockContainer.left.overview #dash .dash-background, #dashtodockContainer.left.overview.dashtodock #dash .dash-background, #dashtodockContainer.left.overview.shrink #dash .dash-background { background-color: #131313; } #dashtodockContainer.left.extended #dash .dash-background, #dashtodockContainer.left.extended.dashtodock #dash .dash-background, #dashtodockContainer.left.extended.shrink #dash .dash-background { border: none; } #dashtodockContainer.left .dash-item-container .show-apps, #dashtodockContainer.left .dash-item-container .app-well-app, #dashtodockContainer.left .dash-item-container .grid-search-result { border-radius: 18px; } #dashtodockContainer.left .dash-item-container .show-apps:active .overview-icon, #dashtodockContainer.left .dash-item-container .show-apps:checked .overview-icon, #dashtodockContainer.left .dash-item-container .app-well-app:active .overview-icon, #dashtodockContainer.left .dash-item-container .grid-search-result:active .overview-icon, #dashtodockContainer.left .dash-item-container .app-well-app:checked .overview-icon, #dashtodockContainer.left .dash-item-container .grid-search-result:checked .overview-icon { background-color: rgba(255, 255, 255, 0.25); box-shadow: none; } #dashtodockContainer.left .notification-badge { background-color: #109b26; border: 1px solid #0c6d1a; box-shadow: -1px 1px 5px 0px rgba(0, 0, 0, 0.5); } #dashtodockContainer.right #dash, #dashtodockContainer.right.dashtodock #dash, #dashtodockContainer.right.shrink #dash { margin: 0px; padding: 0px; } #dashtodockContainer.right #dash .dash-background, #dashtodockContainer.right.dashtodock #dash .dash-background, #dashtodockContainer.right.shrink #dash .dash-background { background: rgba(19, 19, 19, 0.75); transition-duration: 250ms; } #dashtodockContainer.right #dash .dash-separator, #dashtodockContainer.right.dashtodock #dash .dash-separator, #dashtodockContainer.right.shrink #dash .dash-separator { background: rgba(238, 238, 236, 0.3); } #dashtodockContainer.right.overview #dash .dash-background, #dashtodockContainer.right.overview.dashtodock #dash .dash-background, #dashtodockContainer.right.overview.shrink #dash .dash-background { background-color: #131313; } #dashtodockContainer.right.extended #dash .dash-background, #dashtodockContainer.right.extended.dashtodock #dash .dash-background, #dashtodockContainer.right.extended.shrink #dash .dash-background { border: none; } #dashtodockContainer.right .dash-item-container .show-apps, #dashtodockContainer.right .dash-item-container .app-well-app, #dashtodockContainer.right .dash-item-container .grid-search-result { border-radius: 18px; } #dashtodockContainer.right .dash-item-container .show-apps:active .overview-icon, #dashtodockContainer.right .dash-item-container .show-apps:checked .overview-icon, #dashtodockContainer.right .dash-item-container .app-well-app:active .overview-icon, #dashtodockContainer.right .dash-item-container .grid-search-result:active .overview-icon, #dashtodockContainer.right .dash-item-container .app-well-app:checked .overview-icon, #dashtodockContainer.right .dash-item-container .grid-search-result:checked .overview-icon { background-color: rgba(255, 255, 255, 0.25); box-shadow: none; } #dashtodockContainer.right .notification-badge { background-color: #109b26; border: 1px solid #0c6d1a; box-shadow: -1px 1px 5px 0px rgba(0, 0, 0, 0.5); } (uuay)checkbox-off-focused-prussiangreen.svg� <svg width="24" height="24" xmlns="http://www.w3.org/2000/svg"><rect x="1.5" y="1.5" width="21" height="21" fill="#bababa" stroke="#4cbdba" stroke-linejoin="round" rx="3" style="fill:#F7F7F7"/></svg> (uuay)gdm.css ә /* This stylesheet is generated, DO NOT EDIT */ /* Copyright 2009, 2015 Red Hat, Inc. * * Portions adapted from Mx's data/style/default.css * Copyright 2009 Intel Corporation * * This program is free software; you can redistribute it and/or modify it * under the terms and conditions of the GNU Lesser General Public License, * version 2.1, as published by the Free Software Foundation. * * This program is distributed in the hope it will be useful, but WITHOUT ANY * WARRANTY; without even the implied warranty of MERCHANTABILITY or FITNESS * FOR A PARTICULAR PURPOSE. See the GNU Lesser General Public License for * more details. * * You should have received a copy of the GNU Lesser General Public License * along with this program; if not, write to the Free Software Foundation, * Inc., 51 Franklin St - Fifth Floor, Boston, MA 02110-1301 USA. */ /* Global Values */ stage { font-size: 11pt; color: #F7F7F7; } /* Common Stylings */ .screenshot-ui-panel, .workspace-switcher, .switcher-list, .resize-popup, .osd-monitor-label, .osd-window { color: #eeeeec; background-color: rgba(29, 29, 29, 0.975); border: 1px solid #464646; border-radius: 999px; padding: 12px; box-shadow: 0 3px 9px 1px rgba(0, 0, 0, 0.5); } .workspace-thumbnails .workspace-thumbnail { color: #eeeeec; background-color: rgba(238, 238, 236, 0.1); } .app-well-app.app-folder .overview-icon, .app-folder.grid-search-result .overview-icon, .app-well-app .overview-icon, .grid-search-result .overview-icon, .dash-item-container .show-apps .overview-icon, .list-search-result, .search-provider-icon, .switcher-list .item-box { border-radius: 12px; padding: 6px; spacing: 6px; border: 2px solid transparent; transition-duration: 100ms; text-align: center; color: #eeeeec; } .modal-dialog { color: #F7F7F7; background-color: #1d1d1d; border-radius: 8.5px; border: 1px solid rgba(247, 247, 247, 0.15); } #LookingGlassDialog > #Toolbar .lg-toolbar-button, .pad-osd-window .button, .button, .app-folder-dialog .folder-name-container .edit-folder-button { border-radius: 4px; border-style: solid; border-width: 1px; font-weight: bold; padding: 3px 24px; color: #F7F7F7; background-color: #2c2c2c; } #LookingGlassDialog > #Toolbar .lg-toolbar-button:focus, .button:focus, .app-folder-dialog .folder-name-container .edit-folder-button:focus { color: #F7F7F7; background-color: #2c2c2c; box-shadow: inset 0 0 0 2px #ef8661; } #LookingGlassDialog > #Toolbar .lg-toolbar-button:focus:hover, .button:focus:hover, .app-folder-dialog .folder-name-container .edit-folder-button:focus:hover { background-color: #343434; box-shadow: inset 0 0 0 2px #ef8661; } #LookingGlassDialog > #Toolbar .lg-toolbar-button:focus:active, .button:focus:active, .app-folder-dialog .folder-name-container .edit-folder-button:focus:active { background-color: #3b3b3b; box-shadow: inset 0 0 0 2px #ef8661; } #LookingGlassDialog > #Toolbar .lg-toolbar-button:hover, .button:hover, .app-folder-dialog .folder-name-container .edit-folder-button:hover { color: #F7F7F7; background-color: #343434; } #LookingGlassDialog > #Toolbar .lg-toolbar-button:insensitive, .button:insensitive, .app-folder-dialog .folder-name-container .edit-folder-button:insensitive { color: rgba(247, 247, 247, 0.5); background-color: rgba(247, 247, 247, 0.05); } #LookingGlassDialog > #Toolbar .lg-toolbar-button:active, .button:active, .app-folder-dialog .folder-name-container .edit-folder-button:active { color: #F7F7F7; background-color: #3b3b3b; } #LookingGlassDialog > #Toolbar .lg-toolbar-button:checked, .button:checked, .app-folder-dialog .folder-name-container .edit-folder-button:checked { color: #F7F7F7; background-color: #434343; } #LookingGlassDialog > #Toolbar .lg-toolbar-button:checked:hover, .button:checked:hover, .app-folder-dialog .folder-name-container .edit-folder-button:checked:hover { background-color: #4b4b4b; } #LookingGlassDialog > #Toolbar .lg-toolbar-button:checked:active, .button:checked:active, .app-folder-dialog .folder-name-container .edit-folder-button:checked:active { background-color: #525252; } .app-folder-dialog .folder-name-container .edit-folder-button { color: #F7F7F7; background-color: #2c2c2c; } .app-folder-dialog .folder-name-container .edit-folder-button:focus { color: #F7F7F7; background-color: #2c2c2c; box-shadow: inset 0 0 0 2px #ef8661; } .app-folder-dialog .folder-name-container .edit-folder-button:focus:hover { background-color: #343434; box-shadow: inset 0 0 0 2px #ef8661; } .app-folder-dialog .folder-name-container .edit-folder-button:focus:active { background-color: #3b3b3b; box-shadow: inset 0 0 0 2px #ef8661; } .app-folder-dialog .folder-name-container .edit-folder-button:hover { color: #F7F7F7; background-color: #343434; } .app-folder-dialog .folder-name-container .edit-folder-button:insensitive { color: rgba(247, 247, 247, 0.5); background-color: rgba(247, 247, 247, 0.05); } .app-folder-dialog .folder-name-container .edit-folder-button:active { color: #F7F7F7; background-color: #3b3b3b; } .app-folder-dialog .folder-name-container .edit-folder-button:checked { color: #F7F7F7; background-color: #434343; } .app-folder-dialog .folder-name-container .edit-folder-button:checked:hover { background-color: #4b4b4b; } .app-folder-dialog .folder-name-container .edit-folder-button:checked:active { background-color: #525252; } .modal-dialog .modal-dialog-linked-button, .hotplug-notification-item, .notification-banner .notification-button { padding: 12px; color: #F7F7F7; background-color: #2c2c2c; } .modal-dialog .modal-dialog-linked-button:ltr, .hotplug-notification-item:ltr, .notification-banner .notification-button:ltr { margin-right: 1px; } .modal-dialog .modal-dialog-linked-button:rtl, .hotplug-notification-item:rtl, .notification-banner .notification-button:rtl { margin-left: 1px; } .modal-dialog .modal-dialog-linked-button:insensitive, .hotplug-notification-item:insensitive, .notification-banner .notification-button:insensitive { color: rgba(247, 247, 247, 0.5); background-color: rgba(247, 247, 247, 0.05); } .modal-dialog .modal-dialog-linked-button:focus, .hotplug-notification-item:focus, .notification-banner .notification-button:focus { color: #F7F7F7; background-color: #2c2c2c; box-shadow: inset 0 0 0 2px #ef8661; } .modal-dialog .modal-dialog-linked-button:focus:hover, .hotplug-notification-item:focus:hover, .notification-banner .notification-button:focus:hover { background-color: #343434; box-shadow: inset 0 0 0 2px #ef8661; } .modal-dialog .modal-dialog-linked-button:focus:active, .hotplug-notification-item:focus:active, .notification-banner .notification-button:focus:active { background-color: #3b3b3b; box-shadow: inset 0 0 0 2px #ef8661; } .modal-dialog .modal-dialog-linked-button:hover, .hotplug-notification-item:hover, .notification-banner .notification-button:hover { color: #F7F7F7; background-color: #343434; } .modal-dialog .modal-dialog-linked-button:active, .hotplug-notification-item:active, .notification-banner .notification-button:active { color: #F7F7F7; background-color: #3b3b3b; } .modal-dialog .modal-dialog-linked-button:first-child:ltr, .hotplug-notification-item:first-child:ltr, .notification-banner .notification-button:first-child:ltr { border-radius: 0 0 0 7.5px; } .modal-dialog .modal-dialog-linked-button:last-child:ltr, .hotplug-notification-item:last-child:ltr, .notification-banner .notification-button:last-child:ltr { border-radius: 0 0 7.5px 0; margin-right: 0 !important; } .modal-dialog .modal-dialog-linked-button:first-child:rtl, .hotplug-notification-item:first-child:rtl, .notification-banner .notification-button:first-child:rtl { border-radius: 0 0 7.5px 0; margin-left: 0 !important; } .modal-dialog .modal-dialog-linked-button:last-child:rtl, .hotplug-notification-item:last-child:rtl, .notification-banner .notification-button:last-child:rtl { border-radius: 0 0 0 7.5px; margin-right: 0 !important; } .modal-dialog .modal-dialog-linked-button:first-child:last-child, .hotplug-notification-item:first-child:last-child, .notification-banner .notification-button:first-child:last-child { border-radius: 0 0 7.5px 7.5px !important; margin-left: 0 !important; margin-right: 0 !important; } .screenshot-ui-show-pointer-button, .screenshot-ui-type-button { background-color: transparent; background-color: none; } .screenshot-ui-show-pointer-button:insensitive, .screenshot-ui-type-button:insensitive { color: rgba(247, 247, 247, 0.5); background-color: rgba(247, 247, 247, 0.05); background-color: transparent; color: rgba(255, 255, 255, 0.5); } .screenshot-ui-show-pointer-button:insensitive, .screenshot-ui-type-button:insensitive { background-color: transparent; background-color: none; } .screenshot-ui-show-pointer-button:insensitive:insensitive, .screenshot-ui-type-button:insensitive:insensitive { color: rgba(247, 247, 247, 0.5); background-color: rgba(247, 247, 247, 0.05); background-color: transparent; color: rgba(255, 255, 255, 0.5); } .screenshot-ui-show-pointer-button:focus, .screenshot-ui-type-button:focus { color: #eeeeec; background-color: rgba(44, 44, 44, 0.97675); box-shadow: inset 0 0 0 2px #ef8661; } .screenshot-ui-show-pointer-button:focus:hover, .screenshot-ui-type-button:focus:hover { background-color: rgba(52, 52, 52, 0.97675); box-shadow: inset 0 0 0 2px #ef8661; } .screenshot-ui-show-pointer-button:focus:active, .screenshot-ui-type-button:focus:active { background-color: rgba(59, 59, 59, 0.97675); box-shadow: inset 0 0 0 2px #ef8661; } .screenshot-ui-show-pointer-button:hover, .screenshot-ui-type-button:hover { color: #eeeeec; background-color: rgba(52, 52, 52, 0.97675); } .screenshot-ui-show-pointer-button:active, .screenshot-ui-type-button:active { color: #eeeeec; background-color: rgba(59, 59, 59, 0.97675); } .screenshot-ui-show-pointer-button:outlined, .screenshot-ui-type-button:outlined, .screenshot-ui-show-pointer-button:checked, .screenshot-ui-type-button:checked { color: #eeeeec; background-color: rgba(67, 67, 67, 0.97675); } .screenshot-ui-show-pointer-button:outlined:hover, .screenshot-ui-type-button:outlined:hover, .screenshot-ui-show-pointer-button:checked:hover, .screenshot-ui-type-button:checked:hover { background-color: rgba(75, 75, 75, 0.97675); } .screenshot-ui-show-pointer-button:outlined:active, .screenshot-ui-type-button:outlined:active, .screenshot-ui-show-pointer-button:checked:active, .screenshot-ui-type-button:checked:active { background-color: rgba(82, 82, 82, 0.97675); } /* General Typography */ .app-folder-dialog .folder-name-container .folder-name-label, .app-folder-dialog .folder-name-container .folder-name-entry, .search-statustext { font-weight: 800; font-size: 20pt; } .lg-debug-flags-header, .message-dialog-content .message-dialog-title, .message-list .message-list-placeholder, .datemenu-today-button .date-label { font-weight: 800; font-size: 15pt; } .nm-dialog-airplane-headline { font-weight: 700; font-size: 15pt; } .message-dialog-content .message-dialog-title.lightweight, .headline { font-weight: 700; font-size: 13pt; } .lg-extension-name, .osd-window, .nm-dialog-header, .dialog-list .dialog-list-title, .message-list-controls, .weather-button .weather-forecast-temp, .weather-button .weather-header, .world-clocks-button .world-clocks-time, .world-clocks-button .world-clocks-header, .events-button .events-title, .calendar .calendar-month-header .calendar-month-label, .datemenu-today-button .day-label, .popup-menu-ornament { font-weight: 700; font-size: 11pt; } .app-menu .popup-inactive-menu-item:first-child > StLabel { font-weight: 700; font-size: 9pt; } .login-dialog-not-listed-label, .lg-completions-text, .caps-lock-warning-label, #dash, .icon-label-button-container, .prompt-dialog-error-label, .prompt-dialog-info-label, .prompt-dialog-null-label, .run-dialog .run-dialog-description, .dialog-list .dialog-list-box .dialog-list-item .dialog-list-item-description, .weather-button .weather-forecast-time, .world-clocks-button .world-clocks-timezone, .events-button .event-time { font-weight: 400; font-size: 9pt; } .calendar .calendar-day-base.calendar-day-heading, .calendar .calendar-day-base { font-weight: 400; font-size: 8pt; } .unlock-dialog-clock-time, #panel, .weather-button .weather-forecast-time, .world-clocks-button .world-clocks-timezone, .world-clocks-button .world-clocks-time, .events-button .event-time, .calendar .calendar-day-base { font-feature-settings: "tnum"; } /* WIDGETS */ .shell-link { color: #f29b7d; } .shell-link:hover { color: #f7bfab; } .lowres-icon { icon-shadow: 0 1px 2px rgba(0, 0, 0, 0.3); } .icon-dropshadow { icon-shadow: 0 1px 5px rgba(0, 0, 0, 0.8); } /* Entries */ StEntry { min-height: 22px; border-radius: 6px; padding: 8px; border-width: 1px; color: #F7F7F7; background-color: #1d1d1d; color: rgba(247, 247, 247, 0.7); border: 1px solid #464646; selection-background-color: #E95420; selected-color: #FFFFFF; } StEntry:hover { background-color: #1d1d1d; border-color: #535353; color: #F7F7F7; } StEntry:focus { background-color: #1d1d1d; border-color: #ef8661; box-shadow: 0 0 0 1px #ef8661 inset; color: #F7F7F7; } StEntry:insensitive { background-color: #2c2c2c; border-color: #2c2c2c; color: #8a8a8a; } StEntry StIcon.capslock-warning { icon-size: 16px; warning-color: #f99b11; padding: 0 4px; } StEntry StIcon.peek-password { icon-size: 1.09em; padding: 0 4px; } StEntry StLabel.hint-text { margin-left: 2px; color: rgba(247, 247, 247, 0.7); } /* Buttons */ .button { min-height: 22px; } /* Check Boxes */ .check-box StBoxLayout { spacing: .8em; } .check-box StBin { width: 24px; height: 22px; background-image: url("resource:///org/gnome/shell/theme/checkbox-off-dark.svg"); } .check-box:focus StBin { background-image: url("resource:///org/gnome/shell/theme/checkbox-off-focused-dark.svg"); } .check-box:checked StBin { background-image: url("resource:///org/gnome/shell/theme/checkbox-dark.svg"); } .check-box:focus:checked StBin { background-image: url("resource:///org/gnome/shell/theme/checkbox-focused-dark.svg"); } /* Switches */ .toggle-switch { color: #F7F7F7; height: 26px; width: 48px; background-size: contain; background-image: url("resource:///org/gnome/shell/theme/toggle-off-dark.svg"); } .toggle-switch:checked { background-image: url("resource:///org/gnome/shell/theme/toggle-on-dark.svg"); } /* Slider */ .slider { -barlevel-height: 4px; -barlevel-background-color: rgba(247, 247, 247, 0.2); -barlevel-border-width: 2px; -barlevel-border-color: transparent; -barlevel-active-background-color: #E95420; -barlevel-active-border-color: transparent; -barlevel-overdrive-color: #991121; -barlevel-overdrive-border-color: transparent; -barlevel-overdrive-separator-width: 1px; -slider-handle-border-width: 0; -slider-handle-border-color: transparent; -slider-handle-radius: 8px; color: #fcfcfc; height: 16px; } /* Scrollbars */ StScrollView.vfade { -st-vfade-offset: 68px; } StScrollView.hfade { -st-hfade-offset: 68px; } StScrollBar { padding: 0; } StScrollView StScrollBar { min-width: 8px; min-height: 8px; } StScrollBar StBin#trough { border-radius: 0; background-color: transparent; } StScrollBar StButton#vhandle, StScrollBar StButton#hhandle { border-radius: 8px; background-color: #5e5e5e; border: 3px solid transparent; transition: 500ms all ease; } StScrollBar StButton#vhandle:hover, StScrollBar StButton#hhandle:hover { background-color: #8a8a8a; } StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { background-color: #747474; } /* Popovers/Menus */ .popup-menu-boxpointer, .candidate-popup-boxpointer { -arrow-rise: 6px; } .popup-menu { min-width: 15em; color: #F7F7F7; } .popup-menu.panel-menu { margin-bottom: 1.75em; } .popup-menu-content, .candidate-popup-content { padding: 6px; border-radius: 10px; border: 1px solid rgba(247, 247, 247, 0.15); box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.1); background-color: #1d1d1d; } .popup-menu-item { padding: 9px 12px; border-radius: 6px; spacing: 6px; transition: 0.2s all ease; background-color: transparent; } .popup-menu-item:ltr { padding-left: 6px; } .popup-menu-item:rtl { padding-right: 6px; } .popup-menu-item:focus, .popup-menu-item:hover { background-color: rgba(247, 247, 247, 0.1) !important; } .popup-menu-item:focus:active, .popup-menu-item:hover:active { background-color: rgba(247, 247, 247, 0.2) !important; } .popup-menu-item:checked { background-color: #343434 !important; } .popup-menu-item:checked { margin-bottom: 0; box-shadow: inset 0 -1px 0 0 #272727; border-radius: 6px 6px 0 0; } .popup-menu-item:checked:focus, .popup-menu-item:checked:hover { background-color: #434343 !important; } .popup-menu-item:checked:active { background-color: #4b4b4b !important; } .popup-menu-item:active { background-color: #4b4b4b; color: #efefef; } .popup-menu-item:insensitive { color: rgba(247, 247, 247, 0.5); } .popup-menu-item .toggle-switch:ltr { margin-left: 4px; } .popup-menu-item .toggle-switch:rtl { margin-right: 4px; } .popup-inactive-menu-item { color: #F7F7F7; } .popup-inactive-menu-item:insensitive { color: #8a8a8a; } .popup-menu-arrow, .popup-menu-icon { icon-size: 16px !important; } .popup-sub-menu { background-color: #343434; border-radius: 0 0 6px 6px; } .popup-sub-menu .popup-menu-ornament { min-width: 1.09em !important; } .popup-sub-menu .popup-menu-item { border-radius: 0; margin: 0; } .popup-sub-menu .popup-menu-item:last-child { border-radius: 0 0 6px 6px; } .popup-sub-menu .popup-menu-item:focus, .popup-sub-menu .popup-menu-item:hover { background-color: rgba(255, 255, 255, 0.1) !important; } .popup-sub-menu .popup-menu-item:checked { background-color: #4e4e4e !important; } .popup-sub-menu .popup-menu-item:checked:focus, .popup-sub-menu .popup-menu-item:checked:hover { background-color: #484848 !important; } .popup-sub-menu .popup-menu-item:active { background-color: rgba(255, 255, 255, 0.2) !important; } .popup-sub-menu .popup-menu-section .popup-menu-item:last-child:hover, .popup-sub-menu .popup-menu-section .popup-menu-item:last-child:focus { border-radius: 0; } .popup-sub-menu .popup-menu-section:last-child .popup-menu-item:last-child { border-radius: 0 0 6px 6px; } .popup-menu-ornament { width: 1.2em; text-align: center !important; } .popup-menu-ornament:ltr { text-align: right; } .popup-menu-ornament:rtl { text-align: left; } .popup-separator-menu-item { margin: 6px 0; padding: 0 !important; } .popup-separator-menu-item:ltr { margin-right: 4px; } .popup-separator-menu-item:rtl { margin-left: 4px; } .popup-separator-menu-item .popup-separator-menu-item-separator { height: 1px; background-color: #464646; } .popup-separator-menu-item .popup-menu-ornament { width: 0 !important; } .popup-sub-menu .popup-separator-menu-item { background-color: transparent; } .popup-sub-menu .popup-separator-menu-item:ltr { margin-right: 2.5em; } .popup-sub-menu .popup-separator-menu-item:rtl { margin-left: 2.5em; } .popup-sub-menu .popup-separator-menu-item .popup-separator-menu-item-separator { background-color: #585858; } .background-menu { -boxpointer-gap: 0px; -arrow-rise: 0px; } .aggregate-menu { min-width: 22em; } .aggregate-menu .popup-menu-ornament { width: 0 !important; } .aggregate-menu .popup-menu-icon { -st-icon-style: symbolic; } .aggregate-menu .popup-menu-icon:ltr { margin-right: 8px; } .aggregate-menu .popup-menu-icon:rtl { margin-left: 8px; } .aggregate-menu .popup-sub-menu .popup-menu-item > :first-child:ltr { margin-left: 1em; } .aggregate-menu .popup-sub-menu .popup-menu-item > :first-child:rtl { margin-right: 1em; } .app-menu { max-width: 27.25em; } .app-menu .popup-menu-ornament { width: 0 !important; } .app-menu .popup-inactive-menu-item:first-child > StLabel:ltr { margin-right: 8px; } .app-menu .popup-inactive-menu-item:first-child > StLabel:rtl { margin-left: 8px; } /* Date/Time Menu */ #calendarArea { padding: 4px; } .datemenu-calendar-column { spacing: 6px; } .datemenu-calendar-column:ltr { padding-left: 6px; } .datemenu-calendar-column:rtl { padding-right: 6px; } .datemenu-calendar-column .datemenu-displays-box { spacing: 6px; } /* today button (the date) */ .datemenu-today-button { border-radius: 6px; margin: 4px; box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.1); background-color: transparent; background-color: none; box-shadow: none !important; padding: 9px; } .datemenu-today-button:insensitive { color: rgba(247, 247, 247, 0.5); background-color: rgba(247, 247, 247, 0.05); background-color: transparent; color: rgba(255, 255, 255, 0.5); } .datemenu-today-button:focus { color: #F7F7F7; background-color: #2c2c2c; box-shadow: inset 0 0 0 2px #ef8661; } .datemenu-today-button:focus:hover { background-color: #343434; box-shadow: inset 0 0 0 2px #ef8661; } .datemenu-today-button:focus:active { background-color: #3b3b3b; box-shadow: inset 0 0 0 2px #ef8661; } .datemenu-today-button:hover { color: #F7F7F7; background-color: #343434; } .datemenu-today-button:active { color: #F7F7F7; background-color: #3b3b3b; } .datemenu-today-button:insensitive .day-label, .datemenu-today-button:insensitive .date-label { color: #8a8a8a; } /* Calendar */ .calendar { border-radius: 6px; margin: 4px; box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.1); background-color: transparent; background-color: none; box-shadow: none !important; margin-top: 0; } .calendar:insensitive { color: rgba(247, 247, 247, 0.5); background-color: rgba(247, 247, 247, 0.05); background-color: transparent; color: rgba(255, 255, 255, 0.5); } .calendar:focus { color: #F7F7F7; background-color: #2c2c2c; box-shadow: inset 0 0 0 2px #ef8661; } .calendar:focus:hover { background-color: #343434; box-shadow: inset 0 0 0 2px #ef8661; } .calendar:focus:active { background-color: #3b3b3b; box-shadow: inset 0 0 0 2px #ef8661; } .calendar:hover { color: #F7F7F7; background-color: #343434; } .calendar:active { color: #F7F7F7; background-color: #3b3b3b; } .calendar .calendar-month-header .calendar-change-month-back StIcon, .calendar .calendar-month-header .calendar-change-month-forward StIcon { icon-size: 1.09em; } .calendar .calendar-month-header .calendar-month-label { color: white; padding: 8px 0; } .calendar .calendar-month-header .pager-button { background-color: transparent; height: 32px; width: 32px; margin: 2px; border-radius: 4px; } .calendar .calendar-month-header .pager-button:hover, .calendar .calendar-month-header .pager-button:focus { background-color: rgba(247, 247, 247, 0.1); } .calendar .calendar-month-header .pager-button:active { background-color: rgba(247, 247, 247, 0.2); } .calendar .calendar-day-base { text-align: center; margin: 2px; padding: 0 !important; height: 3em !important; width: 3em !important; border-radius: 99px; } .calendar .calendar-day-base:hover { background-color: rgba(247, 247, 247, 0.1); } .calendar .calendar-day-base:focus { background-color: #46281e; box-shadow: inset 0 0 0 2px rgba(233, 84, 32, 0.6); } .calendar .calendar-day-base:active, .calendar .calendar-day-base:selected { color: #efefef; background-color: rgba(247, 247, 247, 0.2); } .calendar .calendar-day-base:active:focus, .calendar .calendar-day-base:selected:focus { background-color: rgba(237, 134, 98, 0.36); } .calendar .calendar-day-base.calendar-day-heading { color: #8a8a8a; padding-top: 6px; height: 16px !important; font-weight: bold; } .calendar .calendar-nonwork-day { color: #8a8a8a; } .calendar .calendar-other-month-day { color: rgba(247, 247, 247, 0.5); } .calendar .calendar-other-month-day.calendar-nonwork-day { color: rgba(138, 138, 138, 0.5); } .calendar .calendar-today { background-color: #E95420; font-weight: 800; color: #FFFFFF !important; } .calendar .calendar-today:hover, .calendar .calendar-today:focus { background-color: #ea5f2e; color: inherit; } .calendar .calendar-today:active, .calendar .calendar-today:selected { background-color: #E95420; color: inherit; } .calendar .calendar-today:active:hover, .calendar .calendar-today:active:focus, .calendar .calendar-today:selected:hover, .calendar .calendar-today:selected:focus { background-color: #ea5f2e; color: inherit; } .calendar .calendar-day-with-events { background-image: url("resource:///org/gnome/shell/theme/calendar-today.svg"); background-size: contain; } .calendar .calendar-week-number { font-size: 7pt; font-weight: bold; font-feature-settings: "tnum"; margin: 6px; padding: 0 6px; border-radius: 3px; background-color: #181818; color: #8a8a8a; } /* Events */ .events-button { border-radius: 6px; margin: 4px; box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.1); color: #F7F7F7; background-color: #2c2c2c; padding: 12px; } .events-button:focus { color: #F7F7F7; background-color: #2c2c2c; box-shadow: inset 0 0 0 2px #ef8661; } .events-button:focus:hover { background-color: #343434; box-shadow: inset 0 0 0 2px #ef8661; } .events-button:focus:active { background-color: #3b3b3b; box-shadow: inset 0 0 0 2px #ef8661; } .events-button:hover { color: #F7F7F7; background-color: #343434; } .events-button:active { color: #F7F7F7; background-color: #3b3b3b; } .events-button .events-box { spacing: 6px; } .events-button .events-list { spacing: 12px; } .events-button .events-title { color: #8a8a8a; margin-bottom: 4px; } .events-button .event-time { color: #8a8a8a; } /* World clocks */ .world-clocks-button { border-radius: 6px; margin: 4px; box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.1); color: #F7F7F7; background-color: #2c2c2c; padding: 12px; } .world-clocks-button:focus { color: #F7F7F7; background-color: #2c2c2c; box-shadow: inset 0 0 0 2px #ef8661; } .world-clocks-button:focus:hover { background-color: #343434; box-shadow: inset 0 0 0 2px #ef8661; } .world-clocks-button:focus:active { background-color: #3b3b3b; box-shadow: inset 0 0 0 2px #ef8661; } .world-clocks-button:hover { color: #F7F7F7; background-color: #343434; } .world-clocks-button:active { color: #F7F7F7; background-color: #3b3b3b; } .world-clocks-button .world-clocks-grid { spacing-rows: 6px; spacing-columns: 12px; } .world-clocks-button .world-clocks-header { color: #8a8a8a; } .world-clocks-button .world-clocks-city { color: #F7F7F7; } .world-clocks-button .world-clocks-time { color: #F7F7F7; } .world-clocks-button .world-clocks-time:ltr { text-align: right; } .world-clocks-button .world-clocks-time:rtl { text-align: left; } .world-clocks-button .world-clocks-timezone { color: #8a8a8a; } /* Weather */ .weather-button { border-radius: 6px; margin: 4px; box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.1); color: #F7F7F7; background-color: #2c2c2c; padding: 12px; } .weather-button:focus { color: #F7F7F7; background-color: #2c2c2c; box-shadow: inset 0 0 0 2px #ef8661; } .weather-button:focus:hover { background-color: #343434; box-shadow: inset 0 0 0 2px #ef8661; } .weather-button:focus:active { background-color: #3b3b3b; box-shadow: inset 0 0 0 2px #ef8661; } .weather-button:hover { color: #F7F7F7; background-color: #343434; } .weather-button:active { color: #F7F7F7; background-color: #3b3b3b; } .weather-button .weather-box { spacing: 10px; } .weather-button .weather-header-box { spacing: 6px; } .weather-button .weather-header { color: #8a8a8a; } .weather-button .weather-header.location { font-weight: normal; } .weather-button .weather-grid { spacing-rows: 6px; spacing-columns: 12px; } .weather-button .weather-forecast-time { color: #ababab; padding-top: 0.2em; padding-bottom: 0.4em; } .weather-button .weather-forecast-icon { icon-size: 2.18em; } /* Message List */ .message-list { width: 29em; border: solid #464646; } .message-list:ltr { margin-left: 0; margin-right: 4px; padding-right: 6px; border-right-width: 1px; } .message-list:rtl { margin-right: 0; margin-left: 4px; padding-left: 6px; border-left-width: 1px; } .message-list .message-list-placeholder { color: rgba(138, 138, 138, 0.5); } .message-list .message-list-placeholder > StIcon { icon-size: 3.27em; margin-bottom: 12px; -st-icon-style: symbolic; } .message-list-sections { spacing: 6px; margin: 0; padding-bottom: 6px; } .message-list-sections:ltr { margin-right: 12px; } .message-list-sections:rtl { margin-left: 12px; } .message-list-section, .message-list-section-list { spacing: 6px; } .message-list-controls { padding: 6px; spacing: 6px; } .message-list-controls .dnd-button { border-width: 2px; border-color: transparent; border-radius: 32px; border-style: solid; } .message-list-controls .dnd-button:focus { border-color: #ef8661; } .message { border-radius: 6px; margin: 4px; box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.1); color: #F7F7F7; background-color: #2c2c2c; } .message:focus { color: #F7F7F7; background-color: #2c2c2c; box-shadow: inset 0 0 0 2px #ef8661; } .message:focus:hover { background-color: #343434; box-shadow: inset 0 0 0 2px #ef8661; } .message:focus:active { background-color: #3b3b3b; box-shadow: inset 0 0 0 2px #ef8661; } .message:hover { color: #F7F7F7; background-color: #343434; } .message:active { color: #F7F7F7; background-color: #3b3b3b; } .message .message-icon-bin { padding: 18px; } .message .message-icon-bin:ltr { padding-right: 6px; } .message .message-icon-bin:rtl { padding-left: 6px; } .message .message-icon-bin > StIcon { icon-size: 2.18em; -st-icon-style: symbolic; } .message .message-icon-bin > .fallback-app-icon { width: 1.09em; height: 1.09em; } .message .message-content { spacing: 4px; padding: 9px; margin-bottom: 8px; } .message .message-title { font-weight: bold; /* HACK: the label should be baseline-aligned with a 1em label, fake this with some bottom padding */ padding-top: 0.57em; } .message .message-secondary-bin { padding: 0 8px; } .message .message-secondary-bin > .event-time { color: rgba(247, 247, 247, 0.5); font-size: 9pt; /* HACK: the label should be baseline-aligned with a 1em label, fake this with some bottom padding */ padding-bottom: 0.13em; } .message .message-secondary-bin > .event-time:ltr { text-align: right; } .message .message-secondary-bin > .event-time:rtl { text-align: left; } .message .message-close-button { color: #F7F7F7; background-color: rgba(247, 247, 247, 0.1); border-radius: 99px; padding: 5px; margin: 1px; } .message .message-close-button:hover { background-color: rgba(247, 247, 247, 0.2); } .message .message-close-button:active { background-color: rgba(247, 247, 247, 0.1); } .message .message-body { color: #dedede; } .url-highlighter { link-color: #f29b7d; } /* Media Controls */ .message-media-control { padding: 0 18px; margin: 12px 0; border-radius: 6px; color: #F7F7F7; } .message-media-control:hover { background-color: rgba(255, 255, 255, 0.1); color: #F7F7F7; } .message-media-control:active { background-color: rgba(247, 247, 247, 0.2); color: #F7F7F7; } .message-media-control:insensitive { color: #979797; } .message-media-control:last-child:ltr { margin-right: 12px; } .message-media-control:last-child:rtl { margin-left: 12px; } .media-message-cover-icon { icon-size: 3.27em !important; border-radius: 6px; } .media-message-cover-icon.fallback { color: #cccccc; background-color: #1d1d1d; border: 1px solid transparent; border-radius: 6px; icon-size: 2.18em !important; padding: 14px; } .candidate-popup-content { padding: 6px; spacing: 6px; } .candidate-index { padding: 0; padding-right: 6px; color: #8a8a8a; } .candidate-box { padding: 6px 12px 6px 12px; border-radius: 6px; } .candidate-box:selected { background-color: #E95420; color: #FFFFFF; } .candidate-box:hover { background-color: rgba(247, 247, 247, 0.1); color: #F7F7F7; } .candidate-page-button-box { height: 2em; } .vertical .candidate-page-button-box { padding-top: 12px; } .horizontal .candidate-page-button-box { padding-left: 12px; } .candidate-page-button { padding: 6px; } .candidate-page-button-previous { border-radius: 6px 0px 0px 6px; border-right-width: 0; box-shadow: none; } .candidate-page-button-next { border-radius: 0px 6px 6px 0px; box-shadow: none; } .candidate-page-button-icon { icon-size: 1.09em; } /* Notifications & Message Tray */ .notification-banner { min-height: 64px; width: 34em; box-shadow: 0 2px 4px 2px rgba(0, 0, 0, 0.1); border-radius: 9px; margin: 4px; background-color: #1d1d1d; } .notification-banner .notification-actions { spacing: 0; } .notification-banner:hover { background-color: #222222; } .notification-banner:active { background-color: #272727; } .notification-banner, .notification-banner:hover, .notification-banner:focus, .notification-banner:active { box-shadow: 0 0 4px 2px rgba(0, 0, 0, 0.1); border: 1px solid #464646; } .summary-source-counter { font-size: 10pt; font-weight: bold; height: 1.6em; width: 1.6em; -shell-counter-overlap-x: 3px; -shell-counter-overlap-y: 3px; background-color: #E95420; color: #FFFFFF; border: 2px solid #F7F7F7; box-shadow: 0 2px 2px rgba(0, 0, 0, 0.5); border-radius: 0.9em; } .chat-body { spacing: 5px; } .chat-response { margin: 5px; } .chat-log-message { color: #dedede; } .chat-new-group { padding-top: 1em; } .chat-received { padding-left: 4px; } .chat-received:rtl { padding-left: 0px; padding-right: 4px; } .chat-sent { padding-left: 18pt; color: white; } .chat-sent:rtl { padding-left: 0; padding-right: 18pt; } .chat-meta-message { padding-left: 4px; font-size: 9pt; font-weight: bold; color: white; } .chat-meta-message:rtl { padding-left: 0; padding-right: 4px; } .hotplug-notification-item-icon { icon-size: 24px; padding: 0 4px; } /* Modal Dialogs */ .modal-dialog .modal-dialog-content-box { margin: 32px 40px; spacing: 32px; max-width: 28em; } /* End Session Dialog */ .end-session-dialog { width: 30em; } .end-session-dialog .end-session-dialog-battery-warning, .end-session-dialog .dialog-list-title { color: #f99b11; } /* Message Dialog */ .message-dialog-content { spacing: 18px; } .message-dialog-content .message-dialog-title { text-align: center; } .message-dialog-content .message-dialog-description { text-align: center; } /* Dialog List */ .dialog-list { spacing: 18px; } .dialog-list .dialog-list-title { text-align: center; } .dialog-list .dialog-list-scrollview { max-height: 200px; } .dialog-list .dialog-list-box { spacing: 1em; } .dialog-list .dialog-list-box .dialog-list-item { spacing: 1em; } .dialog-list .dialog-list-box .dialog-list-item .dialog-list-item-title { font-weight: bold; } .dialog-list .dialog-list-box .dialog-list-item .dialog-list-item-description { color: #eaeaea; } /* Run Dialog */ .run-dialog .modal-dialog-content-box { margin-top: 24px; margin-bottom: 14px; } .run-dialog .run-dialog-entry { width: 20em; } .run-dialog .run-dialog-description { text-align: center; color: #c4c4c4; } /* Password or Authentication Dialog */ .prompt-dialog { width: 28em; } .prompt-dialog .modal-dialog-content-box { margin-bottom: 24px; } .prompt-dialog-password-grid { spacing-rows: 8px; spacing-columns: 4px; } .prompt-dialog-password-grid .prompt-dialog-password-entry { width: auto; } .prompt-dialog-password-grid .prompt-dialog-password-entry:ltr { margin-left: 20px; } .prompt-dialog-password-grid .prompt-dialog-password-entry:rtl { margin-right: 20px; } .prompt-dialog-password-layout { spacing: 8px; } .prompt-dialog-password-entry { width: 20em; } .prompt-dialog-error-label, .prompt-dialog-info-label, .prompt-dialog-null-label { text-align: center; } .prompt-dialog-error-label { color: #f99b11; } /* Polkit Dialog */ .polkit-dialog-user-layout { text-align: center; spacing: 8px; margin-bottom: 6px; } .polkit-dialog-user-layout .polkit-dialog-user-root-label { color: #f99b11; } /* Audio selection dialog */ .audio-device-selection-dialog .modal-dialog-content-box { margin-bottom: 28px; } .audio-device-selection-dialog .audio-selection-box { spacing: 20px; } .audio-selection-device { border-radius: 12px; } .audio-selection-device:hover, .audio-selection-device:focus { background-color: rgba(247, 247, 247, 0.1); } .audio-selection-device:active { background-color: #E95420; color: #FFFFFF; } .audio-selection-device-box { padding: 20px; spacing: 20px; } .audio-selection-device-icon { icon-size: 4.36em; } /* Welcome dialog */ .welcome-dialog-image { background-image: url("resource:///org/gnome/shell/theme/gnome-shell-start.svg"); background-size: contain; /* Reasonable maximum dimensions */ height: 300px; width: 300px; } /* Select Network dialogs */ .nm-dialog { max-height: 34em; min-height: 31em; min-width: 32em; } .nm-dialog-content { spacing: 20px; padding: 24px; } .nm-dialog-subheader { color: #8a8a8a; } .nm-dialog-header-icon { icon-size: 2.18em; } .nm-dialog-header-hbox { spacing: 10px; } .nm-dialog-scroll-view { padding: 6px; border-radius: 6px; background-color: #222222; } .nm-dialog-item { padding: 12px; } .nm-dialog-item:selected { background-color: #E95420; border-radius: 3px; color: #FFFFFF; } .nm-dialog-item:hover { background-color: rgba(247, 247, 247, 0.1); } .nm-dialog-icon { icon-size: 1.09em; } .nm-dialog-icons { spacing: 12px; } .no-networks-box { spacing: 6px; } .no-networks-label { color: #8a8a8a; } .nm-dialog-airplane-box { text-align: center; spacing: 12px; } .nm-dialog-airplane-text { color: #8a8a8a; } /* OSD */ .osd-window { text-align: center; font-weight: bold; spacing: 12px; padding: 12px 18px; margin-bottom: 4em; } .osd-window > * { spacing: 8px; } .osd-window StIcon { icon-size: 2.18em; } .osd-window StLabel:ltr { margin-right: 6px; } .osd-window StLabel:rtl { margin-left: 6px; } .osd-window .level { margin-bottom: 4px; height: 6px; min-width: 10.9em; -barlevel-height: 6px; -barlevel-background-color: rgba(238, 238, 236, 0.1); -barlevel-active-background-color: #eeeeec; -barlevel-overdrive-color: #991121; -barlevel-overdrive-separator-width: 3px; } .osd-window .level:first-child { margin-bottom: 0px; } .osd-window .level:ltr { margin-right: 6px; } .osd-window .level:rtl { margin-left: 6px; } .osd-monitor-label { border-radius: 12px; font-size: 3em; font-weight: bold; margin: 12px; text-align: center; min-width: 1.3em; } /* Pad OSD */ .pad-osd-window { padding: 32px; background-color: rgba(29, 29, 29, 0.975); color: #eeeeec; } .pad-osd-window .button:insensitive { color: #F7F7F7; } .pad-osd-window .pad-osd-title-box { spacing: 12px; } .pad-osd-window .pad-osd-title-menu-box { spacing: 6px; } .combo-box-label { width: 15em; } /* App Switcher */ .switcher-popup { padding: 0; spacing: 24px; } .switcher-list { padding: 10px; border-radius: 20px; box-shadow: 0 8px 8px 0 rgba(0, 0, 0, 0.1); } .switcher-list .switcher-list-item-container { spacing: 12px; } .switcher-list .item-box { background-color: transparent; } .switcher-list .item-box:hover { background-color: rgba(238, 238, 236, 0.1); } .switcher-list .item-box:selected, .switcher-list .item-box:focus { background-color: rgba(238, 238, 236, 0.13); } .switcher-list .item-box:selected:hover, .switcher-list .item-box:focus:hover { background-color: rgba(238, 238, 236, 0.16); } .switcher-list .item-box:selected:active, .switcher-list .item-box:focus:active { background-color: rgba(238, 238, 236, 0.13); } .switcher-list .item-box:active { background-color: rgba(238, 238, 236, 0.16); } .switcher-list .item-box:outlined, .switcher-list .item-box:checked { background-color: rgba(238, 238, 236, 0.19); } .switcher-list .item-box:outlined:active, .switcher-list .item-box:checked:active { background-color: rgba(238, 238, 236, 0.22); } .switcher-list .item-box:outlined:hover, .switcher-list .item-box:checked:hover { background-color: rgba(238, 238, 236, 0.25); } .switcher-list .item-box:drop { border: 2px solid rgba(233, 84, 32, 0.8); background-color: rgba(233, 84, 32, 0.2); } .switcher-list .item-box:hover { background: none; } .switcher-list .separator { width: 1px; background: #464646; } .switcher-list .thumbnail-box { padding: 2px; spacing: 6px; } .switcher-list .thumbnail { width: 256px; border-radius: 6px; } .switcher-arrow { border-color: rgba(0, 0, 0, 0); color: rgba(238, 238, 236, 0.8); } .switcher-arrow:highlighted { border-color: #eeeeec; color: #eeeeec; } .input-source-switcher-symbol { font-size: 34pt; width: 96px; height: 96px; } .cycler-highlight { border: 5px solid #E95420; } /* Workspace Switcher */ .workspace-switcher { margin-bottom: 4em; spacing: 12px; padding: 12px 18px; } .ws-switcher-indicator { background-color: rgba(238, 238, 236, 0.5); padding: 0.1816666667em; margin: 0.9083333333em; border-radius: 2.18em; } .ws-switcher-indicator:active { background-color: #eeeeec; padding: 0.3633333333em; margin: 0.7266666667em; } .icon-label-button-container { spacing: 6px; } .icon-label-button-container StIcon { icon-size: 32px; } .screenshot-ui-panel { border-radius: 33px; padding: 18px; padding-bottom: 12px; margin-bottom: 4em; spacing: 12px; } .screenshot-ui-close-button { padding: 6px; } .screenshot-ui-close-button.left { margin-left: 8px; } .screenshot-ui-close-button.right { margin-right: 8px; } .screenshot-ui-type-button { padding: 12px 18px !important; border-radius: 15px; } .screenshot-ui-capture-button { width: 36px; height: 36px; border-radius: 99px; border: 4px #eeeeec; padding: 4px; } .screenshot-ui-capture-button .screenshot-ui-capture-button-circle { background-color: #eeeeec; transition-duration: 200ms; border-radius: 99px; } .screenshot-ui-capture-button .screenshot-ui-capture-button-circle:hover, .screenshot-ui-capture-button .screenshot-ui-capture-button-circle:focus { background-color: rgba(247, 247, 247, 0.1); } .screenshot-ui-capture-button:hover .screenshot-ui-capture-button-circle, .screenshot-ui-capture-button:focus .screenshot-ui-capture-button-circle { background-color: #cacac4; } .screenshot-ui-capture-button:active .screenshot-ui-capture-button-circle { background-color: #747467; } .screenshot-ui-capture-button:cast .screenshot-ui-capture-button-circle { background-color: #c7162b; } .screenshot-ui-capture-button:cast:hover .screenshot-ui-capture-button-circle, .screenshot-ui-capture-button:cast:focus .screenshot-ui-capture-button-circle { background-color: #de1930; } .screenshot-ui-capture-button:cast:active .screenshot-ui-capture-button-circle { background-color: #a71224; } .screenshot-ui-shot-cast-container { background-color: rgba(247, 247, 247, 0.1); border-radius: 12px; padding: 3px; spacing: 3px; } .screenshot-ui-shot-cast-container:ltr { margin-left: 3px; } .screenshot-ui-shot-cast-container:rtl { margin-right: 3px; } .screenshot-ui-shot-cast-button { padding: 6px 12px; background-color: transparent; border-radius: 9px; } .screenshot-ui-shot-cast-button:hover, .screenshot-ui-shot-cast-button:focus { background-color: rgba(255, 255, 255, 0.1); } .screenshot-ui-shot-cast-button:active { background-color: rgba(255, 255, 255, 0.2); } .screenshot-ui-shot-cast-button:checked { background-color: white; color: black; } .screenshot-ui-shot-cast-button StIcon { icon-size: 1.09em; } .screenshot-ui-show-pointer-button { border-radius: 99px; padding: 12px !important; } .screenshot-ui-show-pointer-button StIcon { icon-size: 1.09em; } .screenshot-ui-area-indicator-shade { background-color: rgba(0, 0, 0, 0.3); } .screenshot-ui-area-selector .screenshot-ui-area-indicator-shade { background-color: rgba(0, 0, 0, 0.5); } .screenshot-ui-area-selector .screenshot-ui-area-indicator-selection { border: 2px white; } .screenshot-ui-area-selector-handle { border-radius: 99px; background-color: white; box-shadow: 0 1px 3px 2px rgba(0, 0, 0, 0.2); width: 24px; height: 24px; } .screenshot-ui-window-selector { background-color: #222222; } .screenshot-ui-window-selector .screenshot-ui-window-selector-window-container { margin: 100px; } .screenshot-ui-window-selector:primary-monitor .screenshot-ui-window-selector-window-container { margin-bottom: 200px; } .screenshot-ui-window-selector-window-border { transition-duration: 200ms; border-radius: 12px; border: 6px transparent; } .screenshot-ui-window-selector-check { transition-duration: 200ms; color: transparent; border-radius: 99px; border-width: 12px; icon-size: 24px; } .screenshot-ui-window-selector-window:hover .screenshot-ui-window-selector-window-border { border-color: #ac3911; } .screenshot-ui-window-selector-window:checked .screenshot-ui-window-selector-window-border { border-color: #E95420; background-color: rgba(233, 84, 32, 0.2); } .screenshot-ui-window-selector-window:checked .screenshot-ui-window-selector-check { color: #FFFFFF; background-color: #E95420; } .screenshot-ui-screen-selector { transition-duration: 200ms; background-color: rgba(0, 0, 0, 0.5); } .screenshot-ui-screen-selector:hover { background-color: rgba(0, 0, 0, 0.3); } .screenshot-ui-screen-selector:active { background-color: rgba(0, 0, 0, 0.7); } .screenshot-ui-screen-selector:checked { background-color: transparent; border: 2px white; } .screenshot-ui-tooltip { color: #eeeeec; background-color: rgba(29, 29, 29, 0.975); border-radius: 99px; padding: 6px 12px; text-align: center; -y-offset: 24px; } /* Top Bar */ #panel { background-color: #131313; font-weight: bold; height: 1.86em; transition-duration: 250ms; } #panel.unlock-screen, #panel.login-screen { background-color: transparent; } #panel .panel-button { font-weight: bold; color: #f2f2f2; -natural-hpadding: 12px; -minimum-hpadding: 6px; transition-duration: 150ms; border: 3px solid transparent; border-radius: 99px; } #panel .panel-button.clock-display .clock { transition-duration: 150ms; border: 3px solid transparent; border-radius: 99px; } #panel .panel-button.screen-recording-indicator { box-shadow: inset 0 0 0 100px #c7162b; } #panel .panel-button.screen-recording-indicator StBoxLayout { spacing: 6px; } #panel .panel-button.screen-recording-indicator StIcon { icon-size: 1.09em; } #panel .panel-button:active, #panel .panel-button:overview, #panel .panel-button:focus, #panel .panel-button:checked { box-shadow: inset 0 0 0 100px rgba(242, 242, 242, 0.2); } #panel .panel-button:active.clock-display, #panel .panel-button:overview.clock-display, #panel .panel-button:focus.clock-display, #panel .panel-button:checked.clock-display { box-shadow: none; } #panel .panel-button:active.clock-display .clock, #panel .panel-button:overview.clock-display .clock, #panel .panel-button:focus.clock-display .clock, #panel .panel-button:checked.clock-display .clock { box-shadow: inset 0 0 0 100px rgba(242, 242, 242, 0.2); } #panel .panel-button:active.screen-recording-indicator, #panel .panel-button:overview.screen-recording-indicator, #panel .panel-button:focus.screen-recording-indicator, #panel .panel-button:checked.screen-recording-indicator { box-shadow: inset 0 0 0 100px rgba(199, 22, 43, 0.85); } #panel .panel-button:hover { box-shadow: inset 0 0 0 100px rgba(242, 242, 242, 0.15); } #panel .panel-button:hover.clock-display { box-shadow: none; } #panel .panel-button:hover.clock-display .clock { box-shadow: inset 0 0 0 100px rgba(242, 242, 242, 0.15); } #panel .panel-button:hover.screen-recording-indicator { box-shadow: inset 0 0 0 100px rgba(199, 22, 43, 0.9); } #panel .panel-button:active:hover, #panel .panel-button:overview:hover, #panel .panel-button:focus:hover, #panel .panel-button:checked:hover { box-shadow: inset 0 0 0 100px rgba(242, 242, 242, 0.25); } #panel .panel-button:active:hover.clock-display, #panel .panel-button:overview:hover.clock-display, #panel .panel-button:focus:hover.clock-display, #panel .panel-button:checked:hover.clock-display { box-shadow: none; } #panel .panel-button:active:hover.clock-display .clock, #panel .panel-button:overview:hover.clock-display .clock, #panel .panel-button:focus:hover.clock-display .clock, #panel .panel-button:checked:hover.clock-display .clock { box-shadow: inset 0 0 0 100px rgba(242, 242, 242, 0.25); } #panel .panel-button:active:hover.screen-recording-indicator, #panel .panel-button:overview:hover.screen-recording-indicator, #panel .panel-button:focus:hover.screen-recording-indicator, #panel .panel-button:checked:hover.screen-recording-indicator { box-shadow: inset 0 0 0 100px rgba(199, 22, 43, 0.8); } #panel .panel-button .system-status-icon { icon-size: 1.09em; padding: 5px; margin: 0 4px; } #panel .panel-button .panel-status-indicators-box .system-status-icon, #panel .panel-button .panel-status-menu-box .system-status-icon { margin: 0; } #panel .panel-button .app-menu-icon { -st-icon-style: symbolic; } #panel .panel-button#panelActivities { -natural-hpadding: 18px; } #panel.unlock-screen .panel-button:active, #panel.unlock-screen .panel-button:overview, #panel.unlock-screen .panel-button:focus, #panel.unlock-screen .panel-button:checked, #panel.login-screen .panel-button:active, #panel.login-screen .panel-button:overview, #panel.login-screen .panel-button:focus, #panel.login-screen .panel-button:checked, #panel:overview .panel-button:active, #panel:overview .panel-button:overview, #panel:overview .panel-button:focus, #panel:overview .panel-button:checked { box-shadow: inset 0 0 0 100px rgba(255, 255, 255, 0.15); } #panel.unlock-screen .panel-button:active.clock-display, #panel.unlock-screen .panel-button:overview.clock-display, #panel.unlock-screen .panel-button:focus.clock-display, #panel.unlock-screen .panel-button:checked.clock-display, #panel.login-screen .panel-button:active.clock-display, #panel.login-screen .panel-button:overview.clock-display, #panel.login-screen .panel-button:focus.clock-display, #panel.login-screen .panel-button:checked.clock-display, #panel:overview .panel-button:active.clock-display, #panel:overview .panel-button:overview.clock-display, #panel:overview .panel-button:focus.clock-display, #panel:overview .panel-button:checked.clock-display { box-shadow: none; } #panel.unlock-screen .panel-button:active.clock-display .clock, #panel.unlock-screen .panel-button:overview.clock-display .clock, #panel.unlock-screen .panel-button:focus.clock-display .clock, #panel.unlock-screen .panel-button:checked.clock-display .clock, #panel.login-screen .panel-button:active.clock-display .clock, #panel.login-screen .panel-button:overview.clock-display .clock, #panel.login-screen .panel-button:focus.clock-display .clock, #panel.login-screen .panel-button:checked.clock-display .clock, #panel:overview .panel-button:active.clock-display .clock, #panel:overview .panel-button:overview.clock-display .clock, #panel:overview .panel-button:focus.clock-display .clock, #panel:overview .panel-button:checked.clock-display .clock { box-shadow: inset 0 0 0 100px rgba(255, 255, 255, 0.15); } #panel.unlock-screen .panel-button:active.screen-recording-indicator, #panel.unlock-screen .panel-button:overview.screen-recording-indicator, #panel.unlock-screen .panel-button:focus.screen-recording-indicator, #panel.unlock-screen .panel-button:checked.screen-recording-indicator, #panel.login-screen .panel-button:active.screen-recording-indicator, #panel.login-screen .panel-button:overview.screen-recording-indicator, #panel.login-screen .panel-button:focus.screen-recording-indicator, #panel.login-screen .panel-button:checked.screen-recording-indicator, #panel:overview .panel-button:active.screen-recording-indicator, #panel:overview .panel-button:overview.screen-recording-indicator, #panel:overview .panel-button:focus.screen-recording-indicator, #panel:overview .panel-button:checked.screen-recording-indicator { box-shadow: inset 0 0 0 100px rgba(199, 22, 43, 0.85); } #panel.unlock-screen .panel-button:hover, #panel.login-screen .panel-button:hover, #panel:overview .panel-button:hover { box-shadow: inset 0 0 0 100px rgba(255, 255, 255, 0.1); } #panel.unlock-screen .panel-button:hover.clock-display, #panel.login-screen .panel-button:hover.clock-display, #panel:overview .panel-button:hover.clock-display { box-shadow: none; } #panel.unlock-screen .panel-button:hover.clock-display .clock, #panel.login-screen .panel-button:hover.clock-display .clock, #panel:overview .panel-button:hover.clock-display .clock { box-shadow: inset 0 0 0 100px rgba(255, 255, 255, 0.1); } #panel.unlock-screen .panel-button:hover.screen-recording-indicator, #panel.login-screen .panel-button:hover.screen-recording-indicator, #panel:overview .panel-button:hover.screen-recording-indicator { box-shadow: inset 0 0 0 100px rgba(199, 22, 43, 0.9); } #panel.unlock-screen .panel-button:active:hover, #panel.unlock-screen .panel-button:overview:hover, #panel.unlock-screen .panel-button:focus:hover, #panel.unlock-screen .panel-button:checked:hover, #panel.login-screen .panel-button:active:hover, #panel.login-screen .panel-button:overview:hover, #panel.login-screen .panel-button:focus:hover, #panel.login-screen .panel-button:checked:hover, #panel:overview .panel-button:active:hover, #panel:overview .panel-button:overview:hover, #panel:overview .panel-button:focus:hover, #panel:overview .panel-button:checked:hover { box-shadow: inset 0 0 0 100px rgba(255, 255, 255, 0.2); } #panel.unlock-screen .panel-button:active:hover.clock-display, #panel.unlock-screen .panel-button:overview:hover.clock-display, #panel.unlock-screen .panel-button:focus:hover.clock-display, #panel.unlock-screen .panel-button:checked:hover.clock-display, #panel.login-screen .panel-button:active:hover.clock-display, #panel.login-screen .panel-button:overview:hover.clock-display, #panel.login-screen .panel-button:focus:hover.clock-display, #panel.login-screen .panel-button:checked:hover.clock-display, #panel:overview .panel-button:active:hover.clock-display, #panel:overview .panel-button:overview:hover.clock-display, #panel:overview .panel-button:focus:hover.clock-display, #panel:overview .panel-button:checked:hover.clock-display { box-shadow: none; } #panel.unlock-screen .panel-button:active:hover.clock-display .clock, #panel.unlock-screen .panel-button:overview:hover.clock-display .clock, #panel.unlock-screen .panel-button:focus:hover.clock-display .clock, #panel.unlock-screen .panel-button:checked:hover.clock-display .clock, #panel.login-screen .panel-button:active:hover.clock-display .clock, #panel.login-screen .panel-button:overview:hover.clock-display .clock, #panel.login-screen .panel-button:focus:hover.clock-display .clock, #panel.login-screen .panel-button:checked:hover.clock-display .clock, #panel:overview .panel-button:active:hover.clock-display .clock, #panel:overview .panel-button:overview:hover.clock-display .clock, #panel:overview .panel-button:focus:hover.clock-display .clock, #panel:overview .panel-button:checked:hover.clock-display .clock { box-shadow: inset 0 0 0 100px rgba(255, 255, 255, 0.2); } #panel.unlock-screen .panel-button:active:hover.screen-recording-indicator, #panel.unlock-screen .panel-button:overview:hover.screen-recording-indicator, #panel.unlock-screen .panel-button:focus:hover.screen-recording-indicator, #panel.unlock-screen .panel-button:checked:hover.screen-recording-indicator, #panel.login-screen .panel-button:active:hover.screen-recording-indicator, #panel.login-screen .panel-button:overview:hover.screen-recording-indicator, #panel.login-screen .panel-button:focus:hover.screen-recording-indicator, #panel.login-screen .panel-button:checked:hover.screen-recording-indicator, #panel:overview .panel-button:active:hover.screen-recording-indicator, #panel:overview .panel-button:overview:hover.screen-recording-indicator, #panel:overview .panel-button:focus:hover.screen-recording-indicator, #panel:overview .panel-button:checked:hover.screen-recording-indicator { box-shadow: inset 0 0 0 100px rgba(199, 22, 43, 0.8); } #panel .panel-status-indicators-box, #panel .panel-status-menu-box { spacing: 2px; } #panel .power-status.panel-status-indicators-box { spacing: 0; } #panel .screencast-indicator, #panel .remote-access-indicator { color: #f99b11; } #appMenu { spacing: 6px; } #appMenu .label-shadow { color: transparent; } #appMenu .panel-status-menu-box { padding: 0 6px; spacing: 6px; } .clock-display-box { spacing: 2px; } .clock-display-box .clock { padding-left: 12px; padding-right: 12px; } /* Activities Ripple */ .ripple-box { background-color: rgba(251, 226, 218, 0.3); box-shadow: 0 0 2px 2px #f29b7d; width: 52px; height: 52px; border-radius: 0 0 52px 0; } .ripple-box:rtl { border-radius: 0 0 0 52px; } /* OVERVIEW */ .controls-manager, .secondary-monitor-workspaces { spacing: 12px; } #overviewGroup { background-color: #222222; } .overview-controls { padding-bottom: 32px; } /* Window Picker */ .window-picker { spacing: 6px; } .window-caption { color: #eeeeec; background-color: rgba(29, 29, 29, 0.975); border-radius: 99px; padding: 6px 12px; border: 1px solid #464646; } .window-close, .screenshot-ui-close-button { background-color: rgba(55, 55, 55, 0.975); color: #eeeeec; border-radius: 99px; padding: 3px; height: 30px; width: 30px; transition-duration: 300ms; border: 1px solid #464646; } .window-close StIcon, .screenshot-ui-close-button StIcon { icon-size: 24px; } .window-close:hover, .screenshot-ui-close-button:hover { background-color: rgba(67, 67, 67, 0.975); } .window-close:active, .screenshot-ui-close-button:active { background-color: rgba(42, 42, 42, 0.975); } .workspace-background { border-radius: 30px; box-shadow: 0 4px 16px 4px rgba(0, 0, 0, 0.275); } .search-entry { border-radius: 18px; margin-top: 24px; margin-bottom: 12px; padding: 7px 9px; width: 320px; background-color: #1d1d1d; color: rgba(247, 247, 247, 0.7); border: 1px solid #464646; } .search-entry:hover { background-color: #1d1d1d; border-color: #535353; color: #F7F7F7; } .search-entry:focus { background-color: #1d1d1d; border-color: #ef8661; box-shadow: 0 0 0 1px #ef8661 inset; color: #F7F7F7; } .search-entry:insensitive { background-color: #2c2c2c; border-color: #2c2c2c; color: #8a8a8a; } .search-entry .search-entry-icon { color: inherit; icon-size: 1.09em; margin-top: 2px; padding: 0 4px; } /* Search */ #searchResults { margin: 0 4px; } #searchResultsContent { max-width: 1072px; } .search-section { spacing: 18px; } .search-section .search-section-separator { height: 8px; background-color: transparent; } .search-section-content { background-color: #1d1d1d; border-radius: 18px; border: 1px solid #464646; color: #eeeeec; padding: 12px; margin: 0 12px; } .list-search-result, .search-provider-icon { background-color: transparent; border-radius: 9px; } .list-search-result:hover, .search-provider-icon:hover { background-color: rgba(238, 238, 236, 0.1); } .list-search-result:selected, .search-provider-icon:selected, .list-search-result:focus, .search-provider-icon:focus { background-color: rgba(238, 238, 236, 0.13); } .list-search-result:selected:hover, .search-provider-icon:selected:hover, .list-search-result:focus:hover, .search-provider-icon:focus:hover { background-color: rgba(238, 238, 236, 0.16); } .list-search-result:selected:active, .search-provider-icon:selected:active, .list-search-result:focus:active, .search-provider-icon:focus:active { background-color: rgba(238, 238, 236, 0.13); } .list-search-result:active, .search-provider-icon:active { background-color: rgba(238, 238, 236, 0.16); } .list-search-result:outlined, .search-provider-icon:outlined, .list-search-result:checked, .search-provider-icon:checked { background-color: rgba(238, 238, 236, 0.19); } .list-search-result:outlined:active, .search-provider-icon:outlined:active, .list-search-result:checked:active, .search-provider-icon:checked:active { background-color: rgba(238, 238, 236, 0.22); } .list-search-result:outlined:hover, .search-provider-icon:outlined:hover, .list-search-result:checked:hover, .search-provider-icon:checked:hover { background-color: rgba(238, 238, 236, 0.25); } .list-search-result:drop, .search-provider-icon:drop { border: 2px solid rgba(233, 84, 32, 0.8); background-color: rgba(233, 84, 32, 0.2); } .grid-search-results { spacing: 30px; margin: 0 12px; } .search-provider-icon:ltr { margin-right: 4px; } .search-provider-icon:rtl { margin-left: 4px; } .search-provider-icon .list-search-provider-content { spacing: 12px; } .search-provider-icon .list-search-provider-content .list-search-provider-details { width: 120px; color: #eeeeec; } .list-search-results { spacing: 6px; } .list-search-result .list-search-result-content { spacing: 6px; } .list-search-result .list-search-result-title { spacing: 12px; } .list-search-result .list-search-result-description { color: #868685; } /* Dash */ #dash { margin-top: 12px; } #dash .placeholder { background-image: none; background-size: contain; height: 32px; } #dash .empty-dash-drop-target { width: 32px; height: 32px; } #dash .app-well-app-running-dot { margin-bottom: 13px; background-color: #E95420; } .dash-background { background-color: #1d1d1d; border-radius: 24px; padding: 12px; border: 1px solid #464646; spacing: 6px; margin-bottom: 12px; } .dash-item-container > * { margin: 0 2px; } .dash-item-container:ltr:first-child { margin-left: 0; } .dash-item-container:rtl:first-child { margin-right: 0; } .dash-item-container .app-well-app .overview-icon, .dash-item-container .grid-search-result .overview-icon { padding: 6px; } .dash-item-container .show-apps .overview-icon { background-color: transparent; } .dash-item-container .show-apps:hover .overview-icon { background-color: rgba(238, 238, 236, 0.1); } .dash-item-container .show-apps:selected .overview-icon, .dash-item-container .show-apps:focus .overview-icon { background-color: rgba(238, 238, 236, 0.13); } .dash-item-container .show-apps:selected .overview-icon:hover .overview-icon, .dash-item-container .show-apps:focus .overview-icon:hover .overview-icon { background-color: rgba(238, 238, 236, 0.16); } .dash-item-container .show-apps:selected .overview-icon:active .overview-icon, .dash-item-container .show-apps:focus .overview-icon:active .overview-icon { background-color: rgba(238, 238, 236, 0.13); } .dash-item-container .show-apps:active .overview-icon { background-color: rgba(238, 238, 236, 0.16); } .dash-item-container .show-apps:outlined .overview-icon, .dash-item-container .show-apps:checked .overview-icon { background-color: rgba(238, 238, 236, 0.19); } .dash-item-container .show-apps:outlined .overview-icon:active .overview-icon, .dash-item-container .show-apps:checked .overview-icon:active .overview-icon { background-color: rgba(238, 238, 236, 0.22); } .dash-item-container .show-apps:outlined .overview-icon:hover .overview-icon, .dash-item-container .show-apps:checked .overview-icon:hover .overview-icon { background-color: rgba(238, 238, 236, 0.25); } .dash-item-container .show-apps:drop .overview-icon { border: 2px solid rgba(233, 84, 32, 0.8); background-color: rgba(233, 84, 32, 0.2); } .dash-item-container .show-apps:focus .overview-icon, .dash-item-container .show-apps:active .overview-icon, .dash-item-container .show-apps:checked .overview-icon { background-color: rgba(238, 238, 236, 0.2); } .dash-item-container .show-apps, .dash-item-container .app-well-app, .dash-item-container .grid-search-result { padding-bottom: 12px; } .dash-separator { width: 1px; margin: 0 4px; background-color: #464646; margin-bottom: 12px; } .dash-label { color: #eeeeec; background-color: rgba(29, 29, 29, 0.975); border-radius: 99px; padding: 6px 12px; text-align: center; -y-offset: 8px; border: 1px solid #464646; } /* App Grid */ .icon-grid { row-spacing: 12px; column-spacing: 12px; max-row-spacing: 42px; max-column-spacing: 42px; page-padding-top: 24px; page-padding-bottom: 24px; page-padding-left: 18px; page-padding-right: 18px; } /* App Icons */ .app-well-app .overview-icon, .grid-search-result .overview-icon { background-color: transparent; } .app-well-app:hover .overview-icon, .grid-search-result:hover .overview-icon { background-color: rgba(238, 238, 236, 0.1); } .app-well-app:selected .overview-icon, .grid-search-result:selected .overview-icon, .app-well-app:focus .overview-icon, .grid-search-result:focus .overview-icon { background-color: rgba(238, 238, 236, 0.13); } .app-well-app:selected .overview-icon:hover .overview-icon, .grid-search-result:selected .overview-icon:hover .overview-icon, .app-well-app:focus .overview-icon:hover .overview-icon, .grid-search-result:focus .overview-icon:hover .overview-icon { background-color: rgba(238, 238, 236, 0.16); } .app-well-app:selected .overview-icon:active .overview-icon, .grid-search-result:selected .overview-icon:active .overview-icon, .app-well-app:focus .overview-icon:active .overview-icon, .grid-search-result:focus .overview-icon:active .overview-icon { background-color: rgba(238, 238, 236, 0.13); } .app-well-app:active .overview-icon, .grid-search-result:active .overview-icon { background-color: rgba(238, 238, 236, 0.16); } .app-well-app:outlined .overview-icon, .grid-search-result:outlined .overview-icon, .app-well-app:checked .overview-icon, .grid-search-result:checked .overview-icon { background-color: rgba(238, 238, 236, 0.19); } .app-well-app:outlined .overview-icon:active .overview-icon, .grid-search-result:outlined .overview-icon:active .overview-icon, .app-well-app:checked .overview-icon:active .overview-icon, .grid-search-result:checked .overview-icon:active .overview-icon { background-color: rgba(238, 238, 236, 0.22); } .app-well-app:outlined .overview-icon:hover .overview-icon, .grid-search-result:outlined .overview-icon:hover .overview-icon, .app-well-app:checked .overview-icon:hover .overview-icon, .grid-search-result:checked .overview-icon:hover .overview-icon { background-color: rgba(238, 238, 236, 0.25); } .app-well-app:drop .overview-icon, .grid-search-result:drop .overview-icon { border: 2px solid rgba(233, 84, 32, 0.8); background-color: rgba(233, 84, 32, 0.2); } .app-well-app:focus .overview-icon, .grid-search-result:focus .overview-icon, .app-well-app:active .overview-icon, .grid-search-result:active .overview-icon, .app-well-app:checked .overview-icon, .grid-search-result:checked .overview-icon { background-color: rgba(238, 238, 236, 0.2); } .app-well-app .overview-icon, .grid-search-result .overview-icon { padding: 12px; } .app-well-app .overview-icon.overview-icon-with-label > StBoxLayout, .grid-search-result .overview-icon.overview-icon-with-label > StBoxLayout { spacing: 6px; } .app-well-app.app-folder .overview-icon, .app-folder.grid-search-result .overview-icon { background-color: rgba(238, 238, 236, 0.05); } .app-well-app.app-folder:hover .overview-icon, .app-folder.grid-search-result:hover .overview-icon { background-color: rgba(238, 238, 236, 0.1); } .app-well-app.app-folder:selected .overview-icon, .app-folder.grid-search-result:selected .overview-icon, .app-well-app.app-folder:focus .overview-icon, .app-folder.grid-search-result:focus .overview-icon { background-color: rgba(238, 238, 236, 0.13); } .app-well-app.app-folder:selected .overview-icon:hover .overview-icon, .app-folder.grid-search-result:selected .overview-icon:hover .overview-icon, .app-well-app.app-folder:focus .overview-icon:hover .overview-icon, .app-folder.grid-search-result:focus .overview-icon:hover .overview-icon { background-color: rgba(238, 238, 236, 0.16); } .app-well-app.app-folder:selected .overview-icon:active .overview-icon, .app-folder.grid-search-result:selected .overview-icon:active .overview-icon, .app-well-app.app-folder:focus .overview-icon:active .overview-icon, .app-folder.grid-search-result:focus .overview-icon:active .overview-icon { background-color: rgba(238, 238, 236, 0.13); } .app-well-app.app-folder:active .overview-icon, .app-folder.grid-search-result:active .overview-icon { background-color: rgba(238, 238, 236, 0.16); } .app-well-app.app-folder:outlined .overview-icon, .app-folder.grid-search-result:outlined .overview-icon, .app-well-app.app-folder:checked .overview-icon, .app-folder.grid-search-result:checked .overview-icon { background-color: rgba(238, 238, 236, 0.19); } .app-well-app.app-folder:outlined .overview-icon:active .overview-icon, .app-folder.grid-search-result:outlined .overview-icon:active .overview-icon, .app-well-app.app-folder:checked .overview-icon:active .overview-icon, .app-folder.grid-search-result:checked .overview-icon:active .overview-icon { background-color: rgba(238, 238, 236, 0.22); } .app-well-app.app-folder:outlined .overview-icon:hover .overview-icon, .app-folder.grid-search-result:outlined .overview-icon:hover .overview-icon, .app-well-app.app-folder:checked .overview-icon:hover .overview-icon, .app-folder.grid-search-result:checked .overview-icon:hover .overview-icon { background-color: rgba(238, 238, 236, 0.25); } .app-well-app.app-folder:drop .overview-icon, .app-folder.grid-search-result:drop .overview-icon { border: 2px solid rgba(233, 84, 32, 0.8); background-color: rgba(233, 84, 32, 0.2); } .app-well-app.app-folder:focus .overview-icon, .app-folder.grid-search-result:focus .overview-icon, .app-well-app.app-folder:active .overview-icon, .app-folder.grid-search-result:active .overview-icon, .app-well-app.app-folder:checked .overview-icon, .app-folder.grid-search-result:checked .overview-icon { background-color: rgba(238, 238, 236, 0.2); } .app-folder-dialog { border-radius: 24px; background-color: #1d1d1d; border: 1px solid #464646; } .app-folder-dialog .folder-name-container { padding: 24px 36px 0; spacing: 12px; /* FIXME: this is to keep the label in sync with the entry */ } .app-folder-dialog .folder-name-container .folder-name-label, .app-folder-dialog .folder-name-container .folder-name-entry { color: #eeeeec; } .app-folder-dialog .folder-name-container .folder-name-entry { width: 300px; background-color: rgba(39, 39, 39, 0.975); border-color: rgba(255, 255, 255, 0.16); } .app-folder-dialog .folder-name-container .folder-name-label { padding: 5px 7px; color: #eeeeec; } .app-folder-dialog .folder-name-container .edit-folder-button { padding: 0; width: 36px; height: 36px; border-radius: 99px; } .app-folder-dialog .folder-name-container .edit-folder-button > StIcon { icon-size: 1.09em; } .app-folder-dialog .icon-grid { row-spacing: 12px; column-spacing: 30px; page-padding-top: 0; page-padding-bottom: 0; page-padding-left: 0; page-padding-right: 0; } .app-folder-dialog .page-indicators { margin-bottom: 18px; } .app-folder-dialog-container { padding: 12px; width: 640px; height: 640px; } .app-well-app-running-dot { height: 5px; width: 5px; border-radius: 5px; margin-bottom: 8px; background-color: #E95420; } .rename-folder-popup .rename-folder-popup-item { spacing: 6px; } .rename-folder-popup .rename-folder-popup-item:ltr, .rename-folder-popup .rename-folder-popup-item:rtl { padding: 0 12px; } .page-indicator { padding: 6px 12px 0; } .page-indicator .page-indicator-icon { width: 10px; height: 10px; border-radius: 10px; background-color: white; } .apps-scroll-view { padding: 0; } .system-action-icon { background-color: rgba(0, 0, 0, 0.8); color: #fff; border-radius: 99px; icon-size: 48px; } .page-navigation-hint { width: 300px; } .page-navigation-hint.dnd { background: rgba(255, 255, 255, 0.1); } .page-navigation-hint.next:ltr, .page-navigation-hint.previous:rtl { background-gradient-start: rgba(255, 255, 255, 0.05); background-gradient-end: transparent; background-gradient-direction: horizontal; border-radius: 18px 0px 0px 18px; } .page-navigation-hint.previous:ltr, .page-navigation-hint.next:rtl { background-gradient-start: transparent; background-gradient-end: rgba(255, 255, 255, 0.05); background-gradient-direction: horizontal; border-radius: 0px 18px 18px 0px; } .page-navigation-arrow { margin: 6px; width: 24px; height: 24px; color: #eeeeec; } /* Workspace pager */ .workspace-thumbnails { visible-width: 32px; spacing: 6px; padding: 6px; border-color: transparent; } .workspace-thumbnails .workspace-thumbnail { border-radius: 3px; background-color: #1d1d1d; border: 1px solid #464646; } .workspace-thumbnails .placeholder { background-image: url("resource:///org/gnome/shell/theme/workspace-placeholder.svg"); background-size: contain; width: 18px; } .workspace-thumbnail-indicator { border: 2px solid #ef8661; border-radius: 3px; padding: 0px; } .ripple-pointer-location { width: 50px; height: 50px; border-radius: 25px; background-color: rgba(247, 191, 171, 0.3); box-shadow: 0 0 2px 2px #f29b7d; } .pie-timer { width: 60px; height: 60px; -pie-border-width: 3px; -pie-border-color: #E95420; -pie-background-color: rgba(251, 226, 218, 0.3); } .magnifier-zoom-region { border: 2px solid #E95420; } .magnifier-zoom-region.full-screen { border-width: 0; } .select-area-rubberband { background-color: rgba(135, 135, 135, 0.2); border: 1px solid rgba(204, 204, 204, 0.8); } .user-icon { /* Yaru: See commit 3d4aca768250 */ background-size: contain; color: #F7F7F7; border-radius: 99px; icon-size: 4.36em; } .user-icon:hover { color: white; } .user-icon StIcon { background-color: rgba(247, 247, 247, 0.05); border-radius: 99px; padding: 12px; width: 2.725em; height: 2.725em; } .user-icon.user-avatar { border: 2px #eeeeec; } .user-widget.vertical .user-icon { icon-size: 6.54em; } .user-widget.vertical .user-icon StIcon { padding: 20px; padding-top: 18px; padding-bottom: 22px; width: 5.995em; height: 5.995em; /* Yaru: See commit 3d4aca768250 */ } .lightbox { background-color: black; } .flashspot { background-color: white; } .hidden { color: rgba(0, 0, 0, 0); } .caps-lock-warning-label { text-align: center; padding-bottom: 8px; color: #f99b11; } /* Workspace animation */ .workspace-animation { background-color: #222222; } /* Tiled window previews */ .tile-preview { background-color: rgba(233, 84, 32, 0.5); border: 1px solid #E95420; } /* On-screen Keyboard */ #keyboard { background-color: rgba(0, 0, 0, 0.9); } #keyboard .page-indicator { padding: 6px; } #keyboard .page-indicator .page-indicator-icon { width: 8px; height: 8px; } .key-container { padding: 4px; spacing: 4px; } .keyboard-key { font-size: 16pt; font-weight: bold; min-height: 1.2em; min-width: 1.2em; border-width: 1px; border-style: solid; border-radius: 10px; box-shadow: 0 1px 0 0 rgba(0, 0, 0, 0.1); color: #F7F7F7; background-color: #222222; } .keyboard-key:focus { color: #F7F7F7; background-color: #362722; box-shadow: inset 0 0 0 2px rgba(233, 84, 32, 0.6); } .keyboard-key:focus:hover { background-color: #42332d; box-shadow: inset 0 0 0 2px rgba(233, 84, 32, 0.7); } .keyboard-key:focus:active { background-color: #463732; box-shadow: inset 0 0 0 2px rgba(233, 84, 32, 0.7); } .keyboard-key:hover { color: #F7F7F7; background-color: #2c2c2c; } .keyboard-key:active { color: #F7F7F7; background-color: #343434; } .keyboard-key:checked { color: #F7F7F7; background-color: #414141; } .keyboard-key:grayed { background-color: #151515; color: #F7F7F7; border-color: rgba(0, 0, 0, 0.7); } .keyboard-key.default-key { color: #F7F7F7; background-color: #222222; border-radius: 10px; } .keyboard-key.default-key:hover { color: #F7F7F7; background-color: #2c2c2c; } .keyboard-key.default-key:active { color: #F7F7F7; background-color: #343434; } .keyboard-key.default-key:checked { color: #F7F7F7; background-color: #414141; } .keyboard-key.enter-key { color: #FFFFFF; background-color: #0d7b1e; border-radius: 10px; color: #eeeeec; } .keyboard-key.enter-key:hover { color: #FFFFFF; background-color: #0f8d22; } .keyboard-key.enter-key:active { color: #FFFFFF; background-color: #109b26; } .keyboard-key.enter-key:checked { color: #FFFFFF; background-color: #13b22b; } .keyboard-key.shift-key-uppercase { background-color: #4e4e4e; color: #F7F7F7; } .keyboard-key.shift-key-uppercase:hover { background-color: #5a5a5a; } .keyboard-key StIcon { icon-size: 24px; } .keyboard-subkeys { -arrow-border-radius: 12px; -arrow-background-color: rgba(9, 9, 9, 0.9); -arrow-border-width: 1px; -arrow-border-color: #464646; -arrow-base: 20px; -arrow-rise: 10px; -boxpointer-gap: 6px; padding: 6px; } .keyboard-subkeys .keyboard-key { color: #F7F7F7; background-color: #222222; border-radius: 10px; } .keyboard-subkeys .keyboard-key:focus { color: #F7F7F7; background-color: #362722; box-shadow: inset 0 0 0 2px rgba(233, 84, 32, 0.6); } .keyboard-subkeys .keyboard-key:focus:hover { background-color: #42332d; box-shadow: inset 0 0 0 2px rgba(233, 84, 32, 0.7); } .keyboard-subkeys .keyboard-key:focus:active { background-color: #463732; box-shadow: inset 0 0 0 2px rgba(233, 84, 32, 0.7); } .keyboard-subkeys .keyboard-key:hover { color: #F7F7F7; background-color: #2c2c2c; } .keyboard-subkeys .keyboard-key:active { color: #F7F7F7; background-color: #343434; } .keyboard-subkeys .keyboard-key:checked { color: #F7F7F7; background-color: #414141; } .emoji-page .keyboard-key { background-color: transparent; border: none; color: initial; } .emoji-panel .keyboard-key:latched { border-color: #eb6637; background-color: #E95420; } .word-suggestions { font-size: 14pt; spacing: 12px; min-height: 20pt; padding: 12px; color: #F7F7F7; } .word-suggestions StButton { margin: 0 3px; min-width: 32px; border-radius: 4px; padding: 6px 18px; background-color: transparent; background-image: none; } .word-suggestions StButton:focus { color: #F7F7F7; background-color: #362722; box-shadow: inset 0 0 0 2px rgba(233, 84, 32, 0.6); } .word-suggestions StButton:focus:hover { background-color: #42332d; box-shadow: inset 0 0 0 2px rgba(233, 84, 32, 0.7); } .word-suggestions StButton:focus:active { background-color: #463732; box-shadow: inset 0 0 0 2px rgba(233, 84, 32, 0.7); } .word-suggestions StButton:hover { color: #F7F7F7; background-color: #2c2c2c; } .word-suggestions StButton:active { color: #F7F7F7; background-color: #343434; } .word-suggestions StButton:checked { color: #F7F7F7; background-color: #414141; } /* Looking Glass */ #LookingGlassDialog { background-color: rgba(29, 29, 29, 0.975); border-radius: 0 0 12px 12px; border-top-width: 0; border: 1px solid rgba(255, 255, 255, 0.16); color: #eeeeec; padding: 6px; spacing: 6px; box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.1); } #LookingGlassDialog > #Toolbar { border: none; padding: 6px; border-radius: 0; background-color: transparent; spacing: 6px; } #LookingGlassDialog > #Toolbar .lg-toolbar-button { padding: 6px 12px; } #LookingGlassDialog > #Toolbar .lg-toolbar-button > StIcon { icon-size: 1.09em; } #LookingGlassDialog .labels { spacing: 6px; } #LookingGlassDialog .notebook-tab { -natural-hpadding: 12px; -minimum-hpadding: 12px; font-weight: bold; padding: 6px 12px; color: #cacac4; transition-duration: 100ms; box-shadow: none; border: none; border-radius: 4px; background-color: transparent; } #LookingGlassDialog .notebook-tab:hover { color: #eeeeec; background-color: rgba(238, 238, 236, 0.05); } #LookingGlassDialog .notebook-tab:selected { color: #eeeeec; background-color: rgba(238, 238, 236, 0.1); } #LookingGlassDialog StBoxLayout#EvalBox { padding: 4px; spacing: 6px; padding: 6px; } #LookingGlassDialog StBoxLayout#ResultsArea { spacing: 6px; padding: 6px; } .lg-dialog { color: #eeeeec; } .lg-dialog StEntry { background-color: rgba(42, 42, 42, 0.575); color: #eeeeec; border-color: rgba(238, 238, 236, 0.2); min-height: 22px; selection-background-color: #E95420; selected-color: #FFFFFF; } .lg-dialog StEntry, .lg-dialog StEntry:focus { box-shadow: none; } .lg-dialog .shell-link { color: #f29b7d; } .lg-dialog .shell-link:hover { color: #f7bfab; } .lg-dialog .shell-link:active { color: #ee784e; } .lg-dialog .actor-link { color: #8a8a8a; } .lg-dialog .actor-link:hover { color: #bdbdbd; } .lg-dialog .actor-link:active { color: #575757; } .lg-completions-text { font-style: italic; color: #eeeeec; } .lg-obj-inspector-title { spacing: 6px; color: #eeeeec; } .lg-obj-inspector-button { border: 1px solid rgba(0, 0, 0, 0.7); padding: 4px; border-radius: 6px; color: #eeeeec; } .lg-obj-inspector-button:hover { border: 1px solid #ffffff; } #lookingGlassExtensions { padding: 6px; } .lg-extensions-list { padding: 6px; spacing: 6px; } .lg-extension { padding: 12px; border-radius: 6px; margin: 4px; box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.1); color: #F7F7F7; background-color: #2c2c2c; } .lg-extension:focus { color: #F7F7F7; background-color: #2c2c2c; box-shadow: inset 0 0 0 2px #ef8661; } .lg-extension:focus:hover { background-color: #343434; box-shadow: inset 0 0 0 2px #ef8661; } .lg-extension:focus:active { background-color: #3b3b3b; box-shadow: inset 0 0 0 2px #ef8661; } .lg-extension:hover { color: #F7F7F7; background-color: #343434; } .lg-extension:active { color: #F7F7F7; background-color: #3b3b3b; } .lg-extension-meta { spacing: 6px; } #LookingGlassPropertyInspector { background: rgba(29, 29, 29, 0.975); border: 1px solid rgba(0, 0, 0, 0.7); border-radius: 6px; padding: 6px; } .lg-debug-flag-button { color: #F7F7F7; } .lg-debug-flag-button StLabel { padding: 6px, 12px; } .lg-debug-flag-button:hover { color: white; } .lg-debug-flag-button:active { color: #c4c4c4; } .lg-debug-flags-header { padding-top: 12px; padding: 6px; } /* Login Dialog */ .login-dialog-banner-view { padding-top: 24px; max-width: 23em; } .login-dialog, .unlock-dialog { border: none; background-color: transparent; } .login-dialog .modal-dialog-button-box, .unlock-dialog .modal-dialog-button-box { spacing: 3px; } .login-dialog .modal-dialog-button, .unlock-dialog .modal-dialog-button { padding: 4px 18px; box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2); background-color: #222222; border-color: #464646; color: #F7F7F7; } .login-dialog .modal-dialog-button:hover, .unlock-dialog .modal-dialog-button:hover { background-color: #2f2f2f; } .login-dialog .modal-dialog-button:focus, .unlock-dialog .modal-dialog-button:focus { border-color: #ef8661; box-shadow: inset 0 0 0 1px #ef8661; } .login-dialog .modal-dialog-button:active, .unlock-dialog .modal-dialog-button:active { box-shadow: none; background-color: #151515; color: rgba(238, 238, 236, 0.7); } .login-dialog .modal-dialog-button:default, .unlock-dialog .modal-dialog-button:default { background-color: #E95420; color: #FFFFFF; } .login-dialog .modal-dialog-button:default:focus, .unlock-dialog .modal-dialog-button:default:focus { box-shadow: inset 0 0 0 2px rgba(233, 84, 32, 0.6); } .login-dialog .modal-dialog-button:default:hover, .login-dialog .modal-dialog-button:default:focus, .unlock-dialog .modal-dialog-button:default:hover, .unlock-dialog .modal-dialog-button:default:focus { background-color: #eb6637; color: white; } .login-dialog .modal-dialog-button:default:active, .unlock-dialog .modal-dialog-button:default:active { background-color: #d14515; color: #ededed; } .login-dialog .modal-dialog-button:default:insensitive, .unlock-dialog .modal-dialog-button:default:insensitive { color: rgba(247, 247, 247, 0.5); background-color: rgba(247, 247, 247, 0.05); background-color: rgba(233, 84, 32, 0.5); color: rgba(255, 255, 255, 0.5); } .login-dialog .cancel-button, .login-dialog .switch-user-button, .login-dialog .login-dialog-session-list-button, .unlock-dialog .cancel-button, .unlock-dialog .switch-user-button, .unlock-dialog .login-dialog-session-list-button { padding: 0; border-radius: 99px; width: 2.18em; height: 2.18em; } .login-dialog .cancel-button StIcon, .login-dialog .switch-user-button StIcon, .login-dialog .login-dialog-session-list-button StIcon, .unlock-dialog .cancel-button StIcon, .unlock-dialog .switch-user-button StIcon, .unlock-dialog .login-dialog-session-list-button StIcon { icon-size: 1.09em; } .login-dialog .caps-lock-warning-label, .login-dialog .login-dialog-message, .unlock-dialog .caps-lock-warning-label, .unlock-dialog .login-dialog-message { color: #eeeeec; } .login-dialog-logo-bin { padding: 24px 0px; } .login-dialog-banner { color: #d6d6d1; } .login-dialog-button-box { width: 23em; spacing: 5px; } .login-dialog-message { text-align: center; } .login-dialog-user-selection-box { padding: 100px 0px; } .login-dialog-not-listed-label { padding-left: 2px; } .login-dialog-not-listed-button:focus .login-dialog-not-listed-label, .login-dialog-not-listed-button:hover .login-dialog-not-listed-label { color: #eeeeec; } .login-dialog-not-listed-label { font-weight: bold; color: #a6a69b; padding-top: 1em; } .login-dialog-auth-list-view { -st-vfade-offset: 1em; } .login-dialog-auth-list { spacing: 6px; margin-left: 2em; } .login-dialog-auth-list-title { margin-left: 2em; } .login-dialog-auth-list-item { border-radius: 10px; padding: 6px; color: #a6a69b; } .login-dialog-auth-list-item:focus, .login-dialog-auth-list-item:selected { background-color: #E95420; color: #FFFFFF; } .login-dialog-auth-list-label { font-size: 13pt; font-weight: bold; padding-left: 15px; } .login-dialog-auth-list-label:ltr { padding-left: 14px; text-align: left; } .login-dialog-auth-list-label:rtl { padding-right: 14px; text-align: right; } .login-dialog-user-list-view { -st-vfade-offset: 1em; } .login-dialog-user-list { spacing: 12px; width: 23em; } .login-dialog-user-list:expanded .login-dialog-user-list-item:selected { background-color: rgba(255, 255, 255, 0.1); color: #FFFFFF; } .login-dialog-user-list:expanded .login-dialog-user-list-item:logged-in { border-right: 2px solid rgba(255, 255, 255, 0.1); } .login-dialog-user-list-item { border-radius: 10px; padding: 6px; color: #a6a69b; } .login-dialog-user-list-item:ltr .user-widget { padding-right: 1em; } .login-dialog-user-list-item:rtl .user-widget { padding-left: 1em; } .login-dialog-user-list-item .login-dialog-timed-login-indicator { height: 2px; margin-top: 6px; background-color: #eeeeec; } .login-dialog-user-list-item:focus .login-dialog-timed-login-indicator { background-color: #FFFFFF; } .user-widget-label { color: #eeeeec; } .user-widget.horizontal .user-widget-label { font-size: 13pt; font-weight: bold; padding-left: 15px; } .user-widget.horizontal .user-widget-label:ltr { padding-left: 14px; text-align: left; } .user-widget.horizontal .user-widget-label:rtl { padding-right: 14px; text-align: right; } .user-widget.vertical .user-widget-label { font-size: 16pt; text-align: center; font-weight: normal; padding-top: 16px; } .login-dialog-timed-login-indicator { height: 2px; background-color: #919191; } .login-dialog-prompt-layout { padding-top: 24px; padding-bottom: 12px; spacing: 12px; width: 23em; } .login-dialog-prompt-entry { height: 1.5em; } .login-dialog-prompt-label { color: #bebeb6; font-size: 12pt; padding-top: 1em; } .login-dialog StEntry { background-color: #1b1b1b; color: #F7F7F7; } .unlock-dialog StEntry { border: none !important; } .unlock-dialog StEntry, .unlock-dialog StEntry:focus { color: #F7F7F7; background-color: rgba(247, 247, 247, 0.1); box-shadow: none; } .unlock-dialog StEntry:insensitive { color: rgba(247, 247, 247, 0.5); background-color: rgba(247, 247, 247, 0.05); } .unlock-dialog StEntry StLabel.hint-text { color: rgba(247, 247, 247, 0.7); } .unlock-dialog .user-icon { background-color: rgba(247, 247, 247, 0.1); color: #F7F7F7; } .unlock-dialog .cancel-button, .unlock-dialog .switch-user-button, .unlock-dialog .login-dialog-session-list-button { border-color: transparent; background-color: rgba(247, 247, 247, 0.1); box-shadow: none; } .unlock-dialog .cancel-button, .unlock-dialog .cancel-button:hover, .unlock-dialog .cancel-button:focus, .unlock-dialog .cancel-button:active, .unlock-dialog .switch-user-button, .unlock-dialog .switch-user-button:hover, .unlock-dialog .switch-user-button:focus, .unlock-dialog .switch-user-button:active, .unlock-dialog .login-dialog-session-list-button, .unlock-dialog .login-dialog-session-list-button:hover, .unlock-dialog .login-dialog-session-list-button:focus, .unlock-dialog .login-dialog-session-list-button:active { color: #F7F7F7; } .unlock-dialog .cancel-button:hover, .unlock-dialog .cancel-button:focus, .unlock-dialog .switch-user-button:hover, .unlock-dialog .switch-user-button:focus, .unlock-dialog .login-dialog-session-list-button:hover, .unlock-dialog .login-dialog-session-list-button:focus { background-color: rgba(247, 247, 247, 0.15); } .unlock-dialog .cancel-button:active, .unlock-dialog .switch-user-button:active, .unlock-dialog .login-dialog-session-list-button:active { background-color: rgba(247, 247, 247, 0.2); } /* Screen Shield */ .unlock-dialog-clock { color: white; font-weight: 300; text-align: center; spacing: 24px; padding-bottom: 2.5em; } .unlock-dialog-clock-time { font-size: 64pt; padding-top: 42px; } .unlock-dialog-clock-date { font-size: 16pt; font-weight: normal; } .unlock-dialog-clock-hint { font-weight: normal; padding-top: 48px; } .unlock-dialog-notifications-container { margin: 12px; spacing: 6px; width: 23em; background-color: transparent; } .unlock-dialog-notifications-container .summary-notification-stack-scrollview { padding-top: 0; padding-bottom: 0; } .unlock-dialog-notifications-container .notification, .unlock-dialog-notifications-container .unlock-dialog-notification-source { padding: 12px 16px; border: none; background-color: rgba(238, 238, 236, 0.1); color: #eeeeec; border-radius: 12px; } .unlock-dialog-notifications-container .notification.critical, .unlock-dialog-notifications-container .unlock-dialog-notification-source.critical { background-color: rgba(238, 238, 236, 0.2); } .unlock-dialog-notification-label { padding: 0 0 0 12px; } .unlock-dialog-notification-count-text { font-weight: bold; padding: 0 12px; color: #eeeeec; background-color: rgba(238, 238, 236, 0.1); border-radius: 99px; } .screen-shield-background { background: black; box-shadow: 0 2px 4px rgba(0, 0, 0, 0.6); } #lockDialogGroup { background-color: #222222; } #unlockDialogNotifications StButton#vhandle, #unlockDialogNotifications StButton#hhandle { background-color: rgba(29, 29, 29, 0.3); } #unlockDialogNotifications StButton#vhandle:hover, #unlockDialogNotifications StButton#vhandle:focus, #unlockDialogNotifications StButton#hhandle:hover, #unlockDialogNotifications StButton#hhandle:focus { background-color: rgba(29, 29, 29, 0.5); } #unlockDialogNotifications StButton#vhandle:active, #unlockDialogNotifications StButton#hhandle:active { background-color: rgba(233, 84, 32, 0.5); } * { font-weight: normal !important; text-shadow: none !important; } .file-item { border-radius: 6px; } /* Default Ubuntu Dock styling, append !important to any changed rules This must be in sync with - https://github.com/micheleg/dash-to-dock/blob/ubuntu-dock/_stylesheet.scss */ #dashtodockContainer.bottom #dash { margin: 0px; padding: 0px; } #dashtodockContainer.bottom #dash .dash-background { margin: 0; margin-bottom: 4px; padding: 0; border-radius: 18px; spacing: 6px; } #dashtodockContainer.bottom #dash .dash-separator { background-color: #464646; margin: 0 4px; width: 1px; height: 0; margin-bottom: 4px; } #dashtodockContainer.bottom #dash #dashtodockDashContainer { padding: 10px; padding-bottom: 0; padding-top: 0; } #dashtodockContainer.bottom #dash .dash-item-container { /* Disable all margins defined upstream, we handle them here */ margin: 0 2px; } #dashtodockContainer.bottom #dash .dash-item-container > * { margin: 0; } #dashtodockContainer.bottom #dash .dash-item-container:ltr:first-child, #dashtodockContainer.bottom #dash .dash-item-container:rtl:last-child { margin-left: 0; } #dashtodockContainer.bottom #dash .dash-item-container:ltr:last-child, #dashtodockContainer.bottom #dash .dash-item-container:rtl:first-child { margin-right: 0; } #dashtodockContainer.bottom #dash .dash-item-container .app-well-app, #dashtodockContainer.bottom #dash .dash-item-container .grid-search-result, #dashtodockContainer.bottom #dash .dash-item-container .show-apps { padding: 2px 2px; padding-bottom: 14px; padding-top: 10px; } #dashtodockContainer.bottom #dash .dash-item-container .app-well-app:ltr:first-child, #dashtodockContainer.bottom #dash .dash-item-container .grid-search-result:ltr:first-child, #dashtodockContainer.bottom #dash .dash-item-container .app-well-app:rtl:last-child, #dashtodockContainer.bottom #dash .dash-item-container .grid-search-result:rtl:last-child, #dashtodockContainer.bottom #dash .dash-item-container .show-apps:ltr:first-child, #dashtodockContainer.bottom #dash .dash-item-container .show-apps:rtl:last-child { padding-left: 0; } #dashtodockContainer.bottom #dash .dash-item-container .app-well-app:ltr:last-child, #dashtodockContainer.bottom #dash .dash-item-container .grid-search-result:ltr:last-child, #dashtodockContainer.bottom #dash .dash-item-container .app-well-app:rtl:first-child, #dashtodockContainer.bottom #dash .dash-item-container .grid-search-result:rtl:first-child, #dashtodockContainer.bottom #dash .dash-item-container .show-apps:ltr:last-child, #dashtodockContainer.bottom #dash .dash-item-container .show-apps:rtl:first-child { padding-right: 0; } #dashtodockContainer.bottom #dash .dash-item-container .app-well-app.running .overview-icon, #dashtodockContainer.bottom #dash .dash-item-container .running.grid-search-result .overview-icon { background-image: none; } #dashtodockContainer.bottom #dash .dash-item-container .app-well-app.focused .overview-icon, #dashtodockContainer.bottom #dash .dash-item-container .focused.grid-search-result .overview-icon { background-color: rgba(238, 238, 236, 0.2); } #dashtodockContainer.bottom #dash .dash-item-container .app-well-app .app-well-app-running-dot, #dashtodockContainer.bottom #dash .dash-item-container .grid-search-result .app-well-app-running-dot { margin-bottom: 2px; } #dashtodockContainer.bottom #dash .dash-item-container > StButton { transition-duration: 250; background-size: contain; } #dashtodockContainer.bottom.fixed #dash .dash-background { margin-top: 4px; } #dashtodockContainer.bottom.fixed #dash .dash-item-container .app-well-app, #dashtodockContainer.bottom.fixed #dash .dash-item-container .grid-search-result, #dashtodockContainer.bottom.fixed #dash .dash-item-container .show-apps { padding-top: 14px; } .dash-label.bottom { margin-bottom: 10px; -x-offset: 0; -y-offset: 0; } #dashtodockContainer.bottom.shrink #dash { margin: 0px; padding: 0px; } #dashtodockContainer.bottom.shrink #dash .dash-background { margin: 0; margin-bottom: 4px; padding: 0; border-radius: 14px; spacing: 2px; } #dashtodockContainer.bottom.shrink #dash .dash-separator { background-color: #464646; margin: 0 1px; width: 1px; height: 0; margin-bottom: 4px; } #dashtodockContainer.bottom.shrink #dash #dashtodockDashContainer { padding: 3px; padding-bottom: 0; padding-top: 0; } #dashtodockContainer.bottom.shrink #dash .dash-item-container { /* Disable all margins defined upstream, we handle them here */ margin: 0 2px; } #dashtodockContainer.bottom.shrink #dash .dash-item-container > * { margin: 0; } #dashtodockContainer.bottom.shrink #dash .dash-item-container:ltr:first-child, #dashtodockContainer.bottom.shrink #dash .dash-item-container:rtl:last-child { margin-left: 0; } #dashtodockContainer.bottom.shrink #dash .dash-item-container:ltr:last-child, #dashtodockContainer.bottom.shrink #dash .dash-item-container:rtl:first-child { margin-right: 0; } #dashtodockContainer.bottom.shrink #dash .dash-item-container .app-well-app, #dashtodockContainer.bottom.shrink #dash .dash-item-container .grid-search-result, #dashtodockContainer.bottom.shrink #dash .dash-item-container .show-apps { padding: 1px 1px; padding-bottom: 7px; padding-top: 3px; } #dashtodockContainer.bottom.shrink #dash .dash-item-container .app-well-app:ltr:first-child, #dashtodockContainer.bottom.shrink #dash .dash-item-container .grid-search-result:ltr:first-child, #dashtodockContainer.bottom.shrink #dash .dash-item-container .app-well-app:rtl:last-child, #dashtodockContainer.bottom.shrink #dash .dash-item-container .grid-search-result:rtl:last-child, #dashtodockContainer.bottom.shrink #dash .dash-item-container .show-apps:ltr:first-child, #dashtodockContainer.bottom.shrink #dash .dash-item-container .show-apps:rtl:last-child { padding-left: 0; } #dashtodockContainer.bottom.shrink #dash .dash-item-container .app-well-app:ltr:last-child, #dashtodockContainer.bottom.shrink #dash .dash-item-container .grid-search-result:ltr:last-child, #dashtodockContainer.bottom.shrink #dash .dash-item-container .app-well-app:rtl:first-child, #dashtodockContainer.bottom.shrink #dash .dash-item-container .grid-search-result:rtl:first-child, #dashtodockContainer.bottom.shrink #dash .dash-item-container .show-apps:ltr:last-child, #dashtodockContainer.bottom.shrink #dash .dash-item-container .show-apps:rtl:first-child { padding-right: 0; } #dashtodockContainer.bottom.shrink #dash .dash-item-container .app-well-app.running .overview-icon, #dashtodockContainer.bottom.shrink #dash .dash-item-container .running.grid-search-result .overview-icon { background-image: none; } #dashtodockContainer.bottom.shrink #dash .dash-item-container .app-well-app.focused .overview-icon, #dashtodockContainer.bottom.shrink #dash .dash-item-container .focused.grid-search-result .overview-icon { background-color: rgba(238, 238, 236, 0.2); } #dashtodockContainer.bottom.shrink #dash .dash-item-container .app-well-app .app-well-app-running-dot, #dashtodockContainer.bottom.shrink #dash .dash-item-container .grid-search-result .app-well-app-running-dot { margin-bottom: 2px; } #dashtodockContainer.bottom.shrink #dash .dash-item-container > StButton { transition-duration: 250; background-size: contain; } #dashtodockContainer.bottom.shrink.fixed #dash .dash-background { margin-top: 1px; } #dashtodockContainer.bottom.shrink.fixed #dash .dash-item-container .app-well-app, #dashtodockContainer.bottom.shrink.fixed #dash .dash-item-container .grid-search-result, #dashtodockContainer.bottom.shrink.fixed #dash .dash-item-container .show-apps { padding-top: 4px; } .dash-label.bottom.shrink { margin-bottom: 3px; -x-offset: 0; -y-offset: 0; } #dashtodockContainer.bottom.extended #dash { margin: 0px; padding: 0px; } #dashtodockContainer.bottom.extended #dash .dash-background { margin: 0; margin-bottom: 0; padding: 0; border-radius: 0; spacing: 6px; } #dashtodockContainer.bottom.extended #dash .dash-separator { background-color: #464646; margin: 0 4px; width: 1px; height: 0; margin-bottom: 0; } #dashtodockContainer.bottom.extended #dash #dashtodockDashContainer { padding: 0; padding-bottom: 0; padding-top: 0; } #dashtodockContainer.bottom.extended #dash #dashtodockDashContainer > :first-child .show-apps { padding-left: 8px; } #dashtodockContainer.bottom.extended #dash #dashtodockDashContainer #dashtodockDashScrollview:first-child { padding-left: 8px; } #dashtodockContainer.bottom.extended #dash #dashtodockDashContainer > :last-child .show-apps { padding-right: 8px; } #dashtodockContainer.bottom.extended #dash #dashtodockDashContainer #dashtodockDashScrollview:last-child { padding-right: 8px; } #dashtodockContainer.bottom.extended #dash .dash-item-container { /* Disable all margins defined upstream, we handle them here */ margin: 0 2px; } #dashtodockContainer.bottom.extended #dash .dash-item-container > * { margin: 0; } #dashtodockContainer.bottom.extended #dash .dash-item-container:ltr:first-child, #dashtodockContainer.bottom.extended #dash .dash-item-container:rtl:last-child { margin-left: 0; } #dashtodockContainer.bottom.extended #dash .dash-item-container:ltr:last-child, #dashtodockContainer.bottom.extended #dash .dash-item-container:rtl:first-child { margin-right: 0; } #dashtodockContainer.bottom.extended #dash .dash-item-container .app-well-app, #dashtodockContainer.bottom.extended #dash .dash-item-container .grid-search-result, #dashtodockContainer.bottom.extended #dash .dash-item-container .show-apps { padding: 2px 2px; padding-bottom: 10px; padding-top: 10px; } #dashtodockContainer.bottom.extended #dash .dash-item-container .app-well-app:ltr:first-child, #dashtodockContainer.bottom.extended #dash .dash-item-container .grid-search-result:ltr:first-child, #dashtodockContainer.bottom.extended #dash .dash-item-container .app-well-app:rtl:last-child, #dashtodockContainer.bottom.extended #dash .dash-item-container .grid-search-result:rtl:last-child, #dashtodockContainer.bottom.extended #dash .dash-item-container .show-apps:ltr:first-child, #dashtodockContainer.bottom.extended #dash .dash-item-container .show-apps:rtl:last-child { padding-left: 0; } #dashtodockContainer.bottom.extended #dash .dash-item-container .app-well-app:ltr:last-child, #dashtodockContainer.bottom.extended #dash .dash-item-container .grid-search-result:ltr:last-child, #dashtodockContainer.bottom.extended #dash .dash-item-container .app-well-app:rtl:first-child, #dashtodockContainer.bottom.extended #dash .dash-item-container .grid-search-result:rtl:first-child, #dashtodockContainer.bottom.extended #dash .dash-item-container .show-apps:ltr:last-child, #dashtodockContainer.bottom.extended #dash .dash-item-container .show-apps:rtl:first-child { padding-right: 0; } #dashtodockContainer.bottom.extended #dash .dash-item-container .app-well-app.running .overview-icon, #dashtodockContainer.bottom.extended #dash .dash-item-container .running.grid-search-result .overview-icon { background-image: none; } #dashtodockContainer.bottom.extended #dash .dash-item-container .app-well-app.focused .overview-icon, #dashtodockContainer.bottom.extended #dash .dash-item-container .focused.grid-search-result .overview-icon { background-color: rgba(238, 238, 236, 0.2); } #dashtodockContainer.bottom.extended #dash .dash-item-container .app-well-app .app-well-app-running-dot, #dashtodockContainer.bottom.extended #dash .dash-item-container .grid-search-result .app-well-app-running-dot { margin-bottom: 2px; } #dashtodockContainer.bottom.extended #dash .dash-item-container > StButton { transition-duration: 250; background-size: contain; } #dashtodockContainer.bottom.extended.fixed #dash .dash-background { margin-top: 0; } #dashtodockContainer.bottom.extended.fixed #dash .dash-item-container .app-well-app, #dashtodockContainer.bottom.extended.fixed #dash .dash-item-container .grid-search-result, #dashtodockContainer.bottom.extended.fixed #dash .dash-item-container .show-apps { padding-top: 10px; } .dash-label.bottom { margin-bottom: 10px; -x-offset: 0; -y-offset: 0; } #dashtodockContainer.bottom.extended.shrink #dash { margin: 0px; padding: 0px; } #dashtodockContainer.bottom.extended.shrink #dash .dash-background { margin: 0; margin-bottom: 0; padding: 0; border-radius: 0; spacing: 2px; } #dashtodockContainer.bottom.extended.shrink #dash .dash-separator { background-color: #464646; margin: 0 1px; width: 1px; height: 0; margin-bottom: 0; } #dashtodockContainer.bottom.extended.shrink #dash #dashtodockDashContainer { padding: 0; padding-bottom: 0; padding-top: 0; } #dashtodockContainer.bottom.extended.shrink #dash #dashtodockDashContainer > :first-child .show-apps { padding-left: 6px; } #dashtodockContainer.bottom.extended.shrink #dash #dashtodockDashContainer #dashtodockDashScrollview:first-child { padding-left: 6px; } #dashtodockContainer.bottom.extended.shrink #dash #dashtodockDashContainer > :last-child .show-apps { padding-right: 6px; } #dashtodockContainer.bottom.extended.shrink #dash #dashtodockDashContainer #dashtodockDashScrollview:last-child { padding-right: 6px; } #dashtodockContainer.bottom.extended.shrink #dash .dash-item-container { /* Disable all margins defined upstream, we handle them here */ margin: 0 2px; } #dashtodockContainer.bottom.extended.shrink #dash .dash-item-container > * { margin: 0; } #dashtodockContainer.bottom.extended.shrink #dash .dash-item-container:ltr:first-child, #dashtodockContainer.bottom.extended.shrink #dash .dash-item-container:rtl:last-child { margin-left: 0; } #dashtodockContainer.bottom.extended.shrink #dash .dash-item-container:ltr:last-child, #dashtodockContainer.bottom.extended.shrink #dash .dash-item-container:rtl:first-child { margin-right: 0; } #dashtodockContainer.bottom.extended.shrink #dash .dash-item-container .app-well-app, #dashtodockContainer.bottom.extended.shrink #dash .dash-item-container .grid-search-result, #dashtodockContainer.bottom.extended.shrink #dash .dash-item-container .show-apps { padding: 1px 1px; padding-bottom: 3px; padding-top: 3px; } #dashtodockContainer.bottom.extended.shrink #dash .dash-item-container .app-well-app:ltr:first-child, #dashtodockContainer.bottom.extended.shrink #dash .dash-item-container .grid-search-result:ltr:first-child, #dashtodockContainer.bottom.extended.shrink #dash .dash-item-container .app-well-app:rtl:last-child, #dashtodockContainer.bottom.extended.shrink #dash .dash-item-container .grid-search-result:rtl:last-child, #dashtodockContainer.bottom.extended.shrink #dash .dash-item-container .show-apps:ltr:first-child, #dashtodockContainer.bottom.extended.shrink #dash .dash-item-container .show-apps:rtl:last-child { padding-left: 0; } #dashtodockContainer.bottom.extended.shrink #dash .dash-item-container .app-well-app:ltr:last-child, #dashtodockContainer.bottom.extended.shrink #dash .dash-item-container .grid-search-result:ltr:last-child, #dashtodockContainer.bottom.extended.shrink #dash .dash-item-container .app-well-app:rtl:first-child, #dashtodockContainer.bottom.extended.shrink #dash .dash-item-container .grid-search-result:rtl:first-child, #dashtodockContainer.bottom.extended.shrink #dash .dash-item-container .show-apps:ltr:last-child, #dashtodockContainer.bottom.extended.shrink #dash .dash-item-container .show-apps:rtl:first-child { padding-right: 0; } #dashtodockContainer.bottom.extended.shrink #dash .dash-item-container .app-well-app.running .overview-icon, #dashtodockContainer.bottom.extended.shrink #dash .dash-item-container .running.grid-search-result .overview-icon { background-image: none; } #dashtodockContainer.bottom.extended.shrink #dash .dash-item-container .app-well-app.focused .overview-icon, #dashtodockContainer.bottom.extended.shrink #dash .dash-item-container .focused.grid-search-result .overview-icon { background-color: rgba(238, 238, 236, 0.2); } #dashtodockContainer.bottom.extended.shrink #dash .dash-item-container .app-well-app .app-well-app-running-dot, #dashtodockContainer.bottom.extended.shrink #dash .dash-item-container .grid-search-result .app-well-app-running-dot { margin-bottom: 2px; } #dashtodockContainer.bottom.extended.shrink #dash .dash-item-container > StButton { transition-duration: 250; background-size: contain; } #dashtodockContainer.bottom.extended.shrink.fixed #dash .dash-background { margin-top: 0; } #dashtodockContainer.bottom.extended.shrink.fixed #dash .dash-item-container .app-well-app, #dashtodockContainer.bottom.extended.shrink.fixed #dash .dash-item-container .grid-search-result, #dashtodockContainer.bottom.extended.shrink.fixed #dash .dash-item-container .show-apps { padding-top: 3px; } .dash-label.bottom.shrink { margin-bottom: 3px; -x-offset: 0; -y-offset: 0; } #dashtodockContainer.top #dash { margin: 0px; padding: 0px; } #dashtodockContainer.top #dash .dash-background { margin: 0; margin-top: 4px; padding: 0; border-radius: 18px; spacing: 6px; } #dashtodockContainer.top #dash .dash-separator { background-color: #464646; margin: 0 4px; width: 1px; height: 0; margin-top: 4px; } #dashtodockContainer.top #dash #dashtodockDashContainer { padding: 10px; padding-top: 0; padding-bottom: 0; } #dashtodockContainer.top #dash .dash-item-container { /* Disable all margins defined upstream, we handle them here */ margin: 0 2px; } #dashtodockContainer.top #dash .dash-item-container > * { margin: 0; } #dashtodockContainer.top #dash .dash-item-container:ltr:first-child, #dashtodockContainer.top #dash .dash-item-container:rtl:last-child { margin-left: 0; } #dashtodockContainer.top #dash .dash-item-container:ltr:last-child, #dashtodockContainer.top #dash .dash-item-container:rtl:first-child { margin-right: 0; } #dashtodockContainer.top #dash .dash-item-container .app-well-app, #dashtodockContainer.top #dash .dash-item-container .grid-search-result, #dashtodockContainer.top #dash .dash-item-container .show-apps { padding: 2px 2px; padding-top: 14px; padding-bottom: 10px; } #dashtodockContainer.top #dash .dash-item-container .app-well-app:ltr:first-child, #dashtodockContainer.top #dash .dash-item-container .grid-search-result:ltr:first-child, #dashtodockContainer.top #dash .dash-item-container .app-well-app:rtl:last-child, #dashtodockContainer.top #dash .dash-item-container .grid-search-result:rtl:last-child, #dashtodockContainer.top #dash .dash-item-container .show-apps:ltr:first-child, #dashtodockContainer.top #dash .dash-item-container .show-apps:rtl:last-child { padding-left: 0; } #dashtodockContainer.top #dash .dash-item-container .app-well-app:ltr:last-child, #dashtodockContainer.top #dash .dash-item-container .grid-search-result:ltr:last-child, #dashtodockContainer.top #dash .dash-item-container .app-well-app:rtl:first-child, #dashtodockContainer.top #dash .dash-item-container .grid-search-result:rtl:first-child, #dashtodockContainer.top #dash .dash-item-container .show-apps:ltr:last-child, #dashtodockContainer.top #dash .dash-item-container .show-apps:rtl:first-child { padding-right: 0; } #dashtodockContainer.top #dash .dash-item-container .app-well-app.running .overview-icon, #dashtodockContainer.top #dash .dash-item-container .running.grid-search-result .overview-icon { background-image: none; } #dashtodockContainer.top #dash .dash-item-container .app-well-app.focused .overview-icon, #dashtodockContainer.top #dash .dash-item-container .focused.grid-search-result .overview-icon { background-color: rgba(238, 238, 236, 0.2); } #dashtodockContainer.top #dash .dash-item-container .app-well-app .app-well-app-running-dot, #dashtodockContainer.top #dash .dash-item-container .grid-search-result .app-well-app-running-dot { margin-bottom: 2px; } #dashtodockContainer.top #dash .dash-item-container > StButton { transition-duration: 250; background-size: contain; } #dashtodockContainer.top.fixed #dash .dash-background { margin-bottom: 4px; } #dashtodockContainer.top.fixed #dash .dash-item-container .app-well-app, #dashtodockContainer.top.fixed #dash .dash-item-container .grid-search-result, #dashtodockContainer.top.fixed #dash .dash-item-container .show-apps { padding-bottom: 14px; } .dash-label.top { margin-top: 10px; -x-offset: 0; -y-offset: 0; } #dashtodockContainer.top.shrink #dash { margin: 0px; padding: 0px; } #dashtodockContainer.top.shrink #dash .dash-background { margin: 0; margin-top: 4px; padding: 0; border-radius: 14px; spacing: 2px; } #dashtodockContainer.top.shrink #dash .dash-separator { background-color: #464646; margin: 0 1px; width: 1px; height: 0; margin-top: 4px; } #dashtodockContainer.top.shrink #dash #dashtodockDashContainer { padding: 3px; padding-top: 0; padding-bottom: 0; } #dashtodockContainer.top.shrink #dash .dash-item-container { /* Disable all margins defined upstream, we handle them here */ margin: 0 2px; } #dashtodockContainer.top.shrink #dash .dash-item-container > * { margin: 0; } #dashtodockContainer.top.shrink #dash .dash-item-container:ltr:first-child, #dashtodockContainer.top.shrink #dash .dash-item-container:rtl:last-child { margin-left: 0; } #dashtodockContainer.top.shrink #dash .dash-item-container:ltr:last-child, #dashtodockContainer.top.shrink #dash .dash-item-container:rtl:first-child { margin-right: 0; } #dashtodockContainer.top.shrink #dash .dash-item-container .app-well-app, #dashtodockContainer.top.shrink #dash .dash-item-container .grid-search-result, #dashtodockContainer.top.shrink #dash .dash-item-container .show-apps { padding: 1px 1px; padding-top: 7px; padding-bottom: 3px; } #dashtodockContainer.top.shrink #dash .dash-item-container .app-well-app:ltr:first-child, #dashtodockContainer.top.shrink #dash .dash-item-container .grid-search-result:ltr:first-child, #dashtodockContainer.top.shrink #dash .dash-item-container .app-well-app:rtl:last-child, #dashtodockContainer.top.shrink #dash .dash-item-container .grid-search-result:rtl:last-child, #dashtodockContainer.top.shrink #dash .dash-item-container .show-apps:ltr:first-child, #dashtodockContainer.top.shrink #dash .dash-item-container .show-apps:rtl:last-child { padding-left: 0; } #dashtodockContainer.top.shrink #dash .dash-item-container .app-well-app:ltr:last-child, #dashtodockContainer.top.shrink #dash .dash-item-container .grid-search-result:ltr:last-child, #dashtodockContainer.top.shrink #dash .dash-item-container .app-well-app:rtl:first-child, #dashtodockContainer.top.shrink #dash .dash-item-container .grid-search-result:rtl:first-child, #dashtodockContainer.top.shrink #dash .dash-item-container .show-apps:ltr:last-child, #dashtodockContainer.top.shrink #dash .dash-item-container .show-apps:rtl:first-child { padding-right: 0; } #dashtodockContainer.top.shrink #dash .dash-item-container .app-well-app.running .overview-icon, #dashtodockContainer.top.shrink #dash .dash-item-container .running.grid-search-result .overview-icon { background-image: none; } #dashtodockContainer.top.shrink #dash .dash-item-container .app-well-app.focused .overview-icon, #dashtodockContainer.top.shrink #dash .dash-item-container .focused.grid-search-result .overview-icon { background-color: rgba(238, 238, 236, 0.2); } #dashtodockContainer.top.shrink #dash .dash-item-container .app-well-app .app-well-app-running-dot, #dashtodockContainer.top.shrink #dash .dash-item-container .grid-search-result .app-well-app-running-dot { margin-bottom: 2px; } #dashtodockContainer.top.shrink #dash .dash-item-container > StButton { transition-duration: 250; background-size: contain; } #dashtodockContainer.top.shrink.fixed #dash .dash-background { margin-bottom: 1px; } #dashtodockContainer.top.shrink.fixed #dash .dash-item-container .app-well-app, #dashtodockContainer.top.shrink.fixed #dash .dash-item-container .grid-search-result, #dashtodockContainer.top.shrink.fixed #dash .dash-item-container .show-apps { padding-bottom: 4px; } .dash-label.top.shrink { margin-top: 3px; -x-offset: 0; -y-offset: 0; } #dashtodockContainer.top.extended #dash { margin: 0px; padding: 0px; } #dashtodockContainer.top.extended #dash .dash-background { margin: 0; margin-top: 0; padding: 0; border-radius: 0; spacing: 6px; } #dashtodockContainer.top.extended #dash .dash-separator { background-color: #464646; margin: 0 4px; width: 1px; height: 0; margin-top: 0; } #dashtodockContainer.top.extended #dash #dashtodockDashContainer { padding: 0; padding-top: 0; padding-bottom: 0; } #dashtodockContainer.top.extended #dash #dashtodockDashContainer > :first-child .show-apps { padding-left: 8px; } #dashtodockContainer.top.extended #dash #dashtodockDashContainer #dashtodockDashScrollview:first-child { padding-left: 8px; } #dashtodockContainer.top.extended #dash #dashtodockDashContainer > :last-child .show-apps { padding-right: 8px; } #dashtodockContainer.top.extended #dash #dashtodockDashContainer #dashtodockDashScrollview:last-child { padding-right: 8px; } #dashtodockContainer.top.extended #dash .dash-item-container { /* Disable all margins defined upstream, we handle them here */ margin: 0 2px; } #dashtodockContainer.top.extended #dash .dash-item-container > * { margin: 0; } #dashtodockContainer.top.extended #dash .dash-item-container:ltr:first-child, #dashtodockContainer.top.extended #dash .dash-item-container:rtl:last-child { margin-left: 0; } #dashtodockContainer.top.extended #dash .dash-item-container:ltr:last-child, #dashtodockContainer.top.extended #dash .dash-item-container:rtl:first-child { margin-right: 0; } #dashtodockContainer.top.extended #dash .dash-item-container .app-well-app, #dashtodockContainer.top.extended #dash .dash-item-container .grid-search-result, #dashtodockContainer.top.extended #dash .dash-item-container .show-apps { padding: 2px 2px; padding-top: 10px; padding-bottom: 10px; } #dashtodockContainer.top.extended #dash .dash-item-container .app-well-app:ltr:first-child, #dashtodockContainer.top.extended #dash .dash-item-container .grid-search-result:ltr:first-child, #dashtodockContainer.top.extended #dash .dash-item-container .app-well-app:rtl:last-child, #dashtodockContainer.top.extended #dash .dash-item-container .grid-search-result:rtl:last-child, #dashtodockContainer.top.extended #dash .dash-item-container .show-apps:ltr:first-child, #dashtodockContainer.top.extended #dash .dash-item-container .show-apps:rtl:last-child { padding-left: 0; } #dashtodockContainer.top.extended #dash .dash-item-container .app-well-app:ltr:last-child, #dashtodockContainer.top.extended #dash .dash-item-container .grid-search-result:ltr:last-child, #dashtodockContainer.top.extended #dash .dash-item-container .app-well-app:rtl:first-child, #dashtodockContainer.top.extended #dash .dash-item-container .grid-search-result:rtl:first-child, #dashtodockContainer.top.extended #dash .dash-item-container .show-apps:ltr:last-child, #dashtodockContainer.top.extended #dash .dash-item-container .show-apps:rtl:first-child { padding-right: 0; } #dashtodockContainer.top.extended #dash .dash-item-container .app-well-app.running .overview-icon, #dashtodockContainer.top.extended #dash .dash-item-container .running.grid-search-result .overview-icon { background-image: none; } #dashtodockContainer.top.extended #dash .dash-item-container .app-well-app.focused .overview-icon, #dashtodockContainer.top.extended #dash .dash-item-container .focused.grid-search-result .overview-icon { background-color: rgba(238, 238, 236, 0.2); } #dashtodockContainer.top.extended #dash .dash-item-container .app-well-app .app-well-app-running-dot, #dashtodockContainer.top.extended #dash .dash-item-container .grid-search-result .app-well-app-running-dot { margin-bottom: 2px; } #dashtodockContainer.top.extended #dash .dash-item-container > StButton { transition-duration: 250; background-size: contain; } #dashtodockContainer.top.extended.fixed #dash .dash-background { margin-bottom: 0; } #dashtodockContainer.top.extended.fixed #dash .dash-item-container .app-well-app, #dashtodockContainer.top.extended.fixed #dash .dash-item-container .grid-search-result, #dashtodockContainer.top.extended.fixed #dash .dash-item-container .show-apps { padding-bottom: 10px; } .dash-label.top { margin-top: 10px; -x-offset: 0; -y-offset: 0; } #dashtodockContainer.top.extended.shrink #dash { margin: 0px; padding: 0px; } #dashtodockContainer.top.extended.shrink #dash .dash-background { margin: 0; margin-top: 0; padding: 0; border-radius: 0; spacing: 2px; } #dashtodockContainer.top.extended.shrink #dash .dash-separator { background-color: #464646; margin: 0 1px; width: 1px; height: 0; margin-top: 0; } #dashtodockContainer.top.extended.shrink #dash #dashtodockDashContainer { padding: 0; padding-top: 0; padding-bottom: 0; } #dashtodockContainer.top.extended.shrink #dash #dashtodockDashContainer > :first-child .show-apps { padding-left: 6px; } #dashtodockContainer.top.extended.shrink #dash #dashtodockDashContainer #dashtodockDashScrollview:first-child { padding-left: 6px; } #dashtodockContainer.top.extended.shrink #dash #dashtodockDashContainer > :last-child .show-apps { padding-right: 6px; } #dashtodockContainer.top.extended.shrink #dash #dashtodockDashContainer #dashtodockDashScrollview:last-child { padding-right: 6px; } #dashtodockContainer.top.extended.shrink #dash .dash-item-container { /* Disable all margins defined upstream, we handle them here */ margin: 0 2px; } #dashtodockContainer.top.extended.shrink #dash .dash-item-container > * { margin: 0; } #dashtodockContainer.top.extended.shrink #dash .dash-item-container:ltr:first-child, #dashtodockContainer.top.extended.shrink #dash .dash-item-container:rtl:last-child { margin-left: 0; } #dashtodockContainer.top.extended.shrink #dash .dash-item-container:ltr:last-child, #dashtodockContainer.top.extended.shrink #dash .dash-item-container:rtl:first-child { margin-right: 0; } #dashtodockContainer.top.extended.shrink #dash .dash-item-container .app-well-app, #dashtodockContainer.top.extended.shrink #dash .dash-item-container .grid-search-result, #dashtodockContainer.top.extended.shrink #dash .dash-item-container .show-apps { padding: 1px 1px; padding-top: 3px; padding-bottom: 3px; } #dashtodockContainer.top.extended.shrink #dash .dash-item-container .app-well-app:ltr:first-child, #dashtodockContainer.top.extended.shrink #dash .dash-item-container .grid-search-result:ltr:first-child, #dashtodockContainer.top.extended.shrink #dash .dash-item-container .app-well-app:rtl:last-child, #dashtodockContainer.top.extended.shrink #dash .dash-item-container .grid-search-result:rtl:last-child, #dashtodockContainer.top.extended.shrink #dash .dash-item-container .show-apps:ltr:first-child, #dashtodockContainer.top.extended.shrink #dash .dash-item-container .show-apps:rtl:last-child { padding-left: 0; } #dashtodockContainer.top.extended.shrink #dash .dash-item-container .app-well-app:ltr:last-child, #dashtodockContainer.top.extended.shrink #dash .dash-item-container .grid-search-result:ltr:last-child, #dashtodockContainer.top.extended.shrink #dash .dash-item-container .app-well-app:rtl:first-child, #dashtodockContainer.top.extended.shrink #dash .dash-item-container .grid-search-result:rtl:first-child, #dashtodockContainer.top.extended.shrink #dash .dash-item-container .show-apps:ltr:last-child, #dashtodockContainer.top.extended.shrink #dash .dash-item-container .show-apps:rtl:first-child { padding-right: 0; } #dashtodockContainer.top.extended.shrink #dash .dash-item-container .app-well-app.running .overview-icon, #dashtodockContainer.top.extended.shrink #dash .dash-item-container .running.grid-search-result .overview-icon { background-image: none; } #dashtodockContainer.top.extended.shrink #dash .dash-item-container .app-well-app.focused .overview-icon, #dashtodockContainer.top.extended.shrink #dash .dash-item-container .focused.grid-search-result .overview-icon { background-color: rgba(238, 238, 236, 0.2); } #dashtodockContainer.top.extended.shrink #dash .dash-item-container .app-well-app .app-well-app-running-dot, #dashtodockContainer.top.extended.shrink #dash .dash-item-container .grid-search-result .app-well-app-running-dot { margin-bottom: 2px; } #dashtodockContainer.top.extended.shrink #dash .dash-item-container > StButton { transition-duration: 250; background-size: contain; } #dashtodockContainer.top.extended.shrink.fixed #dash .dash-background { margin-bottom: 0; } #dashtodockContainer.top.extended.shrink.fixed #dash .dash-item-container .app-well-app, #dashtodockContainer.top.extended.shrink.fixed #dash .dash-item-container .grid-search-result, #dashtodockContainer.top.extended.shrink.fixed #dash .dash-item-container .show-apps { padding-bottom: 3px; } .dash-label.top.shrink { margin-top: 3px; -x-offset: 0; -y-offset: 0; } #dashtodockContainer.left #dash { margin: 0px; padding: 0px; } #dashtodockContainer.left #dash .dash-background { margin: 0; margin-left: 4px; padding: 0; border-radius: 18px; spacing: 6px; } #dashtodockContainer.left #dash .dash-separator { background-color: #464646; width: 0; height: 1px; margin: 4px 0; margin-left: 4px; } #dashtodockContainer.left #dash #dashtodockDashContainer { padding: 10px; padding-left: 0; padding-right: 0; } #dashtodockContainer.left #dash .dash-item-container { /* Disable all margins defined upstream, we handle them here */ margin: 2px 0; } #dashtodockContainer.left #dash .dash-item-container > * { margin: 0; } #dashtodockContainer.left #dash .dash-item-container:first-child { margin-top: 0; } #dashtodockContainer.left #dash .dash-item-container:last-child { margin-bottom: 0; } #dashtodockContainer.left #dash .dash-item-container .app-well-app, #dashtodockContainer.left #dash .dash-item-container .grid-search-result, #dashtodockContainer.left #dash .dash-item-container .show-apps { padding: 2px 2px; padding-left: 14px; padding-right: 10px; } #dashtodockContainer.left #dash .dash-item-container .app-well-app:first-child, #dashtodockContainer.left #dash .dash-item-container .grid-search-result:first-child, #dashtodockContainer.left #dash .dash-item-container .show-apps:first-child { padding-top: 0; } #dashtodockContainer.left #dash .dash-item-container .app-well-app:last-child, #dashtodockContainer.left #dash .dash-item-container .grid-search-result:last-child, #dashtodockContainer.left #dash .dash-item-container .show-apps:last-child { padding-bottom: 0; } #dashtodockContainer.left #dash .dash-item-container .app-well-app.running .overview-icon, #dashtodockContainer.left #dash .dash-item-container .running.grid-search-result .overview-icon { background-image: none; } #dashtodockContainer.left #dash .dash-item-container .app-well-app.focused .overview-icon, #dashtodockContainer.left #dash .dash-item-container .focused.grid-search-result .overview-icon { background-color: rgba(238, 238, 236, 0.2); } #dashtodockContainer.left #dash .dash-item-container .app-well-app .app-well-app-running-dot, #dashtodockContainer.left #dash .dash-item-container .grid-search-result .app-well-app-running-dot { margin-bottom: 2px; } #dashtodockContainer.left #dash .dash-item-container > StButton { transition-duration: 250; background-size: contain; } #dashtodockContainer.left.fixed #dash .dash-background { margin-right: 4px; } #dashtodockContainer.left.fixed #dash .dash-item-container .app-well-app, #dashtodockContainer.left.fixed #dash .dash-item-container .grid-search-result, #dashtodockContainer.left.fixed #dash .dash-item-container .show-apps { padding-right: 14px; } .dash-label.left { margin: 0; -x-offset: 10px; -y-offset: 0; } #dashtodockContainer.left.shrink #dash { margin: 0px; padding: 0px; } #dashtodockContainer.left.shrink #dash .dash-background { margin: 0; margin-left: 4px; padding: 0; border-radius: 14px; spacing: 2px; } #dashtodockContainer.left.shrink #dash .dash-separator { background-color: #464646; width: 0; height: 1px; margin: 1px 0; margin-left: 4px; } #dashtodockContainer.left.shrink #dash #dashtodockDashContainer { padding: 3px; padding-left: 0; padding-right: 0; } #dashtodockContainer.left.shrink #dash .dash-item-container { /* Disable all margins defined upstream, we handle them here */ margin: 2px 0; } #dashtodockContainer.left.shrink #dash .dash-item-container > * { margin: 0; } #dashtodockContainer.left.shrink #dash .dash-item-container:first-child { margin-top: 0; } #dashtodockContainer.left.shrink #dash .dash-item-container:last-child { margin-bottom: 0; } #dashtodockContainer.left.shrink #dash .dash-item-container .app-well-app, #dashtodockContainer.left.shrink #dash .dash-item-container .grid-search-result, #dashtodockContainer.left.shrink #dash .dash-item-container .show-apps { padding: 1px 1px; padding-left: 7px; padding-right: 3px; } #dashtodockContainer.left.shrink #dash .dash-item-container .app-well-app:first-child, #dashtodockContainer.left.shrink #dash .dash-item-container .grid-search-result:first-child, #dashtodockContainer.left.shrink #dash .dash-item-container .show-apps:first-child { padding-top: 0; } #dashtodockContainer.left.shrink #dash .dash-item-container .app-well-app:last-child, #dashtodockContainer.left.shrink #dash .dash-item-container .grid-search-result:last-child, #dashtodockContainer.left.shrink #dash .dash-item-container .show-apps:last-child { padding-bottom: 0; } #dashtodockContainer.left.shrink #dash .dash-item-container .app-well-app.running .overview-icon, #dashtodockContainer.left.shrink #dash .dash-item-container .running.grid-search-result .overview-icon { background-image: none; } #dashtodockContainer.left.shrink #dash .dash-item-container .app-well-app.focused .overview-icon, #dashtodockContainer.left.shrink #dash .dash-item-container .focused.grid-search-result .overview-icon { background-color: rgba(238, 238, 236, 0.2); } #dashtodockContainer.left.shrink #dash .dash-item-container .app-well-app .app-well-app-running-dot, #dashtodockContainer.left.shrink #dash .dash-item-container .grid-search-result .app-well-app-running-dot { margin-bottom: 2px; } #dashtodockContainer.left.shrink #dash .dash-item-container > StButton { transition-duration: 250; background-size: contain; } #dashtodockContainer.left.shrink.fixed #dash .dash-background { margin-right: 1px; } #dashtodockContainer.left.shrink.fixed #dash .dash-item-container .app-well-app, #dashtodockContainer.left.shrink.fixed #dash .dash-item-container .grid-search-result, #dashtodockContainer.left.shrink.fixed #dash .dash-item-container .show-apps { padding-right: 4px; } .dash-label.left.shrink { margin: 0; -x-offset: 3px; -y-offset: 0; } #dashtodockContainer.left.extended #dash { margin: 0px; padding: 0px; } #dashtodockContainer.left.extended #dash .dash-background { margin: 0; margin-left: 0; padding: 0; border-radius: 0; spacing: 6px; } #dashtodockContainer.left.extended #dash .dash-separator { background-color: #464646; width: 0; height: 1px; margin: 4px 0; margin-left: 0; } #dashtodockContainer.left.extended #dash #dashtodockDashContainer { padding: 0; padding-left: 0; padding-right: 0; } #dashtodockContainer.left.extended #dash #dashtodockDashContainer > :first-child .show-apps { padding-top: 8px; } #dashtodockContainer.left.extended #dash #dashtodockDashContainer #dashtodockDashScrollview:first-child { padding-top: 8px; } #dashtodockContainer.left.extended #dash #dashtodockDashContainer > :last-child .show-apps { padding-bottom: 8px; } #dashtodockContainer.left.extended #dash #dashtodockDashContainer #dashtodockDashScrollview:last-child { padding-bottom: 8px; } #dashtodockContainer.left.extended #dash .dash-item-container { /* Disable all margins defined upstream, we handle them here */ margin: 2px 0; } #dashtodockContainer.left.extended #dash .dash-item-container > * { margin: 0; } #dashtodockContainer.left.extended #dash .dash-item-container:first-child { margin-top: 0; } #dashtodockContainer.left.extended #dash .dash-item-container:last-child { margin-bottom: 0; } #dashtodockContainer.left.extended #dash .dash-item-container .app-well-app, #dashtodockContainer.left.extended #dash .dash-item-container .grid-search-result, #dashtodockContainer.left.extended #dash .dash-item-container .show-apps { padding: 2px 2px; padding-left: 10px; padding-right: 10px; } #dashtodockContainer.left.extended #dash .dash-item-container .app-well-app:first-child, #dashtodockContainer.left.extended #dash .dash-item-container .grid-search-result:first-child, #dashtodockContainer.left.extended #dash .dash-item-container .show-apps:first-child { padding-top: 0; } #dashtodockContainer.left.extended #dash .dash-item-container .app-well-app:last-child, #dashtodockContainer.left.extended #dash .dash-item-container .grid-search-result:last-child, #dashtodockContainer.left.extended #dash .dash-item-container .show-apps:last-child { padding-bottom: 0; } #dashtodockContainer.left.extended #dash .dash-item-container .app-well-app.running .overview-icon, #dashtodockContainer.left.extended #dash .dash-item-container .running.grid-search-result .overview-icon { background-image: none; } #dashtodockContainer.left.extended #dash .dash-item-container .app-well-app.focused .overview-icon, #dashtodockContainer.left.extended #dash .dash-item-container .focused.grid-search-result .overview-icon { background-color: rgba(238, 238, 236, 0.2); } #dashtodockContainer.left.extended #dash .dash-item-container .app-well-app .app-well-app-running-dot, #dashtodockContainer.left.extended #dash .dash-item-container .grid-search-result .app-well-app-running-dot { margin-bottom: 2px; } #dashtodockContainer.left.extended #dash .dash-item-container > StButton { transition-duration: 250; background-size: contain; } #dashtodockContainer.left.extended.fixed #dash .dash-background { margin-right: 0; } #dashtodockContainer.left.extended.fixed #dash .dash-item-container .app-well-app, #dashtodockContainer.left.extended.fixed #dash .dash-item-container .grid-search-result, #dashtodockContainer.left.extended.fixed #dash .dash-item-container .show-apps { padding-right: 10px; } .dash-label.left { margin: 0; -x-offset: 10px; -y-offset: 0; } #dashtodockContainer.left.extended.shrink #dash { margin: 0px; padding: 0px; } #dashtodockContainer.left.extended.shrink #dash .dash-background { margin: 0; margin-left: 0; padding: 0; border-radius: 0; spacing: 2px; } #dashtodockContainer.left.extended.shrink #dash .dash-separator { background-color: #464646; width: 0; height: 1px; margin: 1px 0; margin-left: 0; } #dashtodockContainer.left.extended.shrink #dash #dashtodockDashContainer { padding: 0; padding-left: 0; padding-right: 0; } #dashtodockContainer.left.extended.shrink #dash #dashtodockDashContainer > :first-child .show-apps { padding-top: 6px; } #dashtodockContainer.left.extended.shrink #dash #dashtodockDashContainer #dashtodockDashScrollview:first-child { padding-top: 6px; } #dashtodockContainer.left.extended.shrink #dash #dashtodockDashContainer > :last-child .show-apps { padding-bottom: 6px; } #dashtodockContainer.left.extended.shrink #dash #dashtodockDashContainer #dashtodockDashScrollview:last-child { padding-bottom: 6px; } #dashtodockContainer.left.extended.shrink #dash .dash-item-container { /* Disable all margins defined upstream, we handle them here */ margin: 2px 0; } #dashtodockContainer.left.extended.shrink #dash .dash-item-container > * { margin: 0; } #dashtodockContainer.left.extended.shrink #dash .dash-item-container:first-child { margin-top: 0; } #dashtodockContainer.left.extended.shrink #dash .dash-item-container:last-child { margin-bottom: 0; } #dashtodockContainer.left.extended.shrink #dash .dash-item-container .app-well-app, #dashtodockContainer.left.extended.shrink #dash .dash-item-container .grid-search-result, #dashtodockContainer.left.extended.shrink #dash .dash-item-container .show-apps { padding: 1px 1px; padding-left: 3px; padding-right: 3px; } #dashtodockContainer.left.extended.shrink #dash .dash-item-container .app-well-app:first-child, #dashtodockContainer.left.extended.shrink #dash .dash-item-container .grid-search-result:first-child, #dashtodockContainer.left.extended.shrink #dash .dash-item-container .show-apps:first-child { padding-top: 0; } #dashtodockContainer.left.extended.shrink #dash .dash-item-container .app-well-app:last-child, #dashtodockContainer.left.extended.shrink #dash .dash-item-container .grid-search-result:last-child, #dashtodockContainer.left.extended.shrink #dash .dash-item-container .show-apps:last-child { padding-bottom: 0; } #dashtodockContainer.left.extended.shrink #dash .dash-item-container .app-well-app.running .overview-icon, #dashtodockContainer.left.extended.shrink #dash .dash-item-container .running.grid-search-result .overview-icon { background-image: none; } #dashtodockContainer.left.extended.shrink #dash .dash-item-container .app-well-app.focused .overview-icon, #dashtodockContainer.left.extended.shrink #dash .dash-item-container .focused.grid-search-result .overview-icon { background-color: rgba(238, 238, 236, 0.2); } #dashtodockContainer.left.extended.shrink #dash .dash-item-container .app-well-app .app-well-app-running-dot, #dashtodockContainer.left.extended.shrink #dash .dash-item-container .grid-search-result .app-well-app-running-dot { margin-bottom: 2px; } #dashtodockContainer.left.extended.shrink #dash .dash-item-container > StButton { transition-duration: 250; background-size: contain; } #dashtodockContainer.left.extended.shrink.fixed #dash .dash-background { margin-right: 0; } #dashtodockContainer.left.extended.shrink.fixed #dash .dash-item-container .app-well-app, #dashtodockContainer.left.extended.shrink.fixed #dash .dash-item-container .grid-search-result, #dashtodockContainer.left.extended.shrink.fixed #dash .dash-item-container .show-apps { padding-right: 3px; } .dash-label.left.shrink { margin: 0; -x-offset: 3px; -y-offset: 0; } #dashtodockContainer.right #dash { margin: 0px; padding: 0px; } #dashtodockContainer.right #dash .dash-background { margin: 0; margin-right: 4px; padding: 0; border-radius: 18px; spacing: 6px; } #dashtodockContainer.right #dash .dash-separator { background-color: #464646; width: 0; height: 1px; margin: 4px 0; margin-right: 4px; } #dashtodockContainer.right #dash #dashtodockDashContainer { padding: 10px; padding-right: 0; padding-left: 0; } #dashtodockContainer.right #dash .dash-item-container { /* Disable all margins defined upstream, we handle them here */ margin: 2px 0; } #dashtodockContainer.right #dash .dash-item-container > * { margin: 0; } #dashtodockContainer.right #dash .dash-item-container:first-child { margin-top: 0; } #dashtodockContainer.right #dash .dash-item-container:last-child { margin-bottom: 0; } #dashtodockContainer.right #dash .dash-item-container .app-well-app, #dashtodockContainer.right #dash .dash-item-container .grid-search-result, #dashtodockContainer.right #dash .dash-item-container .show-apps { padding: 2px 2px; padding-right: 14px; padding-left: 10px; } #dashtodockContainer.right #dash .dash-item-container .app-well-app:first-child, #dashtodockContainer.right #dash .dash-item-container .grid-search-result:first-child, #dashtodockContainer.right #dash .dash-item-container .show-apps:first-child { padding-top: 0; } #dashtodockContainer.right #dash .dash-item-container .app-well-app:last-child, #dashtodockContainer.right #dash .dash-item-container .grid-search-result:last-child, #dashtodockContainer.right #dash .dash-item-container .show-apps:last-child { padding-bottom: 0; } #dashtodockContainer.right #dash .dash-item-container .app-well-app.running .overview-icon, #dashtodockContainer.right #dash .dash-item-container .running.grid-search-result .overview-icon { background-image: none; } #dashtodockContainer.right #dash .dash-item-container .app-well-app.focused .overview-icon, #dashtodockContainer.right #dash .dash-item-container .focused.grid-search-result .overview-icon { background-color: rgba(238, 238, 236, 0.2); } #dashtodockContainer.right #dash .dash-item-container .app-well-app .app-well-app-running-dot, #dashtodockContainer.right #dash .dash-item-container .grid-search-result .app-well-app-running-dot { margin-bottom: 2px; } #dashtodockContainer.right #dash .dash-item-container > StButton { transition-duration: 250; background-size: contain; } #dashtodockContainer.right.fixed #dash .dash-background { margin-left: 4px; } #dashtodockContainer.right.fixed #dash .dash-item-container .app-well-app, #dashtodockContainer.right.fixed #dash .dash-item-container .grid-search-result, #dashtodockContainer.right.fixed #dash .dash-item-container .show-apps { padding-left: 14px; } .dash-label.right { margin: 0; -x-offset: 10px; -y-offset: 0; } #dashtodockContainer.right.shrink #dash { margin: 0px; padding: 0px; } #dashtodockContainer.right.shrink #dash .dash-background { margin: 0; margin-right: 4px; padding: 0; border-radius: 14px; spacing: 2px; } #dashtodockContainer.right.shrink #dash .dash-separator { background-color: #464646; width: 0; height: 1px; margin: 1px 0; margin-right: 4px; } #dashtodockContainer.right.shrink #dash #dashtodockDashContainer { padding: 3px; padding-right: 0; padding-left: 0; } #dashtodockContainer.right.shrink #dash .dash-item-container { /* Disable all margins defined upstream, we handle them here */ margin: 2px 0; } #dashtodockContainer.right.shrink #dash .dash-item-container > * { margin: 0; } #dashtodockContainer.right.shrink #dash .dash-item-container:first-child { margin-top: 0; } #dashtodockContainer.right.shrink #dash .dash-item-container:last-child { margin-bottom: 0; } #dashtodockContainer.right.shrink #dash .dash-item-container .app-well-app, #dashtodockContainer.right.shrink #dash .dash-item-container .grid-search-result, #dashtodockContainer.right.shrink #dash .dash-item-container .show-apps { padding: 1px 1px; padding-right: 7px; padding-left: 3px; } #dashtodockContainer.right.shrink #dash .dash-item-container .app-well-app:first-child, #dashtodockContainer.right.shrink #dash .dash-item-container .grid-search-result:first-child, #dashtodockContainer.right.shrink #dash .dash-item-container .show-apps:first-child { padding-top: 0; } #dashtodockContainer.right.shrink #dash .dash-item-container .app-well-app:last-child, #dashtodockContainer.right.shrink #dash .dash-item-container .grid-search-result:last-child, #dashtodockContainer.right.shrink #dash .dash-item-container .show-apps:last-child { padding-bottom: 0; } #dashtodockContainer.right.shrink #dash .dash-item-container .app-well-app.running .overview-icon, #dashtodockContainer.right.shrink #dash .dash-item-container .running.grid-search-result .overview-icon { background-image: none; } #dashtodockContainer.right.shrink #dash .dash-item-container .app-well-app.focused .overview-icon, #dashtodockContainer.right.shrink #dash .dash-item-container .focused.grid-search-result .overview-icon { background-color: rgba(238, 238, 236, 0.2); } #dashtodockContainer.right.shrink #dash .dash-item-container .app-well-app .app-well-app-running-dot, #dashtodockContainer.right.shrink #dash .dash-item-container .grid-search-result .app-well-app-running-dot { margin-bottom: 2px; } #dashtodockContainer.right.shrink #dash .dash-item-container > StButton { transition-duration: 250; background-size: contain; } #dashtodockContainer.right.shrink.fixed #dash .dash-background { margin-left: 1px; } #dashtodockContainer.right.shrink.fixed #dash .dash-item-container .app-well-app, #dashtodockContainer.right.shrink.fixed #dash .dash-item-container .grid-search-result, #dashtodockContainer.right.shrink.fixed #dash .dash-item-container .show-apps { padding-left: 4px; } .dash-label.right.shrink { margin: 0; -x-offset: 3px; -y-offset: 0; } #dashtodockContainer.right.extended #dash { margin: 0px; padding: 0px; } #dashtodockContainer.right.extended #dash .dash-background { margin: 0; margin-right: 0; padding: 0; border-radius: 0; spacing: 6px; } #dashtodockContainer.right.extended #dash .dash-separator { background-color: #464646; width: 0; height: 1px; margin: 4px 0; margin-right: 0; } #dashtodockContainer.right.extended #dash #dashtodockDashContainer { padding: 0; padding-right: 0; padding-left: 0; } #dashtodockContainer.right.extended #dash #dashtodockDashContainer > :first-child .show-apps { padding-top: 8px; } #dashtodockContainer.right.extended #dash #dashtodockDashContainer #dashtodockDashScrollview:first-child { padding-top: 8px; } #dashtodockContainer.right.extended #dash #dashtodockDashContainer > :last-child .show-apps { padding-bottom: 8px; } #dashtodockContainer.right.extended #dash #dashtodockDashContainer #dashtodockDashScrollview:last-child { padding-bottom: 8px; } #dashtodockContainer.right.extended #dash .dash-item-container { /* Disable all margins defined upstream, we handle them here */ margin: 2px 0; } #dashtodockContainer.right.extended #dash .dash-item-container > * { margin: 0; } #dashtodockContainer.right.extended #dash .dash-item-container:first-child { margin-top: 0; } #dashtodockContainer.right.extended #dash .dash-item-container:last-child { margin-bottom: 0; } #dashtodockContainer.right.extended #dash .dash-item-container .app-well-app, #dashtodockContainer.right.extended #dash .dash-item-container .grid-search-result, #dashtodockContainer.right.extended #dash .dash-item-container .show-apps { padding: 2px 2px; padding-right: 10px; padding-left: 10px; } #dashtodockContainer.right.extended #dash .dash-item-container .app-well-app:first-child, #dashtodockContainer.right.extended #dash .dash-item-container .grid-search-result:first-child, #dashtodockContainer.right.extended #dash .dash-item-container .show-apps:first-child { padding-top: 0; } #dashtodockContainer.right.extended #dash .dash-item-container .app-well-app:last-child, #dashtodockContainer.right.extended #dash .dash-item-container .grid-search-result:last-child, #dashtodockContainer.right.extended #dash .dash-item-container .show-apps:last-child { padding-bottom: 0; } #dashtodockContainer.right.extended #dash .dash-item-container .app-well-app.running .overview-icon, #dashtodockContainer.right.extended #dash .dash-item-container .running.grid-search-result .overview-icon { background-image: none; } #dashtodockContainer.right.extended #dash .dash-item-container .app-well-app.focused .overview-icon, #dashtodockContainer.right.extended #dash .dash-item-container .focused.grid-search-result .overview-icon { background-color: rgba(238, 238, 236, 0.2); } #dashtodockContainer.right.extended #dash .dash-item-container .app-well-app .app-well-app-running-dot, #dashtodockContainer.right.extended #dash .dash-item-container .grid-search-result .app-well-app-running-dot { margin-bottom: 2px; } #dashtodockContainer.right.extended #dash .dash-item-container > StButton { transition-duration: 250; background-size: contain; } #dashtodockContainer.right.extended.fixed #dash .dash-background { margin-left: 0; } #dashtodockContainer.right.extended.fixed #dash .dash-item-container .app-well-app, #dashtodockContainer.right.extended.fixed #dash .dash-item-container .grid-search-result, #dashtodockContainer.right.extended.fixed #dash .dash-item-container .show-apps { padding-left: 10px; } .dash-label.right { margin: 0; -x-offset: 10px; -y-offset: 0; } #dashtodockContainer.right.extended.shrink #dash { margin: 0px; padding: 0px; } #dashtodockContainer.right.extended.shrink #dash .dash-background { margin: 0; margin-right: 0; padding: 0; border-radius: 0; spacing: 2px; } #dashtodockContainer.right.extended.shrink #dash .dash-separator { background-color: #464646; width: 0; height: 1px; margin: 1px 0; margin-right: 0; } #dashtodockContainer.right.extended.shrink #dash #dashtodockDashContainer { padding: 0; padding-right: 0; padding-left: 0; } #dashtodockContainer.right.extended.shrink #dash #dashtodockDashContainer > :first-child .show-apps { padding-top: 6px; } #dashtodockContainer.right.extended.shrink #dash #dashtodockDashContainer #dashtodockDashScrollview:first-child { padding-top: 6px; } #dashtodockContainer.right.extended.shrink #dash #dashtodockDashContainer > :last-child .show-apps { padding-bottom: 6px; } #dashtodockContainer.right.extended.shrink #dash #dashtodockDashContainer #dashtodockDashScrollview:last-child { padding-bottom: 6px; } #dashtodockContainer.right.extended.shrink #dash .dash-item-container { /* Disable all margins defined upstream, we handle them here */ margin: 2px 0; } #dashtodockContainer.right.extended.shrink #dash .dash-item-container > * { margin: 0; } #dashtodockContainer.right.extended.shrink #dash .dash-item-container:first-child { margin-top: 0; } #dashtodockContainer.right.extended.shrink #dash .dash-item-container:last-child { margin-bottom: 0; } #dashtodockContainer.right.extended.shrink #dash .dash-item-container .app-well-app, #dashtodockContainer.right.extended.shrink #dash .dash-item-container .grid-search-result, #dashtodockContainer.right.extended.shrink #dash .dash-item-container .show-apps { padding: 1px 1px; padding-right: 3px; padding-left: 3px; } #dashtodockContainer.right.extended.shrink #dash .dash-item-container .app-well-app:first-child, #dashtodockContainer.right.extended.shrink #dash .dash-item-container .grid-search-result:first-child, #dashtodockContainer.right.extended.shrink #dash .dash-item-container .show-apps:first-child { padding-top: 0; } #dashtodockContainer.right.extended.shrink #dash .dash-item-container .app-well-app:last-child, #dashtodockContainer.right.extended.shrink #dash .dash-item-container .grid-search-result:last-child, #dashtodockContainer.right.extended.shrink #dash .dash-item-container .show-apps:last-child { padding-bottom: 0; } #dashtodockContainer.right.extended.shrink #dash .dash-item-container .app-well-app.running .overview-icon, #dashtodockContainer.right.extended.shrink #dash .dash-item-container .running.grid-search-result .overview-icon { background-image: none; } #dashtodockContainer.right.extended.shrink #dash .dash-item-container .app-well-app.focused .overview-icon, #dashtodockContainer.right.extended.shrink #dash .dash-item-container .focused.grid-search-result .overview-icon { background-color: rgba(238, 238, 236, 0.2); } #dashtodockContainer.right.extended.shrink #dash .dash-item-container .app-well-app .app-well-app-running-dot, #dashtodockContainer.right.extended.shrink #dash .dash-item-container .grid-search-result .app-well-app-running-dot { margin-bottom: 2px; } #dashtodockContainer.right.extended.shrink #dash .dash-item-container > StButton { transition-duration: 250; background-size: contain; } #dashtodockContainer.right.extended.shrink.fixed #dash .dash-background { margin-left: 0; } #dashtodockContainer.right.extended.shrink.fixed #dash .dash-item-container .app-well-app, #dashtodockContainer.right.extended.shrink.fixed #dash .dash-item-container .grid-search-result, #dashtodockContainer.right.extended.shrink.fixed #dash .dash-item-container .show-apps { padding-left: 3px; } .dash-label.right.shrink { margin: 0; -x-offset: 3px; -y-offset: 0; } #dashtodockContainer.top.shrink #dash .dash-background { margin-top: 4px; margin-bottom: 0; } #dashtodockContainer.straight-corner #dash .dash-background, #dashtodockContainer.shrink.straight-corner #dash .dash-background { border-radius: 0px; } /* Scrollview style */ .bottom #dashtodockDashScrollview, .top #dashtodockDashScrollview { -st-hfade-offset: 24px; } .left #dashtodockDashScrollview, .right #dashtodockDashScrollview { -st-vfade-offset: 24px; } #dashtodockContainer.dashtodock #dash .dash-background { background: #1d1d1d; } #dashtodockContainer.dashtodock .progress-bar { /* Customization of the progress bar style, e.g.: -progress-bar-background: rgba(0.8, 0.8, 0.8, 1); -progress-bar-border: rgba(0.9, 0.9, 0.9, 1); */ } #dashtodockContainer.top #dash .placeholder, #dashtodockContainer.bottom #dash .placeholder { width: 32px; height: 1px; } /* * This is applied to a dummy actor. Only the alpha value for the background and border color * and the transition-duration are used */ #dashtodockContainer.dummy-opaque { background-color: rgba(0, 0, 0, 0.8); border-color: rgba(0, 0, 0, 0.4); transition-duration: 300ms; } /* * This is applied to a dummy actor. Only the alpha value for the background and border color * and the transition-duration are used */ #dashtodockContainer.dummy-transparent { background-color: rgba(0, 0, 0, 0.2); border-color: rgba(0, 0, 0, 0.1); transition-duration: 500ms; } #dashtodockContainer .number-overlay { color: white; background-color: rgba(0, 0, 0, 0.8); text-align: center; } #dashtodockContainer .notification-badge { color: white; background-color: red; padding: 0.2em 0.5em; border-radius: 1em; font-weight: bold; text-align: center; margin: 2px; } #dashtodockPreviewSeparator.popup-separator-menu-item-horizontal { width: 1px; height: auto; border-right-width: 1px; margin: 32px 0px; } .dashtodock-app-well-preview-menu-item { padding: 1em 1em 0.5em 1em; } #dashtodockContainer .metro .overview-icon { border-radius: 0px; } #dashtodockContainer.bottom .metro.running2.focused, #dashtodockContainer.top .metro.running2.focused { background-image: url("./media/highlight_stacked_bg.svg"); background-position: 0px 0px; background-size: contain; } #dashtodockContainer.left .metro.running2.focused, #dashtodockContainer.right .metro.running2.focused { background-image: url("./media/highlight_stacked_bg_h.svg"); background-position: 0px 0px; background-size: contain; } #dashtodockContainer.bottom .metro.running3.focused, #dashtodockContainer.top .metro.running3.focused { background-image: url("./media/highlight_stacked_bg.svg"); background-position: 0px 0px; background-size: contain; } #dashtodockContainer.left .metro.running3.focused, #dashtodockContainer.right .metro.running3.focused { background-image: url("./media/highlight_stacked_bg_h.svg"); background-position: 0px 0px; background-size: contain; } #dashtodockContainer.bottom .metro.running4.focused, #dashtodockContainer.top .metro.running4.focused { background-image: url("./media/highlight_stacked_bg.svg"); background-position: 0px 0px; background-size: contain; } #dashtodockContainer.left .metro.running4.focused, #dashtodockContainer.right .metro.running4.focused { background-image: url("./media/highlight_stacked_bg_h.svg"); background-position: 0px 0px; background-size: contain; } /* Yaru Dock styling */ #dashtodockContainer.bottom #dash, #dashtodockContainer.bottom.dashtodock #dash, #dashtodockContainer.bottom.shrink #dash { margin: 0px; padding: 0px; } #dashtodockContainer.bottom #dash .dash-background, #dashtodockContainer.bottom.dashtodock #dash .dash-background, #dashtodockContainer.bottom.shrink #dash .dash-background { background: rgba(19, 19, 19, 0.75); transition-duration: 250ms; } #dashtodockContainer.bottom #dash .dash-separator, #dashtodockContainer.bottom.dashtodock #dash .dash-separator, #dashtodockContainer.bottom.shrink #dash .dash-separator { background: rgba(238, 238, 236, 0.3); } #dashtodockContainer.bottom.overview #dash .dash-background, #dashtodockContainer.bottom.overview.dashtodock #dash .dash-background, #dashtodockContainer.bottom.overview.shrink #dash .dash-background { background-color: #131313; } #dashtodockContainer.bottom.extended #dash .dash-background, #dashtodockContainer.bottom.extended.dashtodock #dash .dash-background, #dashtodockContainer.bottom.extended.shrink #dash .dash-background { border: none; } #dashtodockContainer.bottom .dash-item-container .show-apps, #dashtodockContainer.bottom .dash-item-container .app-well-app, #dashtodockContainer.bottom .dash-item-container .grid-search-result { border-radius: 18px; } #dashtodockContainer.bottom .dash-item-container .show-apps:active .overview-icon, #dashtodockContainer.bottom .dash-item-container .show-apps:checked .overview-icon, #dashtodockContainer.bottom .dash-item-container .app-well-app:active .overview-icon, #dashtodockContainer.bottom .dash-item-container .grid-search-result:active .overview-icon, #dashtodockContainer.bottom .dash-item-container .app-well-app:checked .overview-icon, #dashtodockContainer.bottom .dash-item-container .grid-search-result:checked .overview-icon { background-color: rgba(255, 255, 255, 0.25); box-shadow: none; } #dashtodockContainer.bottom .notification-badge { background-color: #109b26; border: 1px solid #0c6d1a; box-shadow: -1px 1px 5px 0px rgba(0, 0, 0, 0.5); } #dashtodockContainer.top #dash, #dashtodockContainer.top.dashtodock #dash, #dashtodockContainer.top.shrink #dash { margin: 0px; padding: 0px; } #dashtodockContainer.top #dash .dash-background, #dashtodockContainer.top.dashtodock #dash .dash-background, #dashtodockContainer.top.shrink #dash .dash-background { background: rgba(19, 19, 19, 0.75); transition-duration: 250ms; } #dashtodockContainer.top #dash .dash-separator, #dashtodockContainer.top.dashtodock #dash .dash-separator, #dashtodockContainer.top.shrink #dash .dash-separator { background: rgba(238, 238, 236, 0.3); } #dashtodockContainer.top.overview #dash .dash-background, #dashtodockContainer.top.overview.dashtodock #dash .dash-background, #dashtodockContainer.top.overview.shrink #dash .dash-background { background-color: #131313; } #dashtodockContainer.top.extended #dash .dash-background, #dashtodockContainer.top.extended.dashtodock #dash .dash-background, #dashtodockContainer.top.extended.shrink #dash .dash-background { border: none; } #dashtodockContainer.top .dash-item-container .show-apps, #dashtodockContainer.top .dash-item-container .app-well-app, #dashtodockContainer.top .dash-item-container .grid-search-result { border-radius: 18px; } #dashtodockContainer.top .dash-item-container .show-apps:active .overview-icon, #dashtodockContainer.top .dash-item-container .show-apps:checked .overview-icon, #dashtodockContainer.top .dash-item-container .app-well-app:active .overview-icon, #dashtodockContainer.top .dash-item-container .grid-search-result:active .overview-icon, #dashtodockContainer.top .dash-item-container .app-well-app:checked .overview-icon, #dashtodockContainer.top .dash-item-container .grid-search-result:checked .overview-icon { background-color: rgba(255, 255, 255, 0.25); box-shadow: none; } #dashtodockContainer.top .notification-badge { background-color: #109b26; border: 1px solid #0c6d1a; box-shadow: -1px 1px 5px 0px rgba(0, 0, 0, 0.5); } #dashtodockContainer.left #dash, #dashtodockContainer.left.dashtodock #dash, #dashtodockContainer.left.shrink #dash { margin: 0px; padding: 0px; } #dashtodockContainer.left #dash .dash-background, #dashtodockContainer.left.dashtodock #dash .dash-background, #dashtodockContainer.left.shrink #dash .dash-background { background: rgba(19, 19, 19, 0.75); transition-duration: 250ms; } #dashtodockContainer.left #dash .dash-separator, #dashtodockContainer.left.dashtodock #dash .dash-separator, #dashtodockContainer.left.shrink #dash .dash-separator { background: rgba(238, 238, 236, 0.3); } #dashtodockContainer.left.overview #dash .dash-background, #dashtodockContainer.left.overview.dashtodock #dash .dash-background, #dashtodockContainer.left.overview.shrink #dash .dash-background { background-color: #131313; } #dashtodockContainer.left.extended #dash .dash-background, #dashtodockContainer.left.extended.dashtodock #dash .dash-background, #dashtodockContainer.left.extended.shrink #dash .dash-background { border: none; } #dashtodockContainer.left .dash-item-container .show-apps, #dashtodockContainer.left .dash-item-container .app-well-app, #dashtodockContainer.left .dash-item-container .grid-search-result { border-radius: 18px; } #dashtodockContainer.left .dash-item-container .show-apps:active .overview-icon, #dashtodockContainer.left .dash-item-container .show-apps:checked .overview-icon, #dashtodockContainer.left .dash-item-container .app-well-app:active .overview-icon, #dashtodockContainer.left .dash-item-container .grid-search-result:active .overview-icon, #dashtodockContainer.left .dash-item-container .app-well-app:checked .overview-icon, #dashtodockContainer.left .dash-item-container .grid-search-result:checked .overview-icon { background-color: rgba(255, 255, 255, 0.25); box-shadow: none; } #dashtodockContainer.left .notification-badge { background-color: #109b26; border: 1px solid #0c6d1a; box-shadow: -1px 1px 5px 0px rgba(0, 0, 0, 0.5); } #dashtodockContainer.right #dash, #dashtodockContainer.right.dashtodock #dash, #dashtodockContainer.right.shrink #dash { margin: 0px; padding: 0px; } #dashtodockContainer.right #dash .dash-background, #dashtodockContainer.right.dashtodock #dash .dash-background, #dashtodockContainer.right.shrink #dash .dash-background { background: rgba(19, 19, 19, 0.75); transition-duration: 250ms; } #dashtodockContainer.right #dash .dash-separator, #dashtodockContainer.right.dashtodock #dash .dash-separator, #dashtodockContainer.right.shrink #dash .dash-separator { background: rgba(238, 238, 236, 0.3); } #dashtodockContainer.right.overview #dash .dash-background, #dashtodockContainer.right.overview.dashtodock #dash .dash-background, #dashtodockContainer.right.overview.shrink #dash .dash-background { background-color: #131313; } #dashtodockContainer.right.extended #dash .dash-background, #dashtodockContainer.right.extended.dashtodock #dash .dash-background, #dashtodockContainer.right.extended.shrink #dash .dash-background { border: none; } #dashtodockContainer.right .dash-item-container .show-apps, #dashtodockContainer.right .dash-item-container .app-well-app, #dashtodockContainer.right .dash-item-container .grid-search-result { border-radius: 18px; } #dashtodockContainer.right .dash-item-container .show-apps:active .overview-icon, #dashtodockContainer.right .dash-item-container .show-apps:checked .overview-icon, #dashtodockContainer.right .dash-item-container .app-well-app:active .overview-icon, #dashtodockContainer.right .dash-item-container .grid-search-result:active .overview-icon, #dashtodockContainer.right .dash-item-container .app-well-app:checked .overview-icon, #dashtodockContainer.right .dash-item-container .grid-search-result:checked .overview-icon { background-color: rgba(255, 255, 255, 0.25); box-shadow: none; } #dashtodockContainer.right .notification-badge { background-color: #109b26; border: 1px solid #0c6d1a; box-shadow: -1px 1px 5px 0px rgba(0, 0, 0, 0.5); } (uuay)checkbox-focused-purple-dark.svg / <svg width="24" height="24" xmlns="http://www.w3.org/2000/svg"><rect x="1.5" y="1.5" width="21" height="21" rx="3" fill="#5e47d1" stroke="#b4a9e9" stroke-linejoin="round"/><path d="m20.16 7.527-1.253-1.414-.118.104-8.478 7.426-4.97-4.263-1.503 1.699 6.474 6.811z" fill="#fff" fill-rule="evenodd"/></svg> (uuay)gnome-shell-sage.css >� /* This stylesheet is generated, DO NOT EDIT */ /* Copyright 2009, 2015 Red Hat, Inc. * * Portions adapted from Mx's data/style/default.css * Copyright 2009 Intel Corporation * * This program is free software; you can redistribute it and/or modify it * under the terms and conditions of the GNU Lesser General Public License, * version 2.1, as published by the Free Software Foundation. * * This program is distributed in the hope it will be useful, but WITHOUT ANY * WARRANTY; without even the implied warranty of MERCHANTABILITY or FITNESS * FOR A PARTICULAR PURPOSE. See the GNU Lesser General Public License for * more details. * * You should have received a copy of the GNU Lesser General Public License * along with this program; if not, write to the Free Software Foundation, * Inc., 51 Franklin St - Fifth Floor, Boston, MA 02110-1301 USA. */ /* Global Values */ stage { font-size: 11pt; color: #3D3D3D; } /* Common Stylings */ .screenshot-ui-panel, .workspace-switcher, .switcher-list, .resize-popup, .osd-monitor-label, .osd-window { color: #eeeeec; background-color: rgba(29, 29, 29, 0.975); border: 1px solid #464646; border-radius: 999px; padding: 12px; box-shadow: 0 3px 9px 1px rgba(0, 0, 0, 0.5); } .workspace-thumbnails .workspace-thumbnail { color: #eeeeec; background-color: rgba(238, 238, 236, 0.1); } .app-well-app.app-folder .overview-icon, .app-folder.grid-search-result .overview-icon, .app-well-app .overview-icon, .grid-search-result .overview-icon, .dash-item-container .show-apps .overview-icon, .list-search-result, .search-provider-icon, .switcher-list .item-box { border-radius: 12px; padding: 6px; spacing: 6px; border: 2px solid transparent; transition-duration: 100ms; text-align: center; color: #eeeeec; } .modal-dialog { color: #3D3D3D; background-color: #FAFAFA; border-radius: 8.5px; border: 1px solid rgba(255, 255, 255, 0.8); } #LookingGlassDialog > #Toolbar .lg-toolbar-button, .pad-osd-window .button, .button, .app-folder-dialog .folder-name-container .edit-folder-button { border-radius: 4px; border-style: solid; border-width: 1px; font-weight: bold; padding: 3px 24px; color: #3D3D3D; background-color: #ededed; } #LookingGlassDialog > #Toolbar .lg-toolbar-button:focus, .button:focus, .app-folder-dialog .folder-name-container .edit-folder-button:focus { color: #3D3D3D; background-color: #ededed; box-shadow: inset 0 0 0 2px #899e8d; } #LookingGlassDialog > #Toolbar .lg-toolbar-button:focus:hover, .button:focus:hover, .app-folder-dialog .folder-name-container .edit-folder-button:focus:hover { background-color: #e5e5e5; box-shadow: inset 0 0 0 2px #899e8d; } #LookingGlassDialog > #Toolbar .lg-toolbar-button:focus:active, .button:focus:active, .app-folder-dialog .folder-name-container .edit-folder-button:focus:active { background-color: #dedede; box-shadow: inset 0 0 0 2px #899e8d; } #LookingGlassDialog > #Toolbar .lg-toolbar-button:hover, .button:hover, .app-folder-dialog .folder-name-container .edit-folder-button:hover { color: #3D3D3D; background-color: #e5e5e5; } #LookingGlassDialog > #Toolbar .lg-toolbar-button:insensitive, .button:insensitive, .app-folder-dialog .folder-name-container .edit-folder-button:insensitive { color: rgba(61, 61, 61, 0.5); background-color: rgba(61, 61, 61, 0.05); } #LookingGlassDialog > #Toolbar .lg-toolbar-button:active, .button:active, .app-folder-dialog .folder-name-container .edit-folder-button:active { color: #3D3D3D; background-color: #dedede; } #LookingGlassDialog > #Toolbar .lg-toolbar-button:checked, .button:checked, .app-folder-dialog .folder-name-container .edit-folder-button:checked { color: #3D3D3D; background-color: #d6d6d6; } #LookingGlassDialog > #Toolbar .lg-toolbar-button:checked:hover, .button:checked:hover, .app-folder-dialog .folder-name-container .edit-folder-button:checked:hover { background-color: #cecece; } #LookingGlassDialog > #Toolbar .lg-toolbar-button:checked:active, .button:checked:active, .app-folder-dialog .folder-name-container .edit-folder-button:checked:active { background-color: #c7c7c7; } .app-folder-dialog .folder-name-container .edit-folder-button { color: #F7F7F7; background-color: #2c2c2c; } .app-folder-dialog .folder-name-container .edit-folder-button:focus { color: #F7F7F7; background-color: #2c2c2c; box-shadow: inset 0 0 0 2px #899e8d; } .app-folder-dialog .folder-name-container .edit-folder-button:focus:hover { background-color: #242424; box-shadow: inset 0 0 0 2px #899e8d; } .app-folder-dialog .folder-name-container .edit-folder-button:focus:active { background-color: #1d1d1d; box-shadow: inset 0 0 0 2px #899e8d; } .app-folder-dialog .folder-name-container .edit-folder-button:hover { color: #F7F7F7; background-color: #242424; } .app-folder-dialog .folder-name-container .edit-folder-button:insensitive { color: rgba(247, 247, 247, 0.5); background-color: rgba(247, 247, 247, 0.05); } .app-folder-dialog .folder-name-container .edit-folder-button:active { color: #F7F7F7; background-color: #1d1d1d; } .app-folder-dialog .folder-name-container .edit-folder-button:checked { color: #F7F7F7; background-color: #151515; } .app-folder-dialog .folder-name-container .edit-folder-button:checked:hover { background-color: #0d0d0d; } .app-folder-dialog .folder-name-container .edit-folder-button:checked:active { background-color: #060606; } .modal-dialog .modal-dialog-linked-button, .hotplug-notification-item, .notification-banner .notification-button { padding: 12px; color: #3D3D3D; background-color: #ededed; } .modal-dialog .modal-dialog-linked-button:ltr, .hotplug-notification-item:ltr, .notification-banner .notification-button:ltr { margin-right: 1px; } .modal-dialog .modal-dialog-linked-button:rtl, .hotplug-notification-item:rtl, .notification-banner .notification-button:rtl { margin-left: 1px; } .modal-dialog .modal-dialog-linked-button:insensitive, .hotplug-notification-item:insensitive, .notification-banner .notification-button:insensitive { color: rgba(61, 61, 61, 0.5); background-color: rgba(61, 61, 61, 0.05); } .modal-dialog .modal-dialog-linked-button:focus, .hotplug-notification-item:focus, .notification-banner .notification-button:focus { color: #3D3D3D; background-color: #ededed; box-shadow: inset 0 0 0 2px #899e8d; } .modal-dialog .modal-dialog-linked-button:focus:hover, .hotplug-notification-item:focus:hover, .notification-banner .notification-button:focus:hover { background-color: #e5e5e5; box-shadow: inset 0 0 0 2px #899e8d; } .modal-dialog .modal-dialog-linked-button:focus:active, .hotplug-notification-item:focus:active, .notification-banner .notification-button:focus:active { background-color: #dedede; box-shadow: inset 0 0 0 2px #899e8d; } .modal-dialog .modal-dialog-linked-button:hover, .hotplug-notification-item:hover, .notification-banner .notification-button:hover { color: #3D3D3D; background-color: #e5e5e5; } .modal-dialog .modal-dialog-linked-button:active, .hotplug-notification-item:active, .notification-banner .notification-button:active { color: #3D3D3D; background-color: #dedede; } .modal-dialog .modal-dialog-linked-button:first-child:ltr, .hotplug-notification-item:first-child:ltr, .notification-banner .notification-button:first-child:ltr { border-radius: 0 0 0 7.5px; } .modal-dialog .modal-dialog-linked-button:last-child:ltr, .hotplug-notification-item:last-child:ltr, .notification-banner .notification-button:last-child:ltr { border-radius: 0 0 7.5px 0; margin-right: 0 !important; } .modal-dialog .modal-dialog-linked-button:first-child:rtl, .hotplug-notification-item:first-child:rtl, .notification-banner .notification-button:first-child:rtl { border-radius: 0 0 7.5px 0; margin-left: 0 !important; } .modal-dialog .modal-dialog-linked-button:last-child:rtl, .hotplug-notification-item:last-child:rtl, .notification-banner .notification-button:last-child:rtl { border-radius: 0 0 0 7.5px; margin-right: 0 !important; } .modal-dialog .modal-dialog-linked-button:first-child:last-child, .hotplug-notification-item:first-child:last-child, .notification-banner .notification-button:first-child:last-child { border-radius: 0 0 7.5px 7.5px !important; margin-left: 0 !important; margin-right: 0 !important; } .screenshot-ui-show-pointer-button, .screenshot-ui-type-button { background-color: transparent; background-color: none; } .screenshot-ui-show-pointer-button:insensitive, .screenshot-ui-type-button:insensitive { color: rgba(61, 61, 61, 0.5); background-color: rgba(61, 61, 61, 0.05); background-color: transparent; color: rgba(255, 255, 255, 0.5); } .screenshot-ui-show-pointer-button:insensitive, .screenshot-ui-type-button:insensitive { background-color: transparent; background-color: none; } .screenshot-ui-show-pointer-button:insensitive:insensitive, .screenshot-ui-type-button:insensitive:insensitive { color: rgba(61, 61, 61, 0.5); background-color: rgba(61, 61, 61, 0.05); background-color: transparent; color: rgba(255, 255, 255, 0.5); } .screenshot-ui-show-pointer-button:focus, .screenshot-ui-type-button:focus { color: #eeeeec; background-color: rgba(44, 44, 44, 0.97675); box-shadow: inset 0 0 0 2px #899e8d; } .screenshot-ui-show-pointer-button:focus:hover, .screenshot-ui-type-button:focus:hover { background-color: rgba(36, 36, 36, 0.97675); box-shadow: inset 0 0 0 2px #899e8d; } .screenshot-ui-show-pointer-button:focus:active, .screenshot-ui-type-button:focus:active { background-color: rgba(29, 29, 29, 0.97675); box-shadow: inset 0 0 0 2px #899e8d; } .screenshot-ui-show-pointer-button:hover, .screenshot-ui-type-button:hover { color: #eeeeec; background-color: rgba(36, 36, 36, 0.97675); } .screenshot-ui-show-pointer-button:active, .screenshot-ui-type-button:active { color: #eeeeec; background-color: rgba(29, 29, 29, 0.97675); } .screenshot-ui-show-pointer-button:outlined, .screenshot-ui-type-button:outlined, .screenshot-ui-show-pointer-button:checked, .screenshot-ui-type-button:checked { color: #eeeeec; background-color: rgba(21, 21, 21, 0.97675); } .screenshot-ui-show-pointer-button:outlined:hover, .screenshot-ui-type-button:outlined:hover, .screenshot-ui-show-pointer-button:checked:hover, .screenshot-ui-type-button:checked:hover { background-color: rgba(13, 13, 13, 0.97675); } .screenshot-ui-show-pointer-button:outlined:active, .screenshot-ui-type-button:outlined:active, .screenshot-ui-show-pointer-button:checked:active, .screenshot-ui-type-button:checked:active { background-color: rgba(6, 6, 6, 0.97675); } /* General Typography */ .app-folder-dialog .folder-name-container .folder-name-label, .app-folder-dialog .folder-name-container .folder-name-entry, .search-statustext { font-weight: 800; font-size: 20pt; } .lg-debug-flags-header, .message-dialog-content .message-dialog-title, .message-list .message-list-placeholder, .datemenu-today-button .date-label { font-weight: 800; font-size: 15pt; } .nm-dialog-airplane-headline { font-weight: 700; font-size: 15pt; } .message-dialog-content .message-dialog-title.lightweight, .headline { font-weight: 700; font-size: 13pt; } .lg-extension-name, .osd-window, .nm-dialog-header, .dialog-list .dialog-list-title, .message-list-controls, .weather-button .weather-forecast-temp, .weather-button .weather-header, .world-clocks-button .world-clocks-time, .world-clocks-button .world-clocks-header, .events-button .events-title, .calendar .calendar-month-header .calendar-month-label, .datemenu-today-button .day-label, .popup-menu-ornament { font-weight: 700; font-size: 11pt; } .app-menu .popup-inactive-menu-item:first-child > StLabel { font-weight: 700; font-size: 9pt; } .login-dialog-not-listed-label, .lg-completions-text, .caps-lock-warning-label, #dash, .icon-label-button-container, .prompt-dialog-error-label, .prompt-dialog-info-label, .prompt-dialog-null-label, .run-dialog .run-dialog-description, .dialog-list .dialog-list-box .dialog-list-item .dialog-list-item-description, .weather-button .weather-forecast-time, .world-clocks-button .world-clocks-timezone, .events-button .event-time { font-weight: 400; font-size: 9pt; } .calendar .calendar-day-base.calendar-day-heading, .calendar .calendar-day-base { font-weight: 400; font-size: 8pt; } .unlock-dialog-clock-time, #panel, .weather-button .weather-forecast-time, .world-clocks-button .world-clocks-timezone, .world-clocks-button .world-clocks-time, .events-button .event-time, .calendar .calendar-day-base { font-feature-settings: "tnum"; } /* WIDGETS */ .shell-link { color: #4e5f51; } .shell-link:hover { color: #657b69; } .lowres-icon { icon-shadow: 0 1px 2px rgba(0, 0, 0, 0.3); } .icon-dropshadow { icon-shadow: 0 1px 5px rgba(0, 0, 0, 0.8); } /* Entries */ StEntry { min-height: 22px; border-radius: 6px; padding: 8px; border-width: 1px; color: #3D3D3D; background-color: white; color: rgba(61, 61, 61, 0.7); border: 1px solid #c7c7c7; selection-background-color: #657B69; selected-color: #FFFFFF; } StEntry:hover { background-color: white; border-color: #d4d4d4; color: #3D3D3D; } StEntry:focus { background-color: white; border-color: #899e8d; box-shadow: 0 0 0 1px #899e8d inset; color: #3D3D3D; } StEntry:insensitive { background-color: white; border-color: white; color: #9c9c9c; } StEntry StIcon.capslock-warning { icon-size: 16px; warning-color: #f99b11; padding: 0 4px; } StEntry StIcon.peek-password { icon-size: 1.09em; padding: 0 4px; } StEntry StLabel.hint-text { margin-left: 2px; color: rgba(61, 61, 61, 0.7); } /* Buttons */ .button { min-height: 22px; } /* Check Boxes */ .check-box StBoxLayout { spacing: .8em; } .check-box StBin { width: 24px; height: 22px; background-image: url("resource:///org/gnome/shell/theme/checkbox-off-sage.svg"); } .check-box:focus StBin { background-image: url("resource:///org/gnome/shell/theme/checkbox-off-focused-sage.svg"); } .check-box:checked StBin { background-image: url("resource:///org/gnome/shell/theme/checkbox-sage.svg"); } .check-box:focus:checked StBin { background-image: url("resource:///org/gnome/shell/theme/checkbox-focused-sage.svg"); } /* Switches */ .toggle-switch { color: #3D3D3D; height: 26px; width: 48px; background-size: contain; background-image: url("resource:///org/gnome/shell/theme/toggle-off-sage.svg"); } .toggle-switch:checked { background-image: url("resource:///org/gnome/shell/theme/toggle-on-sage.svg"); } /* Slider */ .slider { -barlevel-height: 4px; -barlevel-background-color: rgba(61, 61, 61, 0.4); -barlevel-border-width: 2px; -barlevel-border-color: transparent; -barlevel-active-background-color: #657B69; -barlevel-active-border-color: transparent; -barlevel-overdrive-color: #c7162b; -barlevel-overdrive-border-color: transparent; -barlevel-overdrive-separator-width: 1px; -slider-handle-border-width: 1px; -slider-handle-border-color: #b5b5b5; -slider-handle-radius: 8px; color: #fcfcfc; height: 18px; } /* Scrollbars */ StScrollView.vfade { -st-vfade-offset: 68px; } StScrollView.hfade { -st-hfade-offset: 68px; } StScrollBar { padding: 0; } StScrollView StScrollBar { min-width: 8px; min-height: 8px; } StScrollBar StBin#trough { border-radius: 0; background-color: transparent; } StScrollBar StButton#vhandle, StScrollBar StButton#hhandle { border-radius: 8px; background-color: #c1c1c1; border: 3px solid transparent; transition: 500ms all ease; } StScrollBar StButton#vhandle:hover, StScrollBar StButton#hhandle:hover { background-color: #9c9c9c; } StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { background-color: #aeaeae; } /* Popovers/Menus */ .popup-menu-boxpointer, .candidate-popup-boxpointer { -arrow-rise: 6px; } .popup-menu { min-width: 15em; color: #3D3D3D; } .popup-menu.panel-menu { margin-bottom: 1.75em; } .popup-menu-content, .candidate-popup-content { padding: 6px; border-radius: 10px; border: 1px solid rgba(255, 255, 255, 0.8); box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.1); background-color: #FAFAFA; } .popup-menu-item { padding: 9px 12px; border-radius: 6px; spacing: 6px; transition: 0.2s all ease; background-color: transparent; } .popup-menu-item:ltr { padding-left: 6px; } .popup-menu-item:rtl { padding-right: 6px; } .popup-menu-item:focus, .popup-menu-item:hover { background-color: rgba(61, 61, 61, 0.1) !important; } .popup-menu-item:focus:active, .popup-menu-item:hover:active { background-color: rgba(61, 61, 61, 0.2) !important; } .popup-menu-item:checked { background-color: #e8e8e8 !important; } .popup-menu-item:checked { margin-bottom: 0; box-shadow: inset 0 -1px 0 0 #dbdbdb; border-radius: 6px 6px 0 0; } .popup-menu-item:checked:focus, .popup-menu-item:checked:hover { background-color: #d9d9d9 !important; } .popup-menu-item:checked:active { background-color: #d1d1d1 !important; } .popup-menu-item:active { background-color: #d1d1d1; color: #303030; } .popup-menu-item:insensitive { color: rgba(61, 61, 61, 0.5); } .popup-menu-item .toggle-switch:ltr { margin-left: 4px; } .popup-menu-item .toggle-switch:rtl { margin-right: 4px; } .popup-inactive-menu-item { color: #3D3D3D; } .popup-inactive-menu-item:insensitive { color: #9c9c9c; } .popup-menu-arrow, .popup-menu-icon { icon-size: 16px !important; } .popup-sub-menu { background-color: #e8e8e8; border-radius: 0 0 6px 6px; } .popup-sub-menu .popup-menu-ornament { min-width: 1.09em !important; } .popup-sub-menu .popup-menu-item { border-radius: 0; margin: 0; } .popup-sub-menu .popup-menu-item:last-child { border-radius: 0 0 6px 6px; } .popup-sub-menu .popup-menu-item:focus, .popup-sub-menu .popup-menu-item:hover { background-color: rgba(87, 87, 87, 0.1) !important; } .popup-sub-menu .popup-menu-item:checked { background-color: white !important; } .popup-sub-menu .popup-menu-item:checked:focus, .popup-sub-menu .popup-menu-item:checked:hover { background-color: #fdfdfd !important; } .popup-sub-menu .popup-menu-item:active { background-color: rgba(87, 87, 87, 0.2) !important; } .popup-sub-menu .popup-menu-section .popup-menu-item:last-child:hover, .popup-sub-menu .popup-menu-section .popup-menu-item:last-child:focus { border-radius: 0; } .popup-sub-menu .popup-menu-section:last-child .popup-menu-item:last-child { border-radius: 0 0 6px 6px; } .popup-menu-ornament { width: 1.2em; text-align: center !important; } .popup-menu-ornament:ltr { text-align: right; } .popup-menu-ornament:rtl { text-align: left; } .popup-separator-menu-item { margin: 6px 0; padding: 0 !important; } .popup-separator-menu-item:ltr { margin-right: 4px; } .popup-separator-menu-item:rtl { margin-left: 4px; } .popup-separator-menu-item .popup-separator-menu-item-separator { height: 1px; background-color: #c7c7c7; } .popup-separator-menu-item .popup-menu-ornament { width: 0 !important; } .popup-sub-menu .popup-separator-menu-item { background-color: transparent; } .popup-sub-menu .popup-separator-menu-item:ltr { margin-right: 2.5em; } .popup-sub-menu .popup-separator-menu-item:rtl { margin-left: 2.5em; } .popup-sub-menu .popup-separator-menu-item .popup-separator-menu-item-separator { background-color: #d9d9d9; } .background-menu { -boxpointer-gap: 0px; -arrow-rise: 0px; } .aggregate-menu { min-width: 22em; } .aggregate-menu .popup-menu-ornament { width: 0 !important; } .aggregate-menu .popup-menu-icon { -st-icon-style: symbolic; } .aggregate-menu .popup-menu-icon:ltr { margin-right: 8px; } .aggregate-menu .popup-menu-icon:rtl { margin-left: 8px; } .aggregate-menu .popup-sub-menu .popup-menu-item > :first-child:ltr { margin-left: 1em; } .aggregate-menu .popup-sub-menu .popup-menu-item > :first-child:rtl { margin-right: 1em; } .app-menu { max-width: 27.25em; } .app-menu .popup-menu-ornament { width: 0 !important; } .app-menu .popup-inactive-menu-item:first-child > StLabel:ltr { margin-right: 8px; } .app-menu .popup-inactive-menu-item:first-child > StLabel:rtl { margin-left: 8px; } /* Date/Time Menu */ #calendarArea { padding: 4px; } .datemenu-calendar-column { spacing: 6px; } .datemenu-calendar-column:ltr { padding-left: 6px; } .datemenu-calendar-column:rtl { padding-right: 6px; } .datemenu-calendar-column .datemenu-displays-box { spacing: 6px; } /* today button (the date) */ .datemenu-today-button { border-radius: 6px; margin: 4px; box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.1); background-color: transparent; background-color: none; box-shadow: none !important; padding: 9px; } .datemenu-today-button:insensitive { color: rgba(61, 61, 61, 0.5); background-color: rgba(61, 61, 61, 0.05); background-color: transparent; color: rgba(255, 255, 255, 0.5); } .datemenu-today-button:focus { color: #3D3D3D; background-color: #ededed; box-shadow: inset 0 0 0 2px #899e8d; } .datemenu-today-button:focus:hover { background-color: #e5e5e5; box-shadow: inset 0 0 0 2px #899e8d; } .datemenu-today-button:focus:active { background-color: #dedede; box-shadow: inset 0 0 0 2px #899e8d; } .datemenu-today-button:hover { color: #3D3D3D; background-color: #e5e5e5; } .datemenu-today-button:active { color: #3D3D3D; background-color: #dedede; } .datemenu-today-button:insensitive .day-label, .datemenu-today-button:insensitive .date-label { color: #9c9c9c; } /* Calendar */ .calendar { border-radius: 6px; margin: 4px; box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.1); background-color: transparent; background-color: none; box-shadow: none !important; margin-top: 0; } .calendar:insensitive { color: rgba(61, 61, 61, 0.5); background-color: rgba(61, 61, 61, 0.05); background-color: transparent; color: rgba(255, 255, 255, 0.5); } .calendar:focus { color: #3D3D3D; background-color: #ededed; box-shadow: inset 0 0 0 2px #899e8d; } .calendar:focus:hover { background-color: #e5e5e5; box-shadow: inset 0 0 0 2px #899e8d; } .calendar:focus:active { background-color: #dedede; box-shadow: inset 0 0 0 2px #899e8d; } .calendar:hover { color: #3D3D3D; background-color: #e5e5e5; } .calendar:active { color: #3D3D3D; background-color: #dedede; } .calendar .calendar-month-header .calendar-change-month-back StIcon, .calendar .calendar-month-header .calendar-change-month-forward StIcon { icon-size: 1.09em; } .calendar .calendar-month-header .calendar-month-label { color: #4a4a4a; padding: 8px 0; } .calendar .calendar-month-header .pager-button { background-color: transparent; height: 32px; width: 32px; margin: 2px; border-radius: 4px; } .calendar .calendar-month-header .pager-button:hover, .calendar .calendar-month-header .pager-button:focus { background-color: rgba(61, 61, 61, 0.1); } .calendar .calendar-month-header .pager-button:active { background-color: rgba(61, 61, 61, 0.2); } .calendar .calendar-day-base { text-align: center; margin: 2px; padding: 0 !important; height: 3em !important; width: 3em !important; border-radius: 99px; } .calendar .calendar-day-base:hover { background-color: rgba(61, 61, 61, 0.1); } .calendar .calendar-day-base:focus { background-color: #dce1dd; box-shadow: inset 0 0 0 2px rgba(101, 123, 105, 0.6); } .calendar .calendar-day-base:active, .calendar .calendar-day-base:selected { color: #303030; background-color: rgba(61, 61, 61, 0.2); } .calendar .calendar-day-base:active:focus, .calendar .calendar-day-base:selected:focus { background-color: rgba(89, 104, 91, 0.36); } .calendar .calendar-day-base.calendar-day-heading { color: #9c9c9c; padding-top: 6px; height: 16px !important; font-weight: bold; } .calendar .calendar-nonwork-day { color: #9c9c9c; } .calendar .calendar-other-month-day { color: rgba(61, 61, 61, 0.5); } .calendar .calendar-other-month-day.calendar-nonwork-day { color: rgba(156, 156, 156, 0.5); } .calendar .calendar-today { background-color: #657B69; font-weight: 800; color: #FFFFFF !important; } .calendar .calendar-today:hover, .calendar .calendar-today:focus { background-color: #6c8370; color: inherit; } .calendar .calendar-today:active, .calendar .calendar-today:selected { background-color: #657B69; color: inherit; } .calendar .calendar-today:active:hover, .calendar .calendar-today:active:focus, .calendar .calendar-today:selected:hover, .calendar .calendar-today:selected:focus { background-color: #6c8370; color: inherit; } .calendar .calendar-day-with-events { background-image: url("resource:///org/gnome/shell/theme/calendar-today-light.svg"); background-size: contain; } .calendar .calendar-week-number { font-size: 7pt; font-weight: bold; font-feature-settings: "tnum"; margin: 6px; padding: 0 6px; border-radius: 3px; background-color: whitesmoke; color: #9c9c9c; } /* Events */ .events-button { border-radius: 6px; margin: 4px; box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.1); color: #3D3D3D; background-color: #ededed; padding: 12px; } .events-button:focus { color: #3D3D3D; background-color: #ededed; box-shadow: inset 0 0 0 2px #899e8d; } .events-button:focus:hover { background-color: #e5e5e5; box-shadow: inset 0 0 0 2px #899e8d; } .events-button:focus:active { background-color: #dedede; box-shadow: inset 0 0 0 2px #899e8d; } .events-button:hover { color: #3D3D3D; background-color: #e5e5e5; } .events-button:active { color: #3D3D3D; background-color: #dedede; } .events-button .events-box { spacing: 6px; } .events-button .events-list { spacing: 12px; } .events-button .events-title { color: #9c9c9c; margin-bottom: 4px; } .events-button .event-time { color: #9c9c9c; } /* World clocks */ .world-clocks-button { border-radius: 6px; margin: 4px; box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.1); color: #3D3D3D; background-color: #ededed; padding: 12px; } .world-clocks-button:focus { color: #3D3D3D; background-color: #ededed; box-shadow: inset 0 0 0 2px #899e8d; } .world-clocks-button:focus:hover { background-color: #e5e5e5; box-shadow: inset 0 0 0 2px #899e8d; } .world-clocks-button:focus:active { background-color: #dedede; box-shadow: inset 0 0 0 2px #899e8d; } .world-clocks-button:hover { color: #3D3D3D; background-color: #e5e5e5; } .world-clocks-button:active { color: #3D3D3D; background-color: #dedede; } .world-clocks-button .world-clocks-grid { spacing-rows: 6px; spacing-columns: 12px; } .world-clocks-button .world-clocks-header { color: #9c9c9c; } .world-clocks-button .world-clocks-city { color: #3D3D3D; } .world-clocks-button .world-clocks-time { color: #3D3D3D; } .world-clocks-button .world-clocks-time:ltr { text-align: right; } .world-clocks-button .world-clocks-time:rtl { text-align: left; } .world-clocks-button .world-clocks-timezone { color: #9c9c9c; } /* Weather */ .weather-button { border-radius: 6px; margin: 4px; box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.1); color: #3D3D3D; background-color: #ededed; padding: 12px; } .weather-button:focus { color: #3D3D3D; background-color: #ededed; box-shadow: inset 0 0 0 2px #899e8d; } .weather-button:focus:hover { background-color: #e5e5e5; box-shadow: inset 0 0 0 2px #899e8d; } .weather-button:focus:active { background-color: #dedede; box-shadow: inset 0 0 0 2px #899e8d; } .weather-button:hover { color: #3D3D3D; background-color: #e5e5e5; } .weather-button:active { color: #3D3D3D; background-color: #dedede; } .weather-button .weather-box { spacing: 10px; } .weather-button .weather-header-box { spacing: 6px; } .weather-button .weather-header { color: #9c9c9c; } .weather-button .weather-header.location { font-weight: normal; } .weather-button .weather-grid { spacing-rows: 6px; spacing-columns: 12px; } .weather-button .weather-forecast-time { color: black; padding-top: 0.2em; padding-bottom: 0.4em; } .weather-button .weather-forecast-icon { icon-size: 2.18em; } /* Message List */ .message-list { width: 29em; border: solid #c7c7c7; } .message-list:ltr { margin-left: 0; margin-right: 4px; padding-right: 6px; border-right-width: 1px; } .message-list:rtl { margin-right: 0; margin-left: 4px; padding-left: 6px; border-left-width: 1px; } .message-list .message-list-placeholder { color: rgba(156, 156, 156, 0.5); } .message-list .message-list-placeholder > StIcon { icon-size: 3.27em; margin-bottom: 12px; -st-icon-style: symbolic; } .message-list-sections { spacing: 6px; margin: 0; padding-bottom: 6px; } .message-list-sections:ltr { margin-right: 12px; } .message-list-sections:rtl { margin-left: 12px; } .message-list-section, .message-list-section-list { spacing: 6px; } .message-list-controls { padding: 6px; spacing: 6px; } .message-list-controls .dnd-button { border-width: 2px; border-color: transparent; border-radius: 32px; border-style: solid; } .message-list-controls .dnd-button:focus { border-color: #899e8d; } .message { border-radius: 6px; margin: 4px; box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.1); color: #3D3D3D; background-color: #ededed; } .message:focus { color: #3D3D3D; background-color: #ededed; box-shadow: inset 0 0 0 2px #899e8d; } .message:focus:hover { background-color: #e5e5e5; box-shadow: inset 0 0 0 2px #899e8d; } .message:focus:active { background-color: #dedede; box-shadow: inset 0 0 0 2px #899e8d; } .message:hover { color: #3D3D3D; background-color: #e5e5e5; } .message:active { color: #3D3D3D; background-color: #dedede; } .message .message-icon-bin { padding: 18px; } .message .message-icon-bin:ltr { padding-right: 6px; } .message .message-icon-bin:rtl { padding-left: 6px; } .message .message-icon-bin > StIcon { icon-size: 2.18em; -st-icon-style: symbolic; } .message .message-icon-bin > .fallback-app-icon { width: 1.09em; height: 1.09em; } .message .message-content { spacing: 4px; padding: 9px; margin-bottom: 8px; } .message .message-title { font-weight: bold; /* HACK: the label should be baseline-aligned with a 1em label, fake this with some bottom padding */ padding-top: 0.57em; } .message .message-secondary-bin { padding: 0 8px; } .message .message-secondary-bin > .event-time { color: rgba(61, 61, 61, 0.5); font-size: 9pt; /* HACK: the label should be baseline-aligned with a 1em label, fake this with some bottom padding */ padding-bottom: 0.13em; } .message .message-secondary-bin > .event-time:ltr { text-align: right; } .message .message-secondary-bin > .event-time:rtl { text-align: left; } .message .message-close-button { color: #3D3D3D; background-color: rgba(61, 61, 61, 0.1); border-radius: 99px; padding: 5px; margin: 1px; } .message .message-close-button:hover { background-color: rgba(61, 61, 61, 0.2); } .message .message-close-button:active { background-color: rgba(61, 61, 61, 0.1); } .message .message-body { color: #242424; } .url-highlighter { link-color: #4e5f51; } /* Media Controls */ .message-media-control { padding: 0 18px; margin: 12px 0; border-radius: 6px; color: #3D3D3D; } .message-media-control:hover { background-color: rgba(74, 74, 74, 0.1); color: #3D3D3D; } .message-media-control:active { background-color: rgba(61, 61, 61, 0.2); color: #3D3D3D; } .message-media-control:insensitive { color: darkgray; } .message-media-control:last-child:ltr { margin-right: 12px; } .message-media-control:last-child:rtl { margin-left: 12px; } .media-message-cover-icon { icon-size: 3.27em !important; border-radius: 6px; } .media-message-cover-icon.fallback { color: #121212; background-color: #FAFAFA; border: 1px solid transparent; border-radius: 6px; icon-size: 2.18em !important; padding: 14px; } .candidate-popup-content { padding: 6px; spacing: 6px; } .candidate-index { padding: 0; padding-right: 6px; color: #9c9c9c; } .candidate-box { padding: 6px 12px 6px 12px; border-radius: 6px; } .candidate-box:selected { background-color: #657B69; color: #FFFFFF; } .candidate-box:hover { background-color: rgba(61, 61, 61, 0.1); color: #3D3D3D; } .candidate-page-button-box { height: 2em; } .vertical .candidate-page-button-box { padding-top: 12px; } .horizontal .candidate-page-button-box { padding-left: 12px; } .candidate-page-button { padding: 6px; } .candidate-page-button-previous { border-radius: 6px 0px 0px 6px; border-right-width: 0; box-shadow: none; } .candidate-page-button-next { border-radius: 0px 6px 6px 0px; box-shadow: none; } .candidate-page-button-icon { icon-size: 1.09em; } /* Notifications & Message Tray */ .notification-banner { min-height: 64px; width: 34em; box-shadow: 0 2px 4px 2px rgba(0, 0, 0, 0.1); border-radius: 9px; margin: 4px; background-color: #FAFAFA; } .notification-banner .notification-actions { spacing: 0; } .notification-banner:hover { background-color: whitesmoke; } .notification-banner:active { background-color: #f0f0f0; } .notification-banner, .notification-banner:hover, .notification-banner:focus, .notification-banner:active { box-shadow: 0 0 4px 2px rgba(0, 0, 0, 0.1); border: 1px solid #c7c7c7; } .summary-source-counter { font-size: 10pt; font-weight: bold; height: 1.6em; width: 1.6em; -shell-counter-overlap-x: 3px; -shell-counter-overlap-y: 3px; background-color: #657B69; color: #FFFFFF; border: 2px solid #3D3D3D; box-shadow: 0 2px 2px rgba(0, 0, 0, 0.5); border-radius: 0.9em; } .chat-body { spacing: 5px; } .chat-response { margin: 5px; } .chat-log-message { color: #242424; } .chat-new-group { padding-top: 1em; } .chat-received { padding-left: 4px; } .chat-received:rtl { padding-left: 0px; padding-right: 4px; } .chat-sent { padding-left: 18pt; color: #636363; } .chat-sent:rtl { padding-left: 0; padding-right: 18pt; } .chat-meta-message { padding-left: 4px; font-size: 9pt; font-weight: bold; color: #6b6b6b; } .chat-meta-message:rtl { padding-left: 0; padding-right: 4px; } .hotplug-notification-item-icon { icon-size: 24px; padding: 0 4px; } /* Modal Dialogs */ .modal-dialog .modal-dialog-content-box { margin: 32px 40px; spacing: 32px; max-width: 28em; } /* End Session Dialog */ .end-session-dialog { width: 30em; } .end-session-dialog .end-session-dialog-battery-warning, .end-session-dialog .dialog-list-title { color: #f99b11; } /* Message Dialog */ .message-dialog-content { spacing: 18px; } .message-dialog-content .message-dialog-title { text-align: center; } .message-dialog-content .message-dialog-description { text-align: center; } /* Dialog List */ .dialog-list { spacing: 18px; } .dialog-list .dialog-list-title { text-align: center; } .dialog-list .dialog-list-scrollview { max-height: 200px; } .dialog-list .dialog-list-box { spacing: 1em; } .dialog-list .dialog-list-box .dialog-list-item { spacing: 1em; } .dialog-list .dialog-list-box .dialog-list-item .dialog-list-item-title { font-weight: bold; } .dialog-list .dialog-list-box .dialog-list-item .dialog-list-item-description { color: #303030; } /* Run Dialog */ .run-dialog .modal-dialog-content-box { margin-top: 24px; margin-bottom: 14px; } .run-dialog .run-dialog-entry { width: 20em; } .run-dialog .run-dialog-description { text-align: center; color: #0a0a0a; } /* Password or Authentication Dialog */ .prompt-dialog { width: 28em; } .prompt-dialog .modal-dialog-content-box { margin-bottom: 24px; } .prompt-dialog-password-grid { spacing-rows: 8px; spacing-columns: 4px; } .prompt-dialog-password-grid .prompt-dialog-password-entry { width: auto; } .prompt-dialog-password-grid .prompt-dialog-password-entry:ltr { margin-left: 20px; } .prompt-dialog-password-grid .prompt-dialog-password-entry:rtl { margin-right: 20px; } .prompt-dialog-password-layout { spacing: 8px; } .prompt-dialog-password-entry { width: 20em; } .prompt-dialog-error-label, .prompt-dialog-info-label, .prompt-dialog-null-label { text-align: center; } .prompt-dialog-error-label { color: #f99b11; } /* Polkit Dialog */ .polkit-dialog-user-layout { text-align: center; spacing: 8px; margin-bottom: 6px; } .polkit-dialog-user-layout .polkit-dialog-user-root-label { color: #f99b11; } /* Audio selection dialog */ .audio-device-selection-dialog .modal-dialog-content-box { margin-bottom: 28px; } .audio-device-selection-dialog .audio-selection-box { spacing: 20px; } .audio-selection-device { border-radius: 12px; } .audio-selection-device:hover, .audio-selection-device:focus { background-color: rgba(61, 61, 61, 0.1); } .audio-selection-device:active { background-color: #657B69; color: #FFFFFF; } .audio-selection-device-box { padding: 20px; spacing: 20px; } .audio-selection-device-icon { icon-size: 4.36em; } /* Welcome dialog */ .welcome-dialog-image { background-image: url("resource:///org/gnome/shell/theme/gnome-shell-start.svg"); background-size: contain; /* Reasonable maximum dimensions */ height: 300px; width: 300px; } /* Select Network dialogs */ .nm-dialog { max-height: 34em; min-height: 31em; min-width: 32em; } .nm-dialog-content { spacing: 20px; padding: 24px; } .nm-dialog-subheader { color: #9c9c9c; } .nm-dialog-header-icon { icon-size: 2.18em; } .nm-dialog-header-hbox { spacing: 10px; } .nm-dialog-scroll-view { padding: 6px; border-radius: 6px; background-color: #ffffff; } .nm-dialog-item { padding: 12px; } .nm-dialog-item:selected { background-color: #657B69; border-radius: 3px; color: #FFFFFF; } .nm-dialog-item:hover { background-color: rgba(61, 61, 61, 0.1); } .nm-dialog-icon { icon-size: 1.09em; } .nm-dialog-icons { spacing: 12px; } .no-networks-box { spacing: 6px; } .no-networks-label { color: #9c9c9c; } .nm-dialog-airplane-box { text-align: center; spacing: 12px; } .nm-dialog-airplane-text { color: #9c9c9c; } /* OSD */ .osd-window { text-align: center; font-weight: bold; spacing: 12px; padding: 12px 18px; margin-bottom: 4em; } .osd-window > * { spacing: 8px; } .osd-window StIcon { icon-size: 2.18em; } .osd-window StLabel:ltr { margin-right: 6px; } .osd-window StLabel:rtl { margin-left: 6px; } .osd-window .level { margin-bottom: 4px; height: 6px; min-width: 10.9em; -barlevel-height: 6px; -barlevel-background-color: rgba(238, 238, 236, 0.3); -barlevel-active-background-color: #eeeeec; -barlevel-overdrive-color: #c7162b; -barlevel-overdrive-separator-width: 3px; } .osd-window .level:first-child { margin-bottom: 0px; } .osd-window .level:ltr { margin-right: 6px; } .osd-window .level:rtl { margin-left: 6px; } .osd-monitor-label { border-radius: 12px; font-size: 3em; font-weight: bold; margin: 12px; text-align: center; min-width: 1.3em; } /* Pad OSD */ .pad-osd-window { padding: 32px; background-color: rgba(29, 29, 29, 0.975); color: #eeeeec; } .pad-osd-window .button:insensitive { color: #3D3D3D; } .pad-osd-window .pad-osd-title-box { spacing: 12px; } .pad-osd-window .pad-osd-title-menu-box { spacing: 6px; } .combo-box-label { width: 15em; } /* App Switcher */ .switcher-popup { padding: 0; spacing: 24px; } .switcher-list { padding: 10px; border-radius: 20px; box-shadow: 0 8px 8px 0 rgba(0, 0, 0, 0.1); } .switcher-list .switcher-list-item-container { spacing: 12px; } .switcher-list .item-box { background-color: transparent; } .switcher-list .item-box:hover { background-color: rgba(238, 238, 236, 0.1); } .switcher-list .item-box:selected, .switcher-list .item-box:focus { background-color: rgba(238, 238, 236, 0.13); } .switcher-list .item-box:selected:hover, .switcher-list .item-box:focus:hover { background-color: rgba(238, 238, 236, 0.16); } .switcher-list .item-box:selected:active, .switcher-list .item-box:focus:active { background-color: rgba(238, 238, 236, 0.13); } .switcher-list .item-box:active { background-color: rgba(238, 238, 236, 0.16); } .switcher-list .item-box:outlined, .switcher-list .item-box:checked { background-color: rgba(238, 238, 236, 0.19); } .switcher-list .item-box:outlined:active, .switcher-list .item-box:checked:active { background-color: rgba(238, 238, 236, 0.22); } .switcher-list .item-box:outlined:hover, .switcher-list .item-box:checked:hover { background-color: rgba(238, 238, 236, 0.25); } .switcher-list .item-box:drop { border: 2px solid rgba(101, 123, 105, 0.8); background-color: rgba(101, 123, 105, 0.2); } .switcher-list .item-box:hover { background: none; } .switcher-list .separator { width: 1px; background: #c7c7c7; } .switcher-list .thumbnail-box { padding: 2px; spacing: 6px; } .switcher-list .thumbnail { width: 256px; border-radius: 6px; } .switcher-arrow { border-color: rgba(0, 0, 0, 0); color: rgba(238, 238, 236, 0.8); } .switcher-arrow:highlighted { border-color: #eeeeec; color: #eeeeec; } .input-source-switcher-symbol { font-size: 34pt; width: 96px; height: 96px; } .cycler-highlight { border: 5px solid #657B69; } /* Workspace Switcher */ .workspace-switcher { margin-bottom: 4em; spacing: 12px; padding: 12px 18px; } .ws-switcher-indicator { background-color: rgba(238, 238, 236, 0.5); padding: 0.1816666667em; margin: 0.9083333333em; border-radius: 2.18em; } .ws-switcher-indicator:active { background-color: #eeeeec; padding: 0.3633333333em; margin: 0.7266666667em; } .icon-label-button-container { spacing: 6px; } .icon-label-button-container StIcon { icon-size: 32px; } .screenshot-ui-panel { border-radius: 33px; padding: 18px; padding-bottom: 12px; margin-bottom: 4em; spacing: 12px; } .screenshot-ui-close-button { padding: 6px; } .screenshot-ui-close-button.left { margin-left: 8px; } .screenshot-ui-close-button.right { margin-right: 8px; } .screenshot-ui-type-button { padding: 12px 18px !important; border-radius: 15px; } .screenshot-ui-capture-button { width: 36px; height: 36px; border-radius: 99px; border: 4px #eeeeec; padding: 4px; } .screenshot-ui-capture-button .screenshot-ui-capture-button-circle { background-color: #eeeeec; transition-duration: 200ms; border-radius: 99px; } .screenshot-ui-capture-button .screenshot-ui-capture-button-circle:hover, .screenshot-ui-capture-button .screenshot-ui-capture-button-circle:focus { background-color: rgba(61, 61, 61, 0.1); } .screenshot-ui-capture-button:hover .screenshot-ui-capture-button-circle, .screenshot-ui-capture-button:focus .screenshot-ui-capture-button-circle { background-color: #cacac4; } .screenshot-ui-capture-button:active .screenshot-ui-capture-button-circle { background-color: #747467; } .screenshot-ui-capture-button:cast .screenshot-ui-capture-button-circle { background-color: #c7162b; } .screenshot-ui-capture-button:cast:hover .screenshot-ui-capture-button-circle, .screenshot-ui-capture-button:cast:focus .screenshot-ui-capture-button-circle { background-color: #de1930; } .screenshot-ui-capture-button:cast:active .screenshot-ui-capture-button-circle { background-color: #a71224; } .screenshot-ui-shot-cast-container { background-color: rgba(61, 61, 61, 0.1); border-radius: 12px; padding: 3px; spacing: 3px; } .screenshot-ui-shot-cast-container:ltr { margin-left: 3px; } .screenshot-ui-shot-cast-container:rtl { margin-right: 3px; } .screenshot-ui-shot-cast-button { padding: 6px 12px; background-color: transparent; border-radius: 9px; } .screenshot-ui-shot-cast-button:hover, .screenshot-ui-shot-cast-button:focus { background-color: rgba(74, 74, 74, 0.1); } .screenshot-ui-shot-cast-button:active { background-color: rgba(74, 74, 74, 0.2); } .screenshot-ui-shot-cast-button:checked { background-color: white; color: black; } .screenshot-ui-shot-cast-button StIcon { icon-size: 1.09em; } .screenshot-ui-show-pointer-button { border-radius: 99px; padding: 12px !important; } .screenshot-ui-show-pointer-button StIcon { icon-size: 1.09em; } .screenshot-ui-area-indicator-shade { background-color: rgba(0, 0, 0, 0.3); } .screenshot-ui-area-selector .screenshot-ui-area-indicator-shade { background-color: rgba(0, 0, 0, 0.5); } .screenshot-ui-area-selector .screenshot-ui-area-indicator-selection { border: 2px white; } .screenshot-ui-area-selector-handle { border-radius: 99px; background-color: white; box-shadow: 0 1px 3px 2px rgba(0, 0, 0, 0.2); width: 24px; height: 24px; } .screenshot-ui-window-selector { background-color: #222222; } .screenshot-ui-window-selector .screenshot-ui-window-selector-window-container { margin: 100px; } .screenshot-ui-window-selector:primary-monitor .screenshot-ui-window-selector-window-container { margin-bottom: 200px; } .screenshot-ui-window-selector-window-border { transition-duration: 200ms; border-radius: 12px; border: 6px transparent; } .screenshot-ui-window-selector-check { transition-duration: 200ms; color: transparent; border-radius: 99px; border-width: 12px; icon-size: 24px; } .screenshot-ui-window-selector-window:hover .screenshot-ui-window-selector-window-border { border-color: #435145; } .screenshot-ui-window-selector-window:checked .screenshot-ui-window-selector-window-border { border-color: #657B69; background-color: rgba(101, 123, 105, 0.2); } .screenshot-ui-window-selector-window:checked .screenshot-ui-window-selector-check { color: #FFFFFF; background-color: #657B69; } .screenshot-ui-screen-selector { transition-duration: 200ms; background-color: rgba(0, 0, 0, 0.5); } .screenshot-ui-screen-selector:hover { background-color: rgba(0, 0, 0, 0.3); } .screenshot-ui-screen-selector:active { background-color: rgba(0, 0, 0, 0.7); } .screenshot-ui-screen-selector:checked { background-color: transparent; border: 2px white; } .screenshot-ui-tooltip { color: #eeeeec; background-color: rgba(29, 29, 29, 0.975); border-radius: 99px; padding: 6px 12px; text-align: center; -y-offset: 24px; } /* Top Bar */ #panel { background-color: #131313; font-weight: bold; height: 1.86em; transition-duration: 250ms; } #panel.unlock-screen, #panel.login-screen { background-color: transparent; } #panel .panel-button { font-weight: bold; color: #f2f2f2; -natural-hpadding: 12px; -minimum-hpadding: 6px; transition-duration: 150ms; border: 3px solid transparent; border-radius: 99px; } #panel .panel-button.clock-display .clock { transition-duration: 150ms; border: 3px solid transparent; border-radius: 99px; } #panel .panel-button.screen-recording-indicator { box-shadow: inset 0 0 0 100px #c7162b; } #panel .panel-button.screen-recording-indicator StBoxLayout { spacing: 6px; } #panel .panel-button.screen-recording-indicator StIcon { icon-size: 1.09em; } #panel .panel-button:active, #panel .panel-button:overview, #panel .panel-button:focus, #panel .panel-button:checked { box-shadow: inset 0 0 0 100px rgba(242, 242, 242, 0.2); } #panel .panel-button:active.clock-display, #panel .panel-button:overview.clock-display, #panel .panel-button:focus.clock-display, #panel .panel-button:checked.clock-display { box-shadow: none; } #panel .panel-button:active.clock-display .clock, #panel .panel-button:overview.clock-display .clock, #panel .panel-button:focus.clock-display .clock, #panel .panel-button:checked.clock-display .clock { box-shadow: inset 0 0 0 100px rgba(242, 242, 242, 0.2); } #panel .panel-button:active.screen-recording-indicator, #panel .panel-button:overview.screen-recording-indicator, #panel .panel-button:focus.screen-recording-indicator, #panel .panel-button:checked.screen-recording-indicator { box-shadow: inset 0 0 0 100px rgba(199, 22, 43, 0.85); } #panel .panel-button:hover { box-shadow: inset 0 0 0 100px rgba(242, 242, 242, 0.15); } #panel .panel-button:hover.clock-display { box-shadow: none; } #panel .panel-button:hover.clock-display .clock { box-shadow: inset 0 0 0 100px rgba(242, 242, 242, 0.15); } #panel .panel-button:hover.screen-recording-indicator { box-shadow: inset 0 0 0 100px rgba(199, 22, 43, 0.9); } #panel .panel-button:active:hover, #panel .panel-button:overview:hover, #panel .panel-button:focus:hover, #panel .panel-button:checked:hover { box-shadow: inset 0 0 0 100px rgba(242, 242, 242, 0.25); } #panel .panel-button:active:hover.clock-display, #panel .panel-button:overview:hover.clock-display, #panel .panel-button:focus:hover.clock-display, #panel .panel-button:checked:hover.clock-display { box-shadow: none; } #panel .panel-button:active:hover.clock-display .clock, #panel .panel-button:overview:hover.clock-display .clock, #panel .panel-button:focus:hover.clock-display .clock, #panel .panel-button:checked:hover.clock-display .clock { box-shadow: inset 0 0 0 100px rgba(242, 242, 242, 0.25); } #panel .panel-button:active:hover.screen-recording-indicator, #panel .panel-button:overview:hover.screen-recording-indicator, #panel .panel-button:focus:hover.screen-recording-indicator, #panel .panel-button:checked:hover.screen-recording-indicator { box-shadow: inset 0 0 0 100px rgba(199, 22, 43, 0.8); } #panel .panel-button .system-status-icon { icon-size: 1.09em; padding: 5px; margin: 0 4px; } #panel .panel-button .panel-status-indicators-box .system-status-icon, #panel .panel-button .panel-status-menu-box .system-status-icon { margin: 0; } #panel .panel-button .app-menu-icon { -st-icon-style: symbolic; } #panel .panel-button#panelActivities { -natural-hpadding: 18px; } #panel.unlock-screen .panel-button:active, #panel.unlock-screen .panel-button:overview, #panel.unlock-screen .panel-button:focus, #panel.unlock-screen .panel-button:checked, #panel.login-screen .panel-button:active, #panel.login-screen .panel-button:overview, #panel.login-screen .panel-button:focus, #panel.login-screen .panel-button:checked, #panel:overview .panel-button:active, #panel:overview .panel-button:overview, #panel:overview .panel-button:focus, #panel:overview .panel-button:checked { box-shadow: inset 0 0 0 100px rgba(255, 255, 255, 0.15); } #panel.unlock-screen .panel-button:active.clock-display, #panel.unlock-screen .panel-button:overview.clock-display, #panel.unlock-screen .panel-button:focus.clock-display, #panel.unlock-screen .panel-button:checked.clock-display, #panel.login-screen .panel-button:active.clock-display, #panel.login-screen .panel-button:overview.clock-display, #panel.login-screen .panel-button:focus.clock-display, #panel.login-screen .panel-button:checked.clock-display, #panel:overview .panel-button:active.clock-display, #panel:overview .panel-button:overview.clock-display, #panel:overview .panel-button:focus.clock-display, #panel:overview .panel-button:checked.clock-display { box-shadow: none; } #panel.unlock-screen .panel-button:active.clock-display .clock, #panel.unlock-screen .panel-button:overview.clock-display .clock, #panel.unlock-screen .panel-button:focus.clock-display .clock, #panel.unlock-screen .panel-button:checked.clock-display .clock, #panel.login-screen .panel-button:active.clock-display .clock, #panel.login-screen .panel-button:overview.clock-display .clock, #panel.login-screen .panel-button:focus.clock-display .clock, #panel.login-screen .panel-button:checked.clock-display .clock, #panel:overview .panel-button:active.clock-display .clock, #panel:overview .panel-button:overview.clock-display .clock, #panel:overview .panel-button:focus.clock-display .clock, #panel:overview .panel-button:checked.clock-display .clock { box-shadow: inset 0 0 0 100px rgba(255, 255, 255, 0.15); } #panel.unlock-screen .panel-button:active.screen-recording-indicator, #panel.unlock-screen .panel-button:overview.screen-recording-indicator, #panel.unlock-screen .panel-button:focus.screen-recording-indicator, #panel.unlock-screen .panel-button:checked.screen-recording-indicator, #panel.login-screen .panel-button:active.screen-recording-indicator, #panel.login-screen .panel-button:overview.screen-recording-indicator, #panel.login-screen .panel-button:focus.screen-recording-indicator, #panel.login-screen .panel-button:checked.screen-recording-indicator, #panel:overview .panel-button:active.screen-recording-indicator, #panel:overview .panel-button:overview.screen-recording-indicator, #panel:overview .panel-button:focus.screen-recording-indicator, #panel:overview .panel-button:checked.screen-recording-indicator { box-shadow: inset 0 0 0 100px rgba(199, 22, 43, 0.85); } #panel.unlock-screen .panel-button:hover, #panel.login-screen .panel-button:hover, #panel:overview .panel-button:hover { box-shadow: inset 0 0 0 100px rgba(255, 255, 255, 0.1); } #panel.unlock-screen .panel-button:hover.clock-display, #panel.login-screen .panel-button:hover.clock-display, #panel:overview .panel-button:hover.clock-display { box-shadow: none; } #panel.unlock-screen .panel-button:hover.clock-display .clock, #panel.login-screen .panel-button:hover.clock-display .clock, #panel:overview .panel-button:hover.clock-display .clock { box-shadow: inset 0 0 0 100px rgba(255, 255, 255, 0.1); } #panel.unlock-screen .panel-button:hover.screen-recording-indicator, #panel.login-screen .panel-button:hover.screen-recording-indicator, #panel:overview .panel-button:hover.screen-recording-indicator { box-shadow: inset 0 0 0 100px rgba(199, 22, 43, 0.9); } #panel.unlock-screen .panel-button:active:hover, #panel.unlock-screen .panel-button:overview:hover, #panel.unlock-screen .panel-button:focus:hover, #panel.unlock-screen .panel-button:checked:hover, #panel.login-screen .panel-button:active:hover, #panel.login-screen .panel-button:overview:hover, #panel.login-screen .panel-button:focus:hover, #panel.login-screen .panel-button:checked:hover, #panel:overview .panel-button:active:hover, #panel:overview .panel-button:overview:hover, #panel:overview .panel-button:focus:hover, #panel:overview .panel-button:checked:hover { box-shadow: inset 0 0 0 100px rgba(255, 255, 255, 0.2); } #panel.unlock-screen .panel-button:active:hover.clock-display, #panel.unlock-screen .panel-button:overview:hover.clock-display, #panel.unlock-screen .panel-button:focus:hover.clock-display, #panel.unlock-screen .panel-button:checked:hover.clock-display, #panel.login-screen .panel-button:active:hover.clock-display, #panel.login-screen .panel-button:overview:hover.clock-display, #panel.login-screen .panel-button:focus:hover.clock-display, #panel.login-screen .panel-button:checked:hover.clock-display, #panel:overview .panel-button:active:hover.clock-display, #panel:overview .panel-button:overview:hover.clock-display, #panel:overview .panel-button:focus:hover.clock-display, #panel:overview .panel-button:checked:hover.clock-display { box-shadow: none; } #panel.unlock-screen .panel-button:active:hover.clock-display .clock, #panel.unlock-screen .panel-button:overview:hover.clock-display .clock, #panel.unlock-screen .panel-button:focus:hover.clock-display .clock, #panel.unlock-screen .panel-button:checked:hover.clock-display .clock, #panel.login-screen .panel-button:active:hover.clock-display .clock, #panel.login-screen .panel-button:overview:hover.clock-display .clock, #panel.login-screen .panel-button:focus:hover.clock-display .clock, #panel.login-screen .panel-button:checked:hover.clock-display .clock, #panel:overview .panel-button:active:hover.clock-display .clock, #panel:overview .panel-button:overview:hover.clock-display .clock, #panel:overview .panel-button:focus:hover.clock-display .clock, #panel:overview .panel-button:checked:hover.clock-display .clock { box-shadow: inset 0 0 0 100px rgba(255, 255, 255, 0.2); } #panel.unlock-screen .panel-button:active:hover.screen-recording-indicator, #panel.unlock-screen .panel-button:overview:hover.screen-recording-indicator, #panel.unlock-screen .panel-button:focus:hover.screen-recording-indicator, #panel.unlock-screen .panel-button:checked:hover.screen-recording-indicator, #panel.login-screen .panel-button:active:hover.screen-recording-indicator, #panel.login-screen .panel-button:overview:hover.screen-recording-indicator, #panel.login-screen .panel-button:focus:hover.screen-recording-indicator, #panel.login-screen .panel-button:checked:hover.screen-recording-indicator, #panel:overview .panel-button:active:hover.screen-recording-indicator, #panel:overview .panel-button:overview:hover.screen-recording-indicator, #panel:overview .panel-button:focus:hover.screen-recording-indicator, #panel:overview .panel-button:checked:hover.screen-recording-indicator { box-shadow: inset 0 0 0 100px rgba(199, 22, 43, 0.8); } #panel .panel-status-indicators-box, #panel .panel-status-menu-box { spacing: 2px; } #panel .power-status.panel-status-indicators-box { spacing: 0; } #panel .screencast-indicator, #panel .remote-access-indicator { color: #f99b11; } #appMenu { spacing: 6px; } #appMenu .label-shadow { color: transparent; } #appMenu .panel-status-menu-box { padding: 0 6px; spacing: 6px; } .clock-display-box { spacing: 2px; } .clock-display-box .clock { padding-left: 12px; padding-right: 12px; } /* Activities Ripple */ .ripple-box { background-color: rgba(210, 218, 211, 0.3); box-shadow: 0 0 2px 2px #9aac9d; width: 52px; height: 52px; border-radius: 0 0 52px 0; } .ripple-box:rtl { border-radius: 0 0 0 52px; } /* OVERVIEW */ .controls-manager, .secondary-monitor-workspaces { spacing: 12px; } #overviewGroup { background-color: #222222; } .overview-controls { padding-bottom: 32px; } /* Window Picker */ .window-picker { spacing: 6px; } .window-caption { color: #eeeeec; background-color: rgba(29, 29, 29, 0.975); border-radius: 99px; padding: 6px 12px; border: 1px solid #464646; } .window-close, .screenshot-ui-close-button { background-color: rgba(55, 55, 55, 0.975); color: #eeeeec; border-radius: 99px; padding: 3px; height: 30px; width: 30px; transition-duration: 300ms; border: 1px solid #464646; } .window-close StIcon, .screenshot-ui-close-button StIcon { icon-size: 24px; } .window-close:hover, .screenshot-ui-close-button:hover { background-color: rgba(67, 67, 67, 0.975); } .window-close:active, .screenshot-ui-close-button:active { background-color: rgba(42, 42, 42, 0.975); } .workspace-background { border-radius: 30px; box-shadow: 0 4px 16px 4px rgba(0, 0, 0, 0.275); } .search-entry { border-radius: 18px; margin-top: 24px; margin-bottom: 12px; padding: 7px 9px; width: 320px; background-color: white; color: rgba(61, 61, 61, 0.7); border: 1px solid #c7c7c7; } .search-entry:hover { background-color: white; border-color: #d4d4d4; color: #3D3D3D; } .search-entry:focus { background-color: white; border-color: #899e8d; box-shadow: 0 0 0 1px #899e8d inset; color: #3D3D3D; } .search-entry:insensitive { background-color: white; border-color: white; color: #9c9c9c; } .search-entry .search-entry-icon { color: inherit; icon-size: 1.09em; margin-top: 2px; padding: 0 4px; } /* Search */ #searchResults { margin: 0 4px; } #searchResultsContent { max-width: 1072px; } .search-section { spacing: 18px; } .search-section .search-section-separator { height: 8px; background-color: transparent; } .search-section-content { background-color: #1d1d1d; border-radius: 18px; border: 1px solid #464646; color: #eeeeec; padding: 12px; margin: 0 12px; } .list-search-result, .search-provider-icon { background-color: transparent; border-radius: 9px; } .list-search-result:hover, .search-provider-icon:hover { background-color: rgba(238, 238, 236, 0.1); } .list-search-result:selected, .search-provider-icon:selected, .list-search-result:focus, .search-provider-icon:focus { background-color: rgba(238, 238, 236, 0.13); } .list-search-result:selected:hover, .search-provider-icon:selected:hover, .list-search-result:focus:hover, .search-provider-icon:focus:hover { background-color: rgba(238, 238, 236, 0.16); } .list-search-result:selected:active, .search-provider-icon:selected:active, .list-search-result:focus:active, .search-provider-icon:focus:active { background-color: rgba(238, 238, 236, 0.13); } .list-search-result:active, .search-provider-icon:active { background-color: rgba(238, 238, 236, 0.16); } .list-search-result:outlined, .search-provider-icon:outlined, .list-search-result:checked, .search-provider-icon:checked { background-color: rgba(238, 238, 236, 0.19); } .list-search-result:outlined:active, .search-provider-icon:outlined:active, .list-search-result:checked:active, .search-provider-icon:checked:active { background-color: rgba(238, 238, 236, 0.22); } .list-search-result:outlined:hover, .search-provider-icon:outlined:hover, .list-search-result:checked:hover, .search-provider-icon:checked:hover { background-color: rgba(238, 238, 236, 0.25); } .list-search-result:drop, .search-provider-icon:drop { border: 2px solid rgba(101, 123, 105, 0.8); background-color: rgba(101, 123, 105, 0.2); } .grid-search-results { spacing: 30px; margin: 0 12px; } .search-provider-icon:ltr { margin-right: 4px; } .search-provider-icon:rtl { margin-left: 4px; } .search-provider-icon .list-search-provider-content { spacing: 12px; } .search-provider-icon .list-search-provider-content .list-search-provider-details { width: 120px; color: #eeeeec; } .list-search-results { spacing: 6px; } .list-search-result .list-search-result-content { spacing: 6px; } .list-search-result .list-search-result-title { spacing: 12px; } .list-search-result .list-search-result-description { color: #868685; } /* Dash */ #dash { margin-top: 12px; } #dash .placeholder { background-image: none; background-size: contain; height: 32px; } #dash .empty-dash-drop-target { width: 32px; height: 32px; } #dash .app-well-app-running-dot { margin-bottom: 13px; background-color: #657B69; } .dash-background { background-color: #1d1d1d; border-radius: 24px; padding: 12px; border: 1px solid #464646; spacing: 6px; margin-bottom: 12px; } .dash-item-container > * { margin: 0 2px; } .dash-item-container:ltr:first-child { margin-left: 0; } .dash-item-container:rtl:first-child { margin-right: 0; } .dash-item-container .app-well-app .overview-icon, .dash-item-container .grid-search-result .overview-icon { padding: 6px; } .dash-item-container .show-apps .overview-icon { background-color: transparent; } .dash-item-container .show-apps:hover .overview-icon { background-color: rgba(238, 238, 236, 0.1); } .dash-item-container .show-apps:selected .overview-icon, .dash-item-container .show-apps:focus .overview-icon { background-color: rgba(238, 238, 236, 0.13); } .dash-item-container .show-apps:selected .overview-icon:hover .overview-icon, .dash-item-container .show-apps:focus .overview-icon:hover .overview-icon { background-color: rgba(238, 238, 236, 0.16); } .dash-item-container .show-apps:selected .overview-icon:active .overview-icon, .dash-item-container .show-apps:focus .overview-icon:active .overview-icon { background-color: rgba(238, 238, 236, 0.13); } .dash-item-container .show-apps:active .overview-icon { background-color: rgba(238, 238, 236, 0.16); } .dash-item-container .show-apps:outlined .overview-icon, .dash-item-container .show-apps:checked .overview-icon { background-color: rgba(238, 238, 236, 0.19); } .dash-item-container .show-apps:outlined .overview-icon:active .overview-icon, .dash-item-container .show-apps:checked .overview-icon:active .overview-icon { background-color: rgba(238, 238, 236, 0.22); } .dash-item-container .show-apps:outlined .overview-icon:hover .overview-icon, .dash-item-container .show-apps:checked .overview-icon:hover .overview-icon { background-color: rgba(238, 238, 236, 0.25); } .dash-item-container .show-apps:drop .overview-icon { border: 2px solid rgba(101, 123, 105, 0.8); background-color: rgba(101, 123, 105, 0.2); } .dash-item-container .show-apps:focus .overview-icon, .dash-item-container .show-apps:active .overview-icon, .dash-item-container .show-apps:checked .overview-icon { background-color: rgba(238, 238, 236, 0.2); } .dash-item-container .show-apps, .dash-item-container .app-well-app, .dash-item-container .grid-search-result { padding-bottom: 12px; } .dash-separator { width: 1px; margin: 0 4px; background-color: #464646; margin-bottom: 12px; } .dash-label { color: #eeeeec; background-color: rgba(29, 29, 29, 0.975); border-radius: 99px; padding: 6px 12px; text-align: center; -y-offset: 8px; border: 1px solid #464646; } /* App Grid */ .icon-grid { row-spacing: 12px; column-spacing: 12px; max-row-spacing: 42px; max-column-spacing: 42px; page-padding-top: 24px; page-padding-bottom: 24px; page-padding-left: 18px; page-padding-right: 18px; } /* App Icons */ .app-well-app .overview-icon, .grid-search-result .overview-icon { background-color: transparent; } .app-well-app:hover .overview-icon, .grid-search-result:hover .overview-icon { background-color: rgba(238, 238, 236, 0.1); } .app-well-app:selected .overview-icon, .grid-search-result:selected .overview-icon, .app-well-app:focus .overview-icon, .grid-search-result:focus .overview-icon { background-color: rgba(238, 238, 236, 0.13); } .app-well-app:selected .overview-icon:hover .overview-icon, .grid-search-result:selected .overview-icon:hover .overview-icon, .app-well-app:focus .overview-icon:hover .overview-icon, .grid-search-result:focus .overview-icon:hover .overview-icon { background-color: rgba(238, 238, 236, 0.16); } .app-well-app:selected .overview-icon:active .overview-icon, .grid-search-result:selected .overview-icon:active .overview-icon, .app-well-app:focus .overview-icon:active .overview-icon, .grid-search-result:focus .overview-icon:active .overview-icon { background-color: rgba(238, 238, 236, 0.13); } .app-well-app:active .overview-icon, .grid-search-result:active .overview-icon { background-color: rgba(238, 238, 236, 0.16); } .app-well-app:outlined .overview-icon, .grid-search-result:outlined .overview-icon, .app-well-app:checked .overview-icon, .grid-search-result:checked .overview-icon { background-color: rgba(238, 238, 236, 0.19); } .app-well-app:outlined .overview-icon:active .overview-icon, .grid-search-result:outlined .overview-icon:active .overview-icon, .app-well-app:checked .overview-icon:active .overview-icon, .grid-search-result:checked .overview-icon:active .overview-icon { background-color: rgba(238, 238, 236, 0.22); } .app-well-app:outlined .overview-icon:hover .overview-icon, .grid-search-result:outlined .overview-icon:hover .overview-icon, .app-well-app:checked .overview-icon:hover .overview-icon, .grid-search-result:checked .overview-icon:hover .overview-icon { background-color: rgba(238, 238, 236, 0.25); } .app-well-app:drop .overview-icon, .grid-search-result:drop .overview-icon { border: 2px solid rgba(101, 123, 105, 0.8); background-color: rgba(101, 123, 105, 0.2); } .app-well-app:focus .overview-icon, .grid-search-result:focus .overview-icon, .app-well-app:active .overview-icon, .grid-search-result:active .overview-icon, .app-well-app:checked .overview-icon, .grid-search-result:checked .overview-icon { background-color: rgba(238, 238, 236, 0.2); } .app-well-app .overview-icon, .grid-search-result .overview-icon { padding: 12px; } .app-well-app .overview-icon.overview-icon-with-label > StBoxLayout, .grid-search-result .overview-icon.overview-icon-with-label > StBoxLayout { spacing: 6px; } .app-well-app.app-folder .overview-icon, .app-folder.grid-search-result .overview-icon { background-color: rgba(238, 238, 236, 0.05); } .app-well-app.app-folder:hover .overview-icon, .app-folder.grid-search-result:hover .overview-icon { background-color: rgba(238, 238, 236, 0.1); } .app-well-app.app-folder:selected .overview-icon, .app-folder.grid-search-result:selected .overview-icon, .app-well-app.app-folder:focus .overview-icon, .app-folder.grid-search-result:focus .overview-icon { background-color: rgba(238, 238, 236, 0.13); } .app-well-app.app-folder:selected .overview-icon:hover .overview-icon, .app-folder.grid-search-result:selected .overview-icon:hover .overview-icon, .app-well-app.app-folder:focus .overview-icon:hover .overview-icon, .app-folder.grid-search-result:focus .overview-icon:hover .overview-icon { background-color: rgba(238, 238, 236, 0.16); } .app-well-app.app-folder:selected .overview-icon:active .overview-icon, .app-folder.grid-search-result:selected .overview-icon:active .overview-icon, .app-well-app.app-folder:focus .overview-icon:active .overview-icon, .app-folder.grid-search-result:focus .overview-icon:active .overview-icon { background-color: rgba(238, 238, 236, 0.13); } .app-well-app.app-folder:active .overview-icon, .app-folder.grid-search-result:active .overview-icon { background-color: rgba(238, 238, 236, 0.16); } .app-well-app.app-folder:outlined .overview-icon, .app-folder.grid-search-result:outlined .overview-icon, .app-well-app.app-folder:checked .overview-icon, .app-folder.grid-search-result:checked .overview-icon { background-color: rgba(238, 238, 236, 0.19); } .app-well-app.app-folder:outlined .overview-icon:active .overview-icon, .app-folder.grid-search-result:outlined .overview-icon:active .overview-icon, .app-well-app.app-folder:checked .overview-icon:active .overview-icon, .app-folder.grid-search-result:checked .overview-icon:active .overview-icon { background-color: rgba(238, 238, 236, 0.22); } .app-well-app.app-folder:outlined .overview-icon:hover .overview-icon, .app-folder.grid-search-result:outlined .overview-icon:hover .overview-icon, .app-well-app.app-folder:checked .overview-icon:hover .overview-icon, .app-folder.grid-search-result:checked .overview-icon:hover .overview-icon { background-color: rgba(238, 238, 236, 0.25); } .app-well-app.app-folder:drop .overview-icon, .app-folder.grid-search-result:drop .overview-icon { border: 2px solid rgba(101, 123, 105, 0.8); background-color: rgba(101, 123, 105, 0.2); } .app-well-app.app-folder:focus .overview-icon, .app-folder.grid-search-result:focus .overview-icon, .app-well-app.app-folder:active .overview-icon, .app-folder.grid-search-result:active .overview-icon, .app-well-app.app-folder:checked .overview-icon, .app-folder.grid-search-result:checked .overview-icon { background-color: rgba(238, 238, 236, 0.2); } .app-folder-dialog { border-radius: 24px; background-color: #1d1d1d; border: 1px solid #464646; } .app-folder-dialog .folder-name-container { padding: 24px 36px 0; spacing: 12px; /* FIXME: this is to keep the label in sync with the entry */ } .app-folder-dialog .folder-name-container .folder-name-label, .app-folder-dialog .folder-name-container .folder-name-entry { color: #eeeeec; } .app-folder-dialog .folder-name-container .folder-name-entry { width: 300px; background-color: rgba(39, 39, 39, 0.975); border-color: rgba(255, 255, 255, 0.16); } .app-folder-dialog .folder-name-container .folder-name-label { padding: 5px 7px; color: #eeeeec; } .app-folder-dialog .folder-name-container .edit-folder-button { padding: 0; width: 36px; height: 36px; border-radius: 99px; } .app-folder-dialog .folder-name-container .edit-folder-button > StIcon { icon-size: 1.09em; } .app-folder-dialog .icon-grid { row-spacing: 12px; column-spacing: 30px; page-padding-top: 0; page-padding-bottom: 0; page-padding-left: 0; page-padding-right: 0; } .app-folder-dialog .page-indicators { margin-bottom: 18px; } .app-folder-dialog-container { padding: 12px; width: 640px; height: 640px; } .app-well-app-running-dot { height: 5px; width: 5px; border-radius: 5px; margin-bottom: 8px; background-color: #657B69; } .rename-folder-popup .rename-folder-popup-item { spacing: 6px; } .rename-folder-popup .rename-folder-popup-item:ltr, .rename-folder-popup .rename-folder-popup-item:rtl { padding: 0 12px; } .page-indicator { padding: 6px 12px 0; } .page-indicator .page-indicator-icon { width: 10px; height: 10px; border-radius: 10px; background-color: white; } .apps-scroll-view { padding: 0; } .system-action-icon { background-color: rgba(0, 0, 0, 0.8); color: #fff; border-radius: 99px; icon-size: 48px; } .page-navigation-hint { width: 300px; } .page-navigation-hint.dnd { background: rgba(255, 255, 255, 0.1); } .page-navigation-hint.next:ltr, .page-navigation-hint.previous:rtl { background-gradient-start: rgba(255, 255, 255, 0.05); background-gradient-end: transparent; background-gradient-direction: horizontal; border-radius: 18px 0px 0px 18px; } .page-navigation-hint.previous:ltr, .page-navigation-hint.next:rtl { background-gradient-start: transparent; background-gradient-end: rgba(255, 255, 255, 0.05); background-gradient-direction: horizontal; border-radius: 0px 18px 18px 0px; } .page-navigation-arrow { margin: 6px; width: 24px; height: 24px; color: #eeeeec; } /* Workspace pager */ .workspace-thumbnails { visible-width: 32px; spacing: 6px; padding: 6px; border-color: transparent; } .workspace-thumbnails .workspace-thumbnail { border-radius: 3px; background-color: #1d1d1d; border: 1px solid #464646; } .workspace-thumbnails .placeholder { background-image: url("resource:///org/gnome/shell/theme/workspace-placeholder.svg"); background-size: contain; width: 18px; } .workspace-thumbnail-indicator { border: 2px solid #899e8d; border-radius: 3px; padding: 0px; } .ripple-pointer-location { width: 50px; height: 50px; border-radius: 25px; background-color: rgba(182, 195, 184, 0.3); box-shadow: 0 0 2px 2px #9aac9d; } .pie-timer { width: 60px; height: 60px; -pie-border-width: 3px; -pie-border-color: #657B69; -pie-background-color: rgba(210, 218, 211, 0.3); } .magnifier-zoom-region { border: 2px solid #657B69; } .magnifier-zoom-region.full-screen { border-width: 0; } .select-area-rubberband { background-color: rgba(135, 135, 135, 0.2); border: 1px solid rgba(204, 204, 204, 0.8); } .user-icon { /* Yaru: See commit 3d4aca768250 */ background-size: contain; color: #3D3D3D; border-radius: 99px; icon-size: 4.36em; } .user-icon:hover { color: #8a8a8a; } .user-icon StIcon { background-color: rgba(61, 61, 61, 0.05); border-radius: 99px; padding: 12px; width: 2.725em; height: 2.725em; } .user-icon.user-avatar { border: 2px #eeeeec; } .user-widget.vertical .user-icon { icon-size: 6.54em; } .user-widget.vertical .user-icon StIcon { padding: 20px; padding-top: 18px; padding-bottom: 22px; width: 5.995em; height: 5.995em; /* Yaru: See commit 3d4aca768250 */ } .lightbox { background-color: black; } .flashspot { background-color: white; } .hidden { color: rgba(0, 0, 0, 0); } .caps-lock-warning-label { text-align: center; padding-bottom: 8px; color: #f99b11; } /* Workspace animation */ .workspace-animation { background-color: #222222; } /* Tiled window previews */ .tile-preview { background-color: rgba(101, 123, 105, 0.5); border: 1px solid #657B69; } /* On-screen Keyboard */ #keyboard { background-color: rgba(237, 237, 237, 0.9); } #keyboard .page-indicator { padding: 6px; } #keyboard .page-indicator .page-indicator-icon { width: 8px; height: 8px; } .key-container { padding: 4px; spacing: 4px; } .keyboard-key { font-size: 16pt; font-weight: bold; min-height: 1.2em; min-width: 1.2em; border-width: 1px; border-style: solid; border-radius: 10px; box-shadow: 0 1px 0 0 rgba(0, 0, 0, 0.1); color: #3D3D3D; background-color: white; } .keyboard-key:focus { color: #3D3D3D; background-color: #f0f2f0; box-shadow: inset 0 0 0 2px rgba(101, 123, 105, 0.6); } .keyboard-key:focus:hover { background-color: #f0f2f0; box-shadow: inset 0 0 0 2px rgba(101, 123, 105, 0.7); } .keyboard-key:focus:active { background-color: #f0f2f0; box-shadow: inset 0 0 0 2px rgba(101, 123, 105, 0.7); } .keyboard-key:hover { color: #3D3D3D; background-color: #fafafa; } .keyboard-key:active { color: #3D3D3D; background-color: #f2f2f2; } .keyboard-key:checked { color: #3D3D3D; background-color: #ebebeb; } .keyboard-key:grayed { background-color: #f2f2f2; color: #3D3D3D; border-color: rgba(0, 0, 0, 0.7); } .keyboard-key.default-key { color: #3D3D3D; background-color: white; border-radius: 10px; } .keyboard-key.default-key:hover { color: #3D3D3D; background-color: #fafafa; } .keyboard-key.default-key:active { color: #3D3D3D; background-color: #f2f2f2; } .keyboard-key.default-key:checked { color: #3D3D3D; background-color: #ebebeb; } .keyboard-key.enter-key { color: #FFFFFF; background-color: #12a929; border-radius: 10px; color: #eeeeec; } .keyboard-key.enter-key:hover { color: #FFFFFF; background-color: #11a027; } .keyboard-key.enter-key:active { color: #FFFFFF; background-color: #0f9223; } .keyboard-key.enter-key:checked { color: #FFFFFF; background-color: #0e8420; } .keyboard-key.shift-key-uppercase { background-color: #dedede; color: #3D3D3D; } .keyboard-key.shift-key-uppercase:hover { background-color: #d6d6d6; } .keyboard-key StIcon { icon-size: 24px; } .keyboard-subkeys { -arrow-border-radius: 12px; -arrow-background-color: rgba(237, 237, 237, 0.9); -arrow-border-width: 1px; -arrow-border-color: #c7c7c7; -arrow-base: 20px; -arrow-rise: 10px; -boxpointer-gap: 6px; padding: 6px; } .keyboard-subkeys .keyboard-key { color: #3D3D3D; background-color: white; border-radius: 10px; } .keyboard-subkeys .keyboard-key:focus { color: #3D3D3D; background-color: #f0f2f0; box-shadow: inset 0 0 0 2px rgba(101, 123, 105, 0.6); } .keyboard-subkeys .keyboard-key:focus:hover { background-color: #f0f2f0; box-shadow: inset 0 0 0 2px rgba(101, 123, 105, 0.7); } .keyboard-subkeys .keyboard-key:focus:active { background-color: #f0f2f0; box-shadow: inset 0 0 0 2px rgba(101, 123, 105, 0.7); } .keyboard-subkeys .keyboard-key:hover { color: #3D3D3D; background-color: #fafafa; } .keyboard-subkeys .keyboard-key:active { color: #3D3D3D; background-color: #f2f2f2; } .keyboard-subkeys .keyboard-key:checked { color: #3D3D3D; background-color: #ebebeb; } .emoji-page .keyboard-key { background-color: transparent; border: none; color: initial; } .emoji-panel .keyboard-key:latched { border-color: #708975; background-color: #657B69; } .word-suggestions { font-size: 14pt; spacing: 12px; min-height: 20pt; padding: 12px; color: #3D3D3D; } .word-suggestions StButton { margin: 0 3px; min-width: 32px; border-radius: 4px; padding: 6px 18px; background-color: transparent; background-image: none; } .word-suggestions StButton:focus { color: #3D3D3D; background-color: #f0f2f0; box-shadow: inset 0 0 0 2px rgba(101, 123, 105, 0.6); } .word-suggestions StButton:focus:hover { background-color: #f0f2f0; box-shadow: inset 0 0 0 2px rgba(101, 123, 105, 0.7); } .word-suggestions StButton:focus:active { background-color: #f0f2f0; box-shadow: inset 0 0 0 2px rgba(101, 123, 105, 0.7); } .word-suggestions StButton:hover { color: #3D3D3D; background-color: #fafafa; } .word-suggestions StButton:active { color: #3D3D3D; background-color: #f2f2f2; } .word-suggestions StButton:checked { color: #3D3D3D; background-color: #ebebeb; } /* Looking Glass */ #LookingGlassDialog { background-color: rgba(29, 29, 29, 0.975); border-radius: 0 0 12px 12px; border-top-width: 0; border: 1px solid rgba(255, 255, 255, 0.16); color: #eeeeec; padding: 6px; spacing: 6px; box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.1); } #LookingGlassDialog > #Toolbar { border: none; padding: 6px; border-radius: 0; background-color: transparent; spacing: 6px; } #LookingGlassDialog > #Toolbar .lg-toolbar-button { padding: 6px 12px; } #LookingGlassDialog > #Toolbar .lg-toolbar-button > StIcon { icon-size: 1.09em; } #LookingGlassDialog .labels { spacing: 6px; } #LookingGlassDialog .notebook-tab { -natural-hpadding: 12px; -minimum-hpadding: 12px; font-weight: bold; padding: 6px 12px; color: #cacac4; transition-duration: 100ms; box-shadow: none; border: none; border-radius: 4px; background-color: transparent; } #LookingGlassDialog .notebook-tab:hover { color: #eeeeec; background-color: rgba(238, 238, 236, 0.05); } #LookingGlassDialog .notebook-tab:selected { color: #eeeeec; background-color: rgba(238, 238, 236, 0.1); } #LookingGlassDialog StBoxLayout#EvalBox { padding: 4px; spacing: 6px; padding: 6px; } #LookingGlassDialog StBoxLayout#ResultsArea { spacing: 6px; padding: 6px; } .lg-dialog { color: #eeeeec; } .lg-dialog StEntry { background-color: rgba(42, 42, 42, 0.575); color: #eeeeec; border-color: rgba(238, 238, 236, 0.2); min-height: 22px; selection-background-color: #657B69; selected-color: #FFFFFF; } .lg-dialog StEntry, .lg-dialog StEntry:focus { box-shadow: none; } .lg-dialog .shell-link { color: #4e5f51; } .lg-dialog .shell-link:hover { color: #657b69; } .lg-dialog .shell-link:active { color: #374339; } .lg-dialog .actor-link { color: #9c9c9c; } .lg-dialog .actor-link:hover { color: #cfcfcf; } .lg-dialog .actor-link:active { color: dimgray; } .lg-completions-text { font-style: italic; color: #eeeeec; } .lg-obj-inspector-title { spacing: 6px; color: #eeeeec; } .lg-obj-inspector-button { border: 1px solid rgba(0, 0, 0, 0.7); padding: 4px; border-radius: 6px; color: #eeeeec; } .lg-obj-inspector-button:hover { border: 1px solid #ffffff; } #lookingGlassExtensions { padding: 6px; } .lg-extensions-list { padding: 6px; spacing: 6px; } .lg-extension { padding: 12px; border-radius: 6px; margin: 4px; box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.1); color: #3D3D3D; background-color: #ededed; } .lg-extension:focus { color: #3D3D3D; background-color: #ededed; box-shadow: inset 0 0 0 2px #899e8d; } .lg-extension:focus:hover { background-color: #e5e5e5; box-shadow: inset 0 0 0 2px #899e8d; } .lg-extension:focus:active { background-color: #dedede; box-shadow: inset 0 0 0 2px #899e8d; } .lg-extension:hover { color: #3D3D3D; background-color: #e5e5e5; } .lg-extension:active { color: #3D3D3D; background-color: #dedede; } .lg-extension-meta { spacing: 6px; } #LookingGlassPropertyInspector { background: rgba(29, 29, 29, 0.975); border: 1px solid rgba(0, 0, 0, 0.7); border-radius: 6px; padding: 6px; } .lg-debug-flag-button { color: #3D3D3D; } .lg-debug-flag-button StLabel { padding: 6px, 12px; } .lg-debug-flag-button:hover { color: #707070; } .lg-debug-flag-button:active { color: #0a0a0a; } .lg-debug-flags-header { padding-top: 12px; padding: 6px; } /* Login Dialog */ .login-dialog-banner-view { padding-top: 24px; max-width: 23em; } .login-dialog, .unlock-dialog { border: none; background-color: transparent; } .login-dialog .modal-dialog-button-box, .unlock-dialog .modal-dialog-button-box { spacing: 3px; } .login-dialog .modal-dialog-button, .unlock-dialog .modal-dialog-button { padding: 4px 18px; box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2); background-color: #ffffff; border-color: #c7c7c7; color: #3D3D3D; } .login-dialog .modal-dialog-button:hover, .unlock-dialog .modal-dialog-button:hover { background-color: #d9d9d9; } .login-dialog .modal-dialog-button:focus, .unlock-dialog .modal-dialog-button:focus { border-color: #899e8d; box-shadow: inset 0 0 0 1px #899e8d; } .login-dialog .modal-dialog-button:active, .unlock-dialog .modal-dialog-button:active { box-shadow: none; background-color: #bfbfbf; color: rgba(238, 238, 236, 0.7); } .login-dialog .modal-dialog-button:default, .unlock-dialog .modal-dialog-button:default { background-color: #657B69; color: #FFFFFF; } .login-dialog .modal-dialog-button:default:focus, .unlock-dialog .modal-dialog-button:default:focus { box-shadow: inset 0 0 0 2px rgba(101, 123, 105, 0.6); } .login-dialog .modal-dialog-button:default:hover, .login-dialog .modal-dialog-button:default:focus, .unlock-dialog .modal-dialog-button:default:hover, .unlock-dialog .modal-dialog-button:default:focus { background-color: #708975; color: white; } .login-dialog .modal-dialog-button:default:active, .unlock-dialog .modal-dialog-button:default:active { background-color: #556758; color: #ededed; } .login-dialog .modal-dialog-button:default:insensitive, .unlock-dialog .modal-dialog-button:default:insensitive { color: rgba(61, 61, 61, 0.5); background-color: rgba(61, 61, 61, 0.05); background-color: rgba(101, 123, 105, 0.5); color: rgba(255, 255, 255, 0.5); } .login-dialog .cancel-button, .login-dialog .switch-user-button, .login-dialog .login-dialog-session-list-button, .unlock-dialog .cancel-button, .unlock-dialog .switch-user-button, .unlock-dialog .login-dialog-session-list-button { padding: 0; border-radius: 99px; width: 2.18em; height: 2.18em; } .login-dialog .cancel-button StIcon, .login-dialog .switch-user-button StIcon, .login-dialog .login-dialog-session-list-button StIcon, .unlock-dialog .cancel-button StIcon, .unlock-dialog .switch-user-button StIcon, .unlock-dialog .login-dialog-session-list-button StIcon { icon-size: 1.09em; } .login-dialog .caps-lock-warning-label, .login-dialog .login-dialog-message, .unlock-dialog .caps-lock-warning-label, .unlock-dialog .login-dialog-message { color: #eeeeec; } .login-dialog-logo-bin { padding: 24px 0px; } .login-dialog-banner { color: #d6d6d1; } .login-dialog-button-box { width: 23em; spacing: 5px; } .login-dialog-message { text-align: center; } .login-dialog-user-selection-box { padding: 100px 0px; } .login-dialog-not-listed-label { padding-left: 2px; } .login-dialog-not-listed-button:focus .login-dialog-not-listed-label, .login-dialog-not-listed-button:hover .login-dialog-not-listed-label { color: #eeeeec; } .login-dialog-not-listed-label { font-weight: bold; color: #a6a69b; padding-top: 1em; } .login-dialog-auth-list-view { -st-vfade-offset: 1em; } .login-dialog-auth-list { spacing: 6px; margin-left: 2em; } .login-dialog-auth-list-title { margin-left: 2em; } .login-dialog-auth-list-item { border-radius: 10px; padding: 6px; color: #a6a69b; } .login-dialog-auth-list-item:focus, .login-dialog-auth-list-item:selected { background-color: #657B69; color: #FFFFFF; } .login-dialog-auth-list-label { font-size: 13pt; font-weight: bold; padding-left: 15px; } .login-dialog-auth-list-label:ltr { padding-left: 14px; text-align: left; } .login-dialog-auth-list-label:rtl { padding-right: 14px; text-align: right; } .login-dialog-user-list-view { -st-vfade-offset: 1em; } .login-dialog-user-list { spacing: 12px; width: 23em; } .login-dialog-user-list:expanded .login-dialog-user-list-item:selected { background-color: rgba(255, 255, 255, 0.1); color: #FFFFFF; } .login-dialog-user-list:expanded .login-dialog-user-list-item:logged-in { border-right: 2px solid rgba(255, 255, 255, 0.1); } .login-dialog-user-list-item { border-radius: 10px; padding: 6px; color: #a6a69b; } .login-dialog-user-list-item:ltr .user-widget { padding-right: 1em; } .login-dialog-user-list-item:rtl .user-widget { padding-left: 1em; } .login-dialog-user-list-item .login-dialog-timed-login-indicator { height: 2px; margin-top: 6px; background-color: #eeeeec; } .login-dialog-user-list-item:focus .login-dialog-timed-login-indicator { background-color: #FFFFFF; } .user-widget-label { color: #eeeeec; } .user-widget.horizontal .user-widget-label { font-size: 13pt; font-weight: bold; padding-left: 15px; } .user-widget.horizontal .user-widget-label:ltr { padding-left: 14px; text-align: left; } .user-widget.horizontal .user-widget-label:rtl { padding-right: 14px; text-align: right; } .user-widget.vertical .user-widget-label { font-size: 16pt; text-align: center; font-weight: normal; padding-top: 16px; } .login-dialog-timed-login-indicator { height: 2px; background-color: black; } .login-dialog-prompt-layout { padding-top: 24px; padding-bottom: 12px; spacing: 12px; width: 23em; } .login-dialog-prompt-entry { height: 1.5em; } .login-dialog-prompt-label { color: #bebeb6; font-size: 12pt; padding-top: 1em; } .unlock-dialog StEntry { border: none !important; } .unlock-dialog StEntry, .unlock-dialog StEntry:focus { color: #F7F7F7; background-color: rgba(247, 247, 247, 0.1); box-shadow: none; } .unlock-dialog StEntry:insensitive { color: rgba(247, 247, 247, 0.5); background-color: rgba(247, 247, 247, 0.05); } .unlock-dialog StEntry StLabel.hint-text { color: rgba(247, 247, 247, 0.7); } .unlock-dialog .user-icon { background-color: rgba(247, 247, 247, 0.1); color: #F7F7F7; } .unlock-dialog .cancel-button, .unlock-dialog .switch-user-button, .unlock-dialog .login-dialog-session-list-button { border-color: transparent; background-color: rgba(247, 247, 247, 0.1); box-shadow: none; } .unlock-dialog .cancel-button, .unlock-dialog .cancel-button:hover, .unlock-dialog .cancel-button:focus, .unlock-dialog .cancel-button:active, .unlock-dialog .switch-user-button, .unlock-dialog .switch-user-button:hover, .unlock-dialog .switch-user-button:focus, .unlock-dialog .switch-user-button:active, .unlock-dialog .login-dialog-session-list-button, .unlock-dialog .login-dialog-session-list-button:hover, .unlock-dialog .login-dialog-session-list-button:focus, .unlock-dialog .login-dialog-session-list-button:active { color: #F7F7F7; } .unlock-dialog .cancel-button:hover, .unlock-dialog .cancel-button:focus, .unlock-dialog .switch-user-button:hover, .unlock-dialog .switch-user-button:focus, .unlock-dialog .login-dialog-session-list-button:hover, .unlock-dialog .login-dialog-session-list-button:focus { background-color: rgba(247, 247, 247, 0.15); } .unlock-dialog .cancel-button:active, .unlock-dialog .switch-user-button:active, .unlock-dialog .login-dialog-session-list-button:active { background-color: rgba(247, 247, 247, 0.2); } /* Screen Shield */ .unlock-dialog-clock { color: white; font-weight: 300; text-align: center; spacing: 24px; padding-bottom: 2.5em; } .unlock-dialog-clock-time { font-size: 64pt; padding-top: 42px; } .unlock-dialog-clock-date { font-size: 16pt; font-weight: normal; } .unlock-dialog-clock-hint { font-weight: normal; padding-top: 48px; } .unlock-dialog-notifications-container { margin: 12px; spacing: 6px; width: 23em; background-color: transparent; } .unlock-dialog-notifications-container .summary-notification-stack-scrollview { padding-top: 0; padding-bottom: 0; } .unlock-dialog-notifications-container .notification, .unlock-dialog-notifications-container .unlock-dialog-notification-source { padding: 12px 16px; border: none; background-color: rgba(238, 238, 236, 0.1); color: #eeeeec; border-radius: 12px; } .unlock-dialog-notifications-container .notification.critical, .unlock-dialog-notifications-container .unlock-dialog-notification-source.critical { background-color: rgba(238, 238, 236, 0.2); } .unlock-dialog-notification-label { padding: 0 0 0 12px; } .unlock-dialog-notification-count-text { font-weight: bold; padding: 0 12px; color: #eeeeec; background-color: rgba(238, 238, 236, 0.1); border-radius: 99px; } .screen-shield-background { background: black; box-shadow: 0 2px 4px rgba(0, 0, 0, 0.6); } #lockDialogGroup { background-color: #222222; } #unlockDialogNotifications StButton#vhandle, #unlockDialogNotifications StButton#hhandle { background-color: rgba(250, 250, 250, 0.3); } #unlockDialogNotifications StButton#vhandle:hover, #unlockDialogNotifications StButton#vhandle:focus, #unlockDialogNotifications StButton#hhandle:hover, #unlockDialogNotifications StButton#hhandle:focus { background-color: rgba(250, 250, 250, 0.5); } #unlockDialogNotifications StButton#vhandle:active, #unlockDialogNotifications StButton#hhandle:active { background-color: rgba(101, 123, 105, 0.5); } * { font-weight: normal !important; text-shadow: none !important; } .file-item { border-radius: 6px; } /* Default Ubuntu Dock styling, append !important to any changed rules This must be in sync with - https://github.com/micheleg/dash-to-dock/blob/ubuntu-dock/_stylesheet.scss */ #dashtodockContainer.bottom #dash { margin: 0px; padding: 0px; } #dashtodockContainer.bottom #dash .dash-background { margin: 0; margin-bottom: 4px; padding: 0; border-radius: 18px; spacing: 6px; } #dashtodockContainer.bottom #dash .dash-separator { background-color: #c7c7c7; margin: 0 4px; width: 1px; height: 0; margin-bottom: 4px; } #dashtodockContainer.bottom #dash #dashtodockDashContainer { padding: 10px; padding-bottom: 0; padding-top: 0; } #dashtodockContainer.bottom #dash .dash-item-container { /* Disable all margins defined upstream, we handle them here */ margin: 0 2px; } #dashtodockContainer.bottom #dash .dash-item-container > * { margin: 0; } #dashtodockContainer.bottom #dash .dash-item-container:ltr:first-child, #dashtodockContainer.bottom #dash .dash-item-container:rtl:last-child { margin-left: 0; } #dashtodockContainer.bottom #dash .dash-item-container:ltr:last-child, #dashtodockContainer.bottom #dash .dash-item-container:rtl:first-child { margin-right: 0; } #dashtodockContainer.bottom #dash .dash-item-container .app-well-app, #dashtodockContainer.bottom #dash .dash-item-container .grid-search-result, #dashtodockContainer.bottom #dash .dash-item-container .show-apps { padding: 2px 2px; padding-bottom: 14px; padding-top: 10px; } #dashtodockContainer.bottom #dash .dash-item-container .app-well-app:ltr:first-child, #dashtodockContainer.bottom #dash .dash-item-container .grid-search-result:ltr:first-child, #dashtodockContainer.bottom #dash .dash-item-container .app-well-app:rtl:last-child, #dashtodockContainer.bottom #dash .dash-item-container .grid-search-result:rtl:last-child, #dashtodockContainer.bottom #dash .dash-item-container .show-apps:ltr:first-child, #dashtodockContainer.bottom #dash .dash-item-container .show-apps:rtl:last-child { padding-left: 0; } #dashtodockContainer.bottom #dash .dash-item-container .app-well-app:ltr:last-child, #dashtodockContainer.bottom #dash .dash-item-container .grid-search-result:ltr:last-child, #dashtodockContainer.bottom #dash .dash-item-container .app-well-app:rtl:first-child, #dashtodockContainer.bottom #dash .dash-item-container .grid-search-result:rtl:first-child, #dashtodockContainer.bottom #dash .dash-item-container .show-apps:ltr:last-child, #dashtodockContainer.bottom #dash .dash-item-container .show-apps:rtl:first-child { padding-right: 0; } #dashtodockContainer.bottom #dash .dash-item-container .app-well-app.running .overview-icon, #dashtodockContainer.bottom #dash .dash-item-container .running.grid-search-result .overview-icon { background-image: none; } #dashtodockContainer.bottom #dash .dash-item-container .app-well-app.focused .overview-icon, #dashtodockContainer.bottom #dash .dash-item-container .focused.grid-search-result .overview-icon { background-color: rgba(238, 238, 236, 0.2); } #dashtodockContainer.bottom #dash .dash-item-container .app-well-app .app-well-app-running-dot, #dashtodockContainer.bottom #dash .dash-item-container .grid-search-result .app-well-app-running-dot { margin-bottom: 2px; } #dashtodockContainer.bottom #dash .dash-item-container > StButton { transition-duration: 250; background-size: contain; } #dashtodockContainer.bottom.fixed #dash .dash-background { margin-top: 4px; } #dashtodockContainer.bottom.fixed #dash .dash-item-container .app-well-app, #dashtodockContainer.bottom.fixed #dash .dash-item-container .grid-search-result, #dashtodockContainer.bottom.fixed #dash .dash-item-container .show-apps { padding-top: 14px; } .dash-label.bottom { margin-bottom: 10px; -x-offset: 0; -y-offset: 0; } #dashtodockContainer.bottom.shrink #dash { margin: 0px; padding: 0px; } #dashtodockContainer.bottom.shrink #dash .dash-background { margin: 0; margin-bottom: 4px; padding: 0; border-radius: 14px; spacing: 2px; } #dashtodockContainer.bottom.shrink #dash .dash-separator { background-color: #c7c7c7; margin: 0 1px; width: 1px; height: 0; margin-bottom: 4px; } #dashtodockContainer.bottom.shrink #dash #dashtodockDashContainer { padding: 3px; padding-bottom: 0; padding-top: 0; } #dashtodockContainer.bottom.shrink #dash .dash-item-container { /* Disable all margins defined upstream, we handle them here */ margin: 0 2px; } #dashtodockContainer.bottom.shrink #dash .dash-item-container > * { margin: 0; } #dashtodockContainer.bottom.shrink #dash .dash-item-container:ltr:first-child, #dashtodockContainer.bottom.shrink #dash .dash-item-container:rtl:last-child { margin-left: 0; } #dashtodockContainer.bottom.shrink #dash .dash-item-container:ltr:last-child, #dashtodockContainer.bottom.shrink #dash .dash-item-container:rtl:first-child { margin-right: 0; } #dashtodockContainer.bottom.shrink #dash .dash-item-container .app-well-app, #dashtodockContainer.bottom.shrink #dash .dash-item-container .grid-search-result, #dashtodockContainer.bottom.shrink #dash .dash-item-container .show-apps { padding: 1px 1px; padding-bottom: 7px; padding-top: 3px; } #dashtodockContainer.bottom.shrink #dash .dash-item-container .app-well-app:ltr:first-child, #dashtodockContainer.bottom.shrink #dash .dash-item-container .grid-search-result:ltr:first-child, #dashtodockContainer.bottom.shrink #dash .dash-item-container .app-well-app:rtl:last-child, #dashtodockContainer.bottom.shrink #dash .dash-item-container .grid-search-result:rtl:last-child, #dashtodockContainer.bottom.shrink #dash .dash-item-container .show-apps:ltr:first-child, #dashtodockContainer.bottom.shrink #dash .dash-item-container .show-apps:rtl:last-child { padding-left: 0; } #dashtodockContainer.bottom.shrink #dash .dash-item-container .app-well-app:ltr:last-child, #dashtodockContainer.bottom.shrink #dash .dash-item-container .grid-search-result:ltr:last-child, #dashtodockContainer.bottom.shrink #dash .dash-item-container .app-well-app:rtl:first-child, #dashtodockContainer.bottom.shrink #dash .dash-item-container .grid-search-result:rtl:first-child, #dashtodockContainer.bottom.shrink #dash .dash-item-container .show-apps:ltr:last-child, #dashtodockContainer.bottom.shrink #dash .dash-item-container .show-apps:rtl:first-child { padding-right: 0; } #dashtodockContainer.bottom.shrink #dash .dash-item-container .app-well-app.running .overview-icon, #dashtodockContainer.bottom.shrink #dash .dash-item-container .running.grid-search-result .overview-icon { background-image: none; } #dashtodockContainer.bottom.shrink #dash .dash-item-container .app-well-app.focused .overview-icon, #dashtodockContainer.bottom.shrink #dash .dash-item-container .focused.grid-search-result .overview-icon { background-color: rgba(238, 238, 236, 0.2); } #dashtodockContainer.bottom.shrink #dash .dash-item-container .app-well-app .app-well-app-running-dot, #dashtodockContainer.bottom.shrink #dash .dash-item-container .grid-search-result .app-well-app-running-dot { margin-bottom: 2px; } #dashtodockContainer.bottom.shrink #dash .dash-item-container > StButton { transition-duration: 250; background-size: contain; } #dashtodockContainer.bottom.shrink.fixed #dash .dash-background { margin-top: 1px; } #dashtodockContainer.bottom.shrink.fixed #dash .dash-item-container .app-well-app, #dashtodockContainer.bottom.shrink.fixed #dash .dash-item-container .grid-search-result, #dashtodockContainer.bottom.shrink.fixed #dash .dash-item-container .show-apps { padding-top: 4px; } .dash-label.bottom.shrink { margin-bottom: 3px; -x-offset: 0; -y-offset: 0; } #dashtodockContainer.bottom.extended #dash { margin: 0px; padding: 0px; } #dashtodockContainer.bottom.extended #dash .dash-background { margin: 0; margin-bottom: 0; padding: 0; border-radius: 0; spacing: 6px; } #dashtodockContainer.bottom.extended #dash .dash-separator { background-color: #c7c7c7; margin: 0 4px; width: 1px; height: 0; margin-bottom: 0; } #dashtodockContainer.bottom.extended #dash #dashtodockDashContainer { padding: 0; padding-bottom: 0; padding-top: 0; } #dashtodockContainer.bottom.extended #dash #dashtodockDashContainer > :first-child .show-apps { padding-left: 8px; } #dashtodockContainer.bottom.extended #dash #dashtodockDashContainer #dashtodockDashScrollview:first-child { padding-left: 8px; } #dashtodockContainer.bottom.extended #dash #dashtodockDashContainer > :last-child .show-apps { padding-right: 8px; } #dashtodockContainer.bottom.extended #dash #dashtodockDashContainer #dashtodockDashScrollview:last-child { padding-right: 8px; } #dashtodockContainer.bottom.extended #dash .dash-item-container { /* Disable all margins defined upstream, we handle them here */ margin: 0 2px; } #dashtodockContainer.bottom.extended #dash .dash-item-container > * { margin: 0; } #dashtodockContainer.bottom.extended #dash .dash-item-container:ltr:first-child, #dashtodockContainer.bottom.extended #dash .dash-item-container:rtl:last-child { margin-left: 0; } #dashtodockContainer.bottom.extended #dash .dash-item-container:ltr:last-child, #dashtodockContainer.bottom.extended #dash .dash-item-container:rtl:first-child { margin-right: 0; } #dashtodockContainer.bottom.extended #dash .dash-item-container .app-well-app, #dashtodockContainer.bottom.extended #dash .dash-item-container .grid-search-result, #dashtodockContainer.bottom.extended #dash .dash-item-container .show-apps { padding: 2px 2px; padding-bottom: 10px; padding-top: 10px; } #dashtodockContainer.bottom.extended #dash .dash-item-container .app-well-app:ltr:first-child, #dashtodockContainer.bottom.extended #dash .dash-item-container .grid-search-result:ltr:first-child, #dashtodockContainer.bottom.extended #dash .dash-item-container .app-well-app:rtl:last-child, #dashtodockContainer.bottom.extended #dash .dash-item-container .grid-search-result:rtl:last-child, #dashtodockContainer.bottom.extended #dash .dash-item-container .show-apps:ltr:first-child, #dashtodockContainer.bottom.extended #dash .dash-item-container .show-apps:rtl:last-child { padding-left: 0; } #dashtodockContainer.bottom.extended #dash .dash-item-container .app-well-app:ltr:last-child, #dashtodockContainer.bottom.extended #dash .dash-item-container .grid-search-result:ltr:last-child, #dashtodockContainer.bottom.extended #dash .dash-item-container .app-well-app:rtl:first-child, #dashtodockContainer.bottom.extended #dash .dash-item-container .grid-search-result:rtl:first-child, #dashtodockContainer.bottom.extended #dash .dash-item-container .show-apps:ltr:last-child, #dashtodockContainer.bottom.extended #dash .dash-item-container .show-apps:rtl:first-child { padding-right: 0; } #dashtodockContainer.bottom.extended #dash .dash-item-container .app-well-app.running .overview-icon, #dashtodockContainer.bottom.extended #dash .dash-item-container .running.grid-search-result .overview-icon { background-image: none; } #dashtodockContainer.bottom.extended #dash .dash-item-container .app-well-app.focused .overview-icon, #dashtodockContainer.bottom.extended #dash .dash-item-container .focused.grid-search-result .overview-icon { background-color: rgba(238, 238, 236, 0.2); } #dashtodockContainer.bottom.extended #dash .dash-item-container .app-well-app .app-well-app-running-dot, #dashtodockContainer.bottom.extended #dash .dash-item-container .grid-search-result .app-well-app-running-dot { margin-bottom: 2px; } #dashtodockContainer.bottom.extended #dash .dash-item-container > StButton { transition-duration: 250; background-size: contain; } #dashtodockContainer.bottom.extended.fixed #dash .dash-background { margin-top: 0; } #dashtodockContainer.bottom.extended.fixed #dash .dash-item-container .app-well-app, #dashtodockContainer.bottom.extended.fixed #dash .dash-item-container .grid-search-result, #dashtodockContainer.bottom.extended.fixed #dash .dash-item-container .show-apps { padding-top: 10px; } .dash-label.bottom { margin-bottom: 10px; -x-offset: 0; -y-offset: 0; } #dashtodockContainer.bottom.extended.shrink #dash { margin: 0px; padding: 0px; } #dashtodockContainer.bottom.extended.shrink #dash .dash-background { margin: 0; margin-bottom: 0; padding: 0; border-radius: 0; spacing: 2px; } #dashtodockContainer.bottom.extended.shrink #dash .dash-separator { background-color: #c7c7c7; margin: 0 1px; width: 1px; height: 0; margin-bottom: 0; } #dashtodockContainer.bottom.extended.shrink #dash #dashtodockDashContainer { padding: 0; padding-bottom: 0; padding-top: 0; } #dashtodockContainer.bottom.extended.shrink #dash #dashtodockDashContainer > :first-child .show-apps { padding-left: 6px; } #dashtodockContainer.bottom.extended.shrink #dash #dashtodockDashContainer #dashtodockDashScrollview:first-child { padding-left: 6px; } #dashtodockContainer.bottom.extended.shrink #dash #dashtodockDashContainer > :last-child .show-apps { padding-right: 6px; } #dashtodockContainer.bottom.extended.shrink #dash #dashtodockDashContainer #dashtodockDashScrollview:last-child { padding-right: 6px; } #dashtodockContainer.bottom.extended.shrink #dash .dash-item-container { /* Disable all margins defined upstream, we handle them here */ margin: 0 2px; } #dashtodockContainer.bottom.extended.shrink #dash .dash-item-container > * { margin: 0; } #dashtodockContainer.bottom.extended.shrink #dash .dash-item-container:ltr:first-child, #dashtodockContainer.bottom.extended.shrink #dash .dash-item-container:rtl:last-child { margin-left: 0; } #dashtodockContainer.bottom.extended.shrink #dash .dash-item-container:ltr:last-child, #dashtodockContainer.bottom.extended.shrink #dash .dash-item-container:rtl:first-child { margin-right: 0; } #dashtodockContainer.bottom.extended.shrink #dash .dash-item-container .app-well-app, #dashtodockContainer.bottom.extended.shrink #dash .dash-item-container .grid-search-result, #dashtodockContainer.bottom.extended.shrink #dash .dash-item-container .show-apps { padding: 1px 1px; padding-bottom: 3px; padding-top: 3px; } #dashtodockContainer.bottom.extended.shrink #dash .dash-item-container .app-well-app:ltr:first-child, #dashtodockContainer.bottom.extended.shrink #dash .dash-item-container .grid-search-result:ltr:first-child, #dashtodockContainer.bottom.extended.shrink #dash .dash-item-container .app-well-app:rtl:last-child, #dashtodockContainer.bottom.extended.shrink #dash .dash-item-container .grid-search-result:rtl:last-child, #dashtodockContainer.bottom.extended.shrink #dash .dash-item-container .show-apps:ltr:first-child, #dashtodockContainer.bottom.extended.shrink #dash .dash-item-container .show-apps:rtl:last-child { padding-left: 0; } #dashtodockContainer.bottom.extended.shrink #dash .dash-item-container .app-well-app:ltr:last-child, #dashtodockContainer.bottom.extended.shrink #dash .dash-item-container .grid-search-result:ltr:last-child, #dashtodockContainer.bottom.extended.shrink #dash .dash-item-container .app-well-app:rtl:first-child, #dashtodockContainer.bottom.extended.shrink #dash .dash-item-container .grid-search-result:rtl:first-child, #dashtodockContainer.bottom.extended.shrink #dash .dash-item-container .show-apps:ltr:last-child, #dashtodockContainer.bottom.extended.shrink #dash .dash-item-container .show-apps:rtl:first-child { padding-right: 0; } #dashtodockContainer.bottom.extended.shrink #dash .dash-item-container .app-well-app.running .overview-icon, #dashtodockContainer.bottom.extended.shrink #dash .dash-item-container .running.grid-search-result .overview-icon { background-image: none; } #dashtodockContainer.bottom.extended.shrink #dash .dash-item-container .app-well-app.focused .overview-icon, #dashtodockContainer.bottom.extended.shrink #dash .dash-item-container .focused.grid-search-result .overview-icon { background-color: rgba(238, 238, 236, 0.2); } #dashtodockContainer.bottom.extended.shrink #dash .dash-item-container .app-well-app .app-well-app-running-dot, #dashtodockContainer.bottom.extended.shrink #dash .dash-item-container .grid-search-result .app-well-app-running-dot { margin-bottom: 2px; } #dashtodockContainer.bottom.extended.shrink #dash .dash-item-container > StButton { transition-duration: 250; background-size: contain; } #dashtodockContainer.bottom.extended.shrink.fixed #dash .dash-background { margin-top: 0; } #dashtodockContainer.bottom.extended.shrink.fixed #dash .dash-item-container .app-well-app, #dashtodockContainer.bottom.extended.shrink.fixed #dash .dash-item-container .grid-search-result, #dashtodockContainer.bottom.extended.shrink.fixed #dash .dash-item-container .show-apps { padding-top: 3px; } .dash-label.bottom.shrink { margin-bottom: 3px; -x-offset: 0; -y-offset: 0; } #dashtodockContainer.top #dash { margin: 0px; padding: 0px; } #dashtodockContainer.top #dash .dash-background { margin: 0; margin-top: 4px; padding: 0; border-radius: 18px; spacing: 6px; } #dashtodockContainer.top #dash .dash-separator { background-color: #c7c7c7; margin: 0 4px; width: 1px; height: 0; margin-top: 4px; } #dashtodockContainer.top #dash #dashtodockDashContainer { padding: 10px; padding-top: 0; padding-bottom: 0; } #dashtodockContainer.top #dash .dash-item-container { /* Disable all margins defined upstream, we handle them here */ margin: 0 2px; } #dashtodockContainer.top #dash .dash-item-container > * { margin: 0; } #dashtodockContainer.top #dash .dash-item-container:ltr:first-child, #dashtodockContainer.top #dash .dash-item-container:rtl:last-child { margin-left: 0; } #dashtodockContainer.top #dash .dash-item-container:ltr:last-child, #dashtodockContainer.top #dash .dash-item-container:rtl:first-child { margin-right: 0; } #dashtodockContainer.top #dash .dash-item-container .app-well-app, #dashtodockContainer.top #dash .dash-item-container .grid-search-result, #dashtodockContainer.top #dash .dash-item-container .show-apps { padding: 2px 2px; padding-top: 14px; padding-bottom: 10px; } #dashtodockContainer.top #dash .dash-item-container .app-well-app:ltr:first-child, #dashtodockContainer.top #dash .dash-item-container .grid-search-result:ltr:first-child, #dashtodockContainer.top #dash .dash-item-container .app-well-app:rtl:last-child, #dashtodockContainer.top #dash .dash-item-container .grid-search-result:rtl:last-child, #dashtodockContainer.top #dash .dash-item-container .show-apps:ltr:first-child, #dashtodockContainer.top #dash .dash-item-container .show-apps:rtl:last-child { padding-left: 0; } #dashtodockContainer.top #dash .dash-item-container .app-well-app:ltr:last-child, #dashtodockContainer.top #dash .dash-item-container .grid-search-result:ltr:last-child, #dashtodockContainer.top #dash .dash-item-container .app-well-app:rtl:first-child, #dashtodockContainer.top #dash .dash-item-container .grid-search-result:rtl:first-child, #dashtodockContainer.top #dash .dash-item-container .show-apps:ltr:last-child, #dashtodockContainer.top #dash .dash-item-container .show-apps:rtl:first-child { padding-right: 0; } #dashtodockContainer.top #dash .dash-item-container .app-well-app.running .overview-icon, #dashtodockContainer.top #dash .dash-item-container .running.grid-search-result .overview-icon { background-image: none; } #dashtodockContainer.top #dash .dash-item-container .app-well-app.focused .overview-icon, #dashtodockContainer.top #dash .dash-item-container .focused.grid-search-result .overview-icon { background-color: rgba(238, 238, 236, 0.2); } #dashtodockContainer.top #dash .dash-item-container .app-well-app .app-well-app-running-dot, #dashtodockContainer.top #dash .dash-item-container .grid-search-result .app-well-app-running-dot { margin-bottom: 2px; } #dashtodockContainer.top #dash .dash-item-container > StButton { transition-duration: 250; background-size: contain; } #dashtodockContainer.top.fixed #dash .dash-background { margin-bottom: 4px; } #dashtodockContainer.top.fixed #dash .dash-item-container .app-well-app, #dashtodockContainer.top.fixed #dash .dash-item-container .grid-search-result, #dashtodockContainer.top.fixed #dash .dash-item-container .show-apps { padding-bottom: 14px; } .dash-label.top { margin-top: 10px; -x-offset: 0; -y-offset: 0; } #dashtodockContainer.top.shrink #dash { margin: 0px; padding: 0px; } #dashtodockContainer.top.shrink #dash .dash-background { margin: 0; margin-top: 4px; padding: 0; border-radius: 14px; spacing: 2px; } #dashtodockContainer.top.shrink #dash .dash-separator { background-color: #c7c7c7; margin: 0 1px; width: 1px; height: 0; margin-top: 4px; } #dashtodockContainer.top.shrink #dash #dashtodockDashContainer { padding: 3px; padding-top: 0; padding-bottom: 0; } #dashtodockContainer.top.shrink #dash .dash-item-container { /* Disable all margins defined upstream, we handle them here */ margin: 0 2px; } #dashtodockContainer.top.shrink #dash .dash-item-container > * { margin: 0; } #dashtodockContainer.top.shrink #dash .dash-item-container:ltr:first-child, #dashtodockContainer.top.shrink #dash .dash-item-container:rtl:last-child { margin-left: 0; } #dashtodockContainer.top.shrink #dash .dash-item-container:ltr:last-child, #dashtodockContainer.top.shrink #dash .dash-item-container:rtl:first-child { margin-right: 0; } #dashtodockContainer.top.shrink #dash .dash-item-container .app-well-app, #dashtodockContainer.top.shrink #dash .dash-item-container .grid-search-result, #dashtodockContainer.top.shrink #dash .dash-item-container .show-apps { padding: 1px 1px; padding-top: 7px; padding-bottom: 3px; } #dashtodockContainer.top.shrink #dash .dash-item-container .app-well-app:ltr:first-child, #dashtodockContainer.top.shrink #dash .dash-item-container .grid-search-result:ltr:first-child, #dashtodockContainer.top.shrink #dash .dash-item-container .app-well-app:rtl:last-child, #dashtodockContainer.top.shrink #dash .dash-item-container .grid-search-result:rtl:last-child, #dashtodockContainer.top.shrink #dash .dash-item-container .show-apps:ltr:first-child, #dashtodockContainer.top.shrink #dash .dash-item-container .show-apps:rtl:last-child { padding-left: 0; } #dashtodockContainer.top.shrink #dash .dash-item-container .app-well-app:ltr:last-child, #dashtodockContainer.top.shrink #dash .dash-item-container .grid-search-result:ltr:last-child, #dashtodockContainer.top.shrink #dash .dash-item-container .app-well-app:rtl:first-child, #dashtodockContainer.top.shrink #dash .dash-item-container .grid-search-result:rtl:first-child, #dashtodockContainer.top.shrink #dash .dash-item-container .show-apps:ltr:last-child, #dashtodockContainer.top.shrink #dash .dash-item-container .show-apps:rtl:first-child { padding-right: 0; } #dashtodockContainer.top.shrink #dash .dash-item-container .app-well-app.running .overview-icon, #dashtodockContainer.top.shrink #dash .dash-item-container .running.grid-search-result .overview-icon { background-image: none; } #dashtodockContainer.top.shrink #dash .dash-item-container .app-well-app.focused .overview-icon, #dashtodockContainer.top.shrink #dash .dash-item-container .focused.grid-search-result .overview-icon { background-color: rgba(238, 238, 236, 0.2); } #dashtodockContainer.top.shrink #dash .dash-item-container .app-well-app .app-well-app-running-dot, #dashtodockContainer.top.shrink #dash .dash-item-container .grid-search-result .app-well-app-running-dot { margin-bottom: 2px; } #dashtodockContainer.top.shrink #dash .dash-item-container > StButton { transition-duration: 250; background-size: contain; } #dashtodockContainer.top.shrink.fixed #dash .dash-background { margin-bottom: 1px; } #dashtodockContainer.top.shrink.fixed #dash .dash-item-container .app-well-app, #dashtodockContainer.top.shrink.fixed #dash .dash-item-container .grid-search-result, #dashtodockContainer.top.shrink.fixed #dash .dash-item-container .show-apps { padding-bottom: 4px; } .dash-label.top.shrink { margin-top: 3px; -x-offset: 0; -y-offset: 0; } #dashtodockContainer.top.extended #dash { margin: 0px; padding: 0px; } #dashtodockContainer.top.extended #dash .dash-background { margin: 0; margin-top: 0; padding: 0; border-radius: 0; spacing: 6px; } #dashtodockContainer.top.extended #dash .dash-separator { background-color: #c7c7c7; margin: 0 4px; width: 1px; height: 0; margin-top: 0; } #dashtodockContainer.top.extended #dash #dashtodockDashContainer { padding: 0; padding-top: 0; padding-bottom: 0; } #dashtodockContainer.top.extended #dash #dashtodockDashContainer > :first-child .show-apps { padding-left: 8px; } #dashtodockContainer.top.extended #dash #dashtodockDashContainer #dashtodockDashScrollview:first-child { padding-left: 8px; } #dashtodockContainer.top.extended #dash #dashtodockDashContainer > :last-child .show-apps { padding-right: 8px; } #dashtodockContainer.top.extended #dash #dashtodockDashContainer #dashtodockDashScrollview:last-child { padding-right: 8px; } #dashtodockContainer.top.extended #dash .dash-item-container { /* Disable all margins defined upstream, we handle them here */ margin: 0 2px; } #dashtodockContainer.top.extended #dash .dash-item-container > * { margin: 0; } #dashtodockContainer.top.extended #dash .dash-item-container:ltr:first-child, #dashtodockContainer.top.extended #dash .dash-item-container:rtl:last-child { margin-left: 0; } #dashtodockContainer.top.extended #dash .dash-item-container:ltr:last-child, #dashtodockContainer.top.extended #dash .dash-item-container:rtl:first-child { margin-right: 0; } #dashtodockContainer.top.extended #dash .dash-item-container .app-well-app, #dashtodockContainer.top.extended #dash .dash-item-container .grid-search-result, #dashtodockContainer.top.extended #dash .dash-item-container .show-apps { padding: 2px 2px; padding-top: 10px; padding-bottom: 10px; } #dashtodockContainer.top.extended #dash .dash-item-container .app-well-app:ltr:first-child, #dashtodockContainer.top.extended #dash .dash-item-container .grid-search-result:ltr:first-child, #dashtodockContainer.top.extended #dash .dash-item-container .app-well-app:rtl:last-child, #dashtodockContainer.top.extended #dash .dash-item-container .grid-search-result:rtl:last-child, #dashtodockContainer.top.extended #dash .dash-item-container .show-apps:ltr:first-child, #dashtodockContainer.top.extended #dash .dash-item-container .show-apps:rtl:last-child { padding-left: 0; } #dashtodockContainer.top.extended #dash .dash-item-container .app-well-app:ltr:last-child, #dashtodockContainer.top.extended #dash .dash-item-container .grid-search-result:ltr:last-child, #dashtodockContainer.top.extended #dash .dash-item-container .app-well-app:rtl:first-child, #dashtodockContainer.top.extended #dash .dash-item-container .grid-search-result:rtl:first-child, #dashtodockContainer.top.extended #dash .dash-item-container .show-apps:ltr:last-child, #dashtodockContainer.top.extended #dash .dash-item-container .show-apps:rtl:first-child { padding-right: 0; } #dashtodockContainer.top.extended #dash .dash-item-container .app-well-app.running .overview-icon, #dashtodockContainer.top.extended #dash .dash-item-container .running.grid-search-result .overview-icon { background-image: none; } #dashtodockContainer.top.extended #dash .dash-item-container .app-well-app.focused .overview-icon, #dashtodockContainer.top.extended #dash .dash-item-container .focused.grid-search-result .overview-icon { background-color: rgba(238, 238, 236, 0.2); } #dashtodockContainer.top.extended #dash .dash-item-container .app-well-app .app-well-app-running-dot, #dashtodockContainer.top.extended #dash .dash-item-container .grid-search-result .app-well-app-running-dot { margin-bottom: 2px; } #dashtodockContainer.top.extended #dash .dash-item-container > StButton { transition-duration: 250; background-size: contain; } #dashtodockContainer.top.extended.fixed #dash .dash-background { margin-bottom: 0; } #dashtodockContainer.top.extended.fixed #dash .dash-item-container .app-well-app, #dashtodockContainer.top.extended.fixed #dash .dash-item-container .grid-search-result, #dashtodockContainer.top.extended.fixed #dash .dash-item-container .show-apps { padding-bottom: 10px; } .dash-label.top { margin-top: 10px; -x-offset: 0; -y-offset: 0; } #dashtodockContainer.top.extended.shrink #dash { margin: 0px; padding: 0px; } #dashtodockContainer.top.extended.shrink #dash .dash-background { margin: 0; margin-top: 0; padding: 0; border-radius: 0; spacing: 2px; } #dashtodockContainer.top.extended.shrink #dash .dash-separator { background-color: #c7c7c7; margin: 0 1px; width: 1px; height: 0; margin-top: 0; } #dashtodockContainer.top.extended.shrink #dash #dashtodockDashContainer { padding: 0; padding-top: 0; padding-bottom: 0; } #dashtodockContainer.top.extended.shrink #dash #dashtodockDashContainer > :first-child .show-apps { padding-left: 6px; } #dashtodockContainer.top.extended.shrink #dash #dashtodockDashContainer #dashtodockDashScrollview:first-child { padding-left: 6px; } #dashtodockContainer.top.extended.shrink #dash #dashtodockDashContainer > :last-child .show-apps { padding-right: 6px; } #dashtodockContainer.top.extended.shrink #dash #dashtodockDashContainer #dashtodockDashScrollview:last-child { padding-right: 6px; } #dashtodockContainer.top.extended.shrink #dash .dash-item-container { /* Disable all margins defined upstream, we handle them here */ margin: 0 2px; } #dashtodockContainer.top.extended.shrink #dash .dash-item-container > * { margin: 0; } #dashtodockContainer.top.extended.shrink #dash .dash-item-container:ltr:first-child, #dashtodockContainer.top.extended.shrink #dash .dash-item-container:rtl:last-child { margin-left: 0; } #dashtodockContainer.top.extended.shrink #dash .dash-item-container:ltr:last-child, #dashtodockContainer.top.extended.shrink #dash .dash-item-container:rtl:first-child { margin-right: 0; } #dashtodockContainer.top.extended.shrink #dash .dash-item-container .app-well-app, #dashtodockContainer.top.extended.shrink #dash .dash-item-container .grid-search-result, #dashtodockContainer.top.extended.shrink #dash .dash-item-container .show-apps { padding: 1px 1px; padding-top: 3px; padding-bottom: 3px; } #dashtodockContainer.top.extended.shrink #dash .dash-item-container .app-well-app:ltr:first-child, #dashtodockContainer.top.extended.shrink #dash .dash-item-container .grid-search-result:ltr:first-child, #dashtodockContainer.top.extended.shrink #dash .dash-item-container .app-well-app:rtl:last-child, #dashtodockContainer.top.extended.shrink #dash .dash-item-container .grid-search-result:rtl:last-child, #dashtodockContainer.top.extended.shrink #dash .dash-item-container .show-apps:ltr:first-child, #dashtodockContainer.top.extended.shrink #dash .dash-item-container .show-apps:rtl:last-child { padding-left: 0; } #dashtodockContainer.top.extended.shrink #dash .dash-item-container .app-well-app:ltr:last-child, #dashtodockContainer.top.extended.shrink #dash .dash-item-container .grid-search-result:ltr:last-child, #dashtodockContainer.top.extended.shrink #dash .dash-item-container .app-well-app:rtl:first-child, #dashtodockContainer.top.extended.shrink #dash .dash-item-container .grid-search-result:rtl:first-child, #dashtodockContainer.top.extended.shrink #dash .dash-item-container .show-apps:ltr:last-child, #dashtodockContainer.top.extended.shrink #dash .dash-item-container .show-apps:rtl:first-child { padding-right: 0; } #dashtodockContainer.top.extended.shrink #dash .dash-item-container .app-well-app.running .overview-icon, #dashtodockContainer.top.extended.shrink #dash .dash-item-container .running.grid-search-result .overview-icon { background-image: none; } #dashtodockContainer.top.extended.shrink #dash .dash-item-container .app-well-app.focused .overview-icon, #dashtodockContainer.top.extended.shrink #dash .dash-item-container .focused.grid-search-result .overview-icon { background-color: rgba(238, 238, 236, 0.2); } #dashtodockContainer.top.extended.shrink #dash .dash-item-container .app-well-app .app-well-app-running-dot, #dashtodockContainer.top.extended.shrink #dash .dash-item-container .grid-search-result .app-well-app-running-dot { margin-bottom: 2px; } #dashtodockContainer.top.extended.shrink #dash .dash-item-container > StButton { transition-duration: 250; background-size: contain; } #dashtodockContainer.top.extended.shrink.fixed #dash .dash-background { margin-bottom: 0; } #dashtodockContainer.top.extended.shrink.fixed #dash .dash-item-container .app-well-app, #dashtodockContainer.top.extended.shrink.fixed #dash .dash-item-container .grid-search-result, #dashtodockContainer.top.extended.shrink.fixed #dash .dash-item-container .show-apps { padding-bottom: 3px; } .dash-label.top.shrink { margin-top: 3px; -x-offset: 0; -y-offset: 0; } #dashtodockContainer.left #dash { margin: 0px; padding: 0px; } #dashtodockContainer.left #dash .dash-background { margin: 0; margin-left: 4px; padding: 0; border-radius: 18px; spacing: 6px; } #dashtodockContainer.left #dash .dash-separator { background-color: #c7c7c7; width: 0; height: 1px; margin: 4px 0; margin-left: 4px; } #dashtodockContainer.left #dash #dashtodockDashContainer { padding: 10px; padding-left: 0; padding-right: 0; } #dashtodockContainer.left #dash .dash-item-container { /* Disable all margins defined upstream, we handle them here */ margin: 2px 0; } #dashtodockContainer.left #dash .dash-item-container > * { margin: 0; } #dashtodockContainer.left #dash .dash-item-container:first-child { margin-top: 0; } #dashtodockContainer.left #dash .dash-item-container:last-child { margin-bottom: 0; } #dashtodockContainer.left #dash .dash-item-container .app-well-app, #dashtodockContainer.left #dash .dash-item-container .grid-search-result, #dashtodockContainer.left #dash .dash-item-container .show-apps { padding: 2px 2px; padding-left: 14px; padding-right: 10px; } #dashtodockContainer.left #dash .dash-item-container .app-well-app:first-child, #dashtodockContainer.left #dash .dash-item-container .grid-search-result:first-child, #dashtodockContainer.left #dash .dash-item-container .show-apps:first-child { padding-top: 0; } #dashtodockContainer.left #dash .dash-item-container .app-well-app:last-child, #dashtodockContainer.left #dash .dash-item-container .grid-search-result:last-child, #dashtodockContainer.left #dash .dash-item-container .show-apps:last-child { padding-bottom: 0; } #dashtodockContainer.left #dash .dash-item-container .app-well-app.running .overview-icon, #dashtodockContainer.left #dash .dash-item-container .running.grid-search-result .overview-icon { background-image: none; } #dashtodockContainer.left #dash .dash-item-container .app-well-app.focused .overview-icon, #dashtodockContainer.left #dash .dash-item-container .focused.grid-search-result .overview-icon { background-color: rgba(238, 238, 236, 0.2); } #dashtodockContainer.left #dash .dash-item-container .app-well-app .app-well-app-running-dot, #dashtodockContainer.left #dash .dash-item-container .grid-search-result .app-well-app-running-dot { margin-bottom: 2px; } #dashtodockContainer.left #dash .dash-item-container > StButton { transition-duration: 250; background-size: contain; } #dashtodockContainer.left.fixed #dash .dash-background { margin-right: 4px; } #dashtodockContainer.left.fixed #dash .dash-item-container .app-well-app, #dashtodockContainer.left.fixed #dash .dash-item-container .grid-search-result, #dashtodockContainer.left.fixed #dash .dash-item-container .show-apps { padding-right: 14px; } .dash-label.left { margin: 0; -x-offset: 10px; -y-offset: 0; } #dashtodockContainer.left.shrink #dash { margin: 0px; padding: 0px; } #dashtodockContainer.left.shrink #dash .dash-background { margin: 0; margin-left: 4px; padding: 0; border-radius: 14px; spacing: 2px; } #dashtodockContainer.left.shrink #dash .dash-separator { background-color: #c7c7c7; width: 0; height: 1px; margin: 1px 0; margin-left: 4px; } #dashtodockContainer.left.shrink #dash #dashtodockDashContainer { padding: 3px; padding-left: 0; padding-right: 0; } #dashtodockContainer.left.shrink #dash .dash-item-container { /* Disable all margins defined upstream, we handle them here */ margin: 2px 0; } #dashtodockContainer.left.shrink #dash .dash-item-container > * { margin: 0; } #dashtodockContainer.left.shrink #dash .dash-item-container:first-child { margin-top: 0; } #dashtodockContainer.left.shrink #dash .dash-item-container:last-child { margin-bottom: 0; } #dashtodockContainer.left.shrink #dash .dash-item-container .app-well-app, #dashtodockContainer.left.shrink #dash .dash-item-container .grid-search-result, #dashtodockContainer.left.shrink #dash .dash-item-container .show-apps { padding: 1px 1px; padding-left: 7px; padding-right: 3px; } #dashtodockContainer.left.shrink #dash .dash-item-container .app-well-app:first-child, #dashtodockContainer.left.shrink #dash .dash-item-container .grid-search-result:first-child, #dashtodockContainer.left.shrink #dash .dash-item-container .show-apps:first-child { padding-top: 0; } #dashtodockContainer.left.shrink #dash .dash-item-container .app-well-app:last-child, #dashtodockContainer.left.shrink #dash .dash-item-container .grid-search-result:last-child, #dashtodockContainer.left.shrink #dash .dash-item-container .show-apps:last-child { padding-bottom: 0; } #dashtodockContainer.left.shrink #dash .dash-item-container .app-well-app.running .overview-icon, #dashtodockContainer.left.shrink #dash .dash-item-container .running.grid-search-result .overview-icon { background-image: none; } #dashtodockContainer.left.shrink #dash .dash-item-container .app-well-app.focused .overview-icon, #dashtodockContainer.left.shrink #dash .dash-item-container .focused.grid-search-result .overview-icon { background-color: rgba(238, 238, 236, 0.2); } #dashtodockContainer.left.shrink #dash .dash-item-container .app-well-app .app-well-app-running-dot, #dashtodockContainer.left.shrink #dash .dash-item-container .grid-search-result .app-well-app-running-dot { margin-bottom: 2px; } #dashtodockContainer.left.shrink #dash .dash-item-container > StButton { transition-duration: 250; background-size: contain; } #dashtodockContainer.left.shrink.fixed #dash .dash-background { margin-right: 1px; } #dashtodockContainer.left.shrink.fixed #dash .dash-item-container .app-well-app, #dashtodockContainer.left.shrink.fixed #dash .dash-item-container .grid-search-result, #dashtodockContainer.left.shrink.fixed #dash .dash-item-container .show-apps { padding-right: 4px; } .dash-label.left.shrink { margin: 0; -x-offset: 3px; -y-offset: 0; } #dashtodockContainer.left.extended #dash { margin: 0px; padding: 0px; } #dashtodockContainer.left.extended #dash .dash-background { margin: 0; margin-left: 0; padding: 0; border-radius: 0; spacing: 6px; } #dashtodockContainer.left.extended #dash .dash-separator { background-color: #c7c7c7; width: 0; height: 1px; margin: 4px 0; margin-left: 0; } #dashtodockContainer.left.extended #dash #dashtodockDashContainer { padding: 0; padding-left: 0; padding-right: 0; } #dashtodockContainer.left.extended #dash #dashtodockDashContainer > :first-child .show-apps { padding-top: 8px; } #dashtodockContainer.left.extended #dash #dashtodockDashContainer #dashtodockDashScrollview:first-child { padding-top: 8px; } #dashtodockContainer.left.extended #dash #dashtodockDashContainer > :last-child .show-apps { padding-bottom: 8px; } #dashtodockContainer.left.extended #dash #dashtodockDashContainer #dashtodockDashScrollview:last-child { padding-bottom: 8px; } #dashtodockContainer.left.extended #dash .dash-item-container { /* Disable all margins defined upstream, we handle them here */ margin: 2px 0; } #dashtodockContainer.left.extended #dash .dash-item-container > * { margin: 0; } #dashtodockContainer.left.extended #dash .dash-item-container:first-child { margin-top: 0; } #dashtodockContainer.left.extended #dash .dash-item-container:last-child { margin-bottom: 0; } #dashtodockContainer.left.extended #dash .dash-item-container .app-well-app, #dashtodockContainer.left.extended #dash .dash-item-container .grid-search-result, #dashtodockContainer.left.extended #dash .dash-item-container .show-apps { padding: 2px 2px; padding-left: 10px; padding-right: 10px; } #dashtodockContainer.left.extended #dash .dash-item-container .app-well-app:first-child, #dashtodockContainer.left.extended #dash .dash-item-container .grid-search-result:first-child, #dashtodockContainer.left.extended #dash .dash-item-container .show-apps:first-child { padding-top: 0; } #dashtodockContainer.left.extended #dash .dash-item-container .app-well-app:last-child, #dashtodockContainer.left.extended #dash .dash-item-container .grid-search-result:last-child, #dashtodockContainer.left.extended #dash .dash-item-container .show-apps:last-child { padding-bottom: 0; } #dashtodockContainer.left.extended #dash .dash-item-container .app-well-app.running .overview-icon, #dashtodockContainer.left.extended #dash .dash-item-container .running.grid-search-result .overview-icon { background-image: none; } #dashtodockContainer.left.extended #dash .dash-item-container .app-well-app.focused .overview-icon, #dashtodockContainer.left.extended #dash .dash-item-container .focused.grid-search-result .overview-icon { background-color: rgba(238, 238, 236, 0.2); } #dashtodockContainer.left.extended #dash .dash-item-container .app-well-app .app-well-app-running-dot, #dashtodockContainer.left.extended #dash .dash-item-container .grid-search-result .app-well-app-running-dot { margin-bottom: 2px; } #dashtodockContainer.left.extended #dash .dash-item-container > StButton { transition-duration: 250; background-size: contain; } #dashtodockContainer.left.extended.fixed #dash .dash-background { margin-right: 0; } #dashtodockContainer.left.extended.fixed #dash .dash-item-container .app-well-app, #dashtodockContainer.left.extended.fixed #dash .dash-item-container .grid-search-result, #dashtodockContainer.left.extended.fixed #dash .dash-item-container .show-apps { padding-right: 10px; } .dash-label.left { margin: 0; -x-offset: 10px; -y-offset: 0; } #dashtodockContainer.left.extended.shrink #dash { margin: 0px; padding: 0px; } #dashtodockContainer.left.extended.shrink #dash .dash-background { margin: 0; margin-left: 0; padding: 0; border-radius: 0; spacing: 2px; } #dashtodockContainer.left.extended.shrink #dash .dash-separator { background-color: #c7c7c7; width: 0; height: 1px; margin: 1px 0; margin-left: 0; } #dashtodockContainer.left.extended.shrink #dash #dashtodockDashContainer { padding: 0; padding-left: 0; padding-right: 0; } #dashtodockContainer.left.extended.shrink #dash #dashtodockDashContainer > :first-child .show-apps { padding-top: 6px; } #dashtodockContainer.left.extended.shrink #dash #dashtodockDashContainer #dashtodockDashScrollview:first-child { padding-top: 6px; } #dashtodockContainer.left.extended.shrink #dash #dashtodockDashContainer > :last-child .show-apps { padding-bottom: 6px; } #dashtodockContainer.left.extended.shrink #dash #dashtodockDashContainer #dashtodockDashScrollview:last-child { padding-bottom: 6px; } #dashtodockContainer.left.extended.shrink #dash .dash-item-container { /* Disable all margins defined upstream, we handle them here */ margin: 2px 0; } #dashtodockContainer.left.extended.shrink #dash .dash-item-container > * { margin: 0; } #dashtodockContainer.left.extended.shrink #dash .dash-item-container:first-child { margin-top: 0; } #dashtodockContainer.left.extended.shrink #dash .dash-item-container:last-child { margin-bottom: 0; } #dashtodockContainer.left.extended.shrink #dash .dash-item-container .app-well-app, #dashtodockContainer.left.extended.shrink #dash .dash-item-container .grid-search-result, #dashtodockContainer.left.extended.shrink #dash .dash-item-container .show-apps { padding: 1px 1px; padding-left: 3px; padding-right: 3px; } #dashtodockContainer.left.extended.shrink #dash .dash-item-container .app-well-app:first-child, #dashtodockContainer.left.extended.shrink #dash .dash-item-container .grid-search-result:first-child, #dashtodockContainer.left.extended.shrink #dash .dash-item-container .show-apps:first-child { padding-top: 0; } #dashtodockContainer.left.extended.shrink #dash .dash-item-container .app-well-app:last-child, #dashtodockContainer.left.extended.shrink #dash .dash-item-container .grid-search-result:last-child, #dashtodockContainer.left.extended.shrink #dash .dash-item-container .show-apps:last-child { padding-bottom: 0; } #dashtodockContainer.left.extended.shrink #dash .dash-item-container .app-well-app.running .overview-icon, #dashtodockContainer.left.extended.shrink #dash .dash-item-container .running.grid-search-result .overview-icon { background-image: none; } #dashtodockContainer.left.extended.shrink #dash .dash-item-container .app-well-app.focused .overview-icon, #dashtodockContainer.left.extended.shrink #dash .dash-item-container .focused.grid-search-result .overview-icon { background-color: rgba(238, 238, 236, 0.2); } #dashtodockContainer.left.extended.shrink #dash .dash-item-container .app-well-app .app-well-app-running-dot, #dashtodockContainer.left.extended.shrink #dash .dash-item-container .grid-search-result .app-well-app-running-dot { margin-bottom: 2px; } #dashtodockContainer.left.extended.shrink #dash .dash-item-container > StButton { transition-duration: 250; background-size: contain; } #dashtodockContainer.left.extended.shrink.fixed #dash .dash-background { margin-right: 0; } #dashtodockContainer.left.extended.shrink.fixed #dash .dash-item-container .app-well-app, #dashtodockContainer.left.extended.shrink.fixed #dash .dash-item-container .grid-search-result, #dashtodockContainer.left.extended.shrink.fixed #dash .dash-item-container .show-apps { padding-right: 3px; } .dash-label.left.shrink { margin: 0; -x-offset: 3px; -y-offset: 0; } #dashtodockContainer.right #dash { margin: 0px; padding: 0px; } #dashtodockContainer.right #dash .dash-background { margin: 0; margin-right: 4px; padding: 0; border-radius: 18px; spacing: 6px; } #dashtodockContainer.right #dash .dash-separator { background-color: #c7c7c7; width: 0; height: 1px; margin: 4px 0; margin-right: 4px; } #dashtodockContainer.right #dash #dashtodockDashContainer { padding: 10px; padding-right: 0; padding-left: 0; } #dashtodockContainer.right #dash .dash-item-container { /* Disable all margins defined upstream, we handle them here */ margin: 2px 0; } #dashtodockContainer.right #dash .dash-item-container > * { margin: 0; } #dashtodockContainer.right #dash .dash-item-container:first-child { margin-top: 0; } #dashtodockContainer.right #dash .dash-item-container:last-child { margin-bottom: 0; } #dashtodockContainer.right #dash .dash-item-container .app-well-app, #dashtodockContainer.right #dash .dash-item-container .grid-search-result, #dashtodockContainer.right #dash .dash-item-container .show-apps { padding: 2px 2px; padding-right: 14px; padding-left: 10px; } #dashtodockContainer.right #dash .dash-item-container .app-well-app:first-child, #dashtodockContainer.right #dash .dash-item-container .grid-search-result:first-child, #dashtodockContainer.right #dash .dash-item-container .show-apps:first-child { padding-top: 0; } #dashtodockContainer.right #dash .dash-item-container .app-well-app:last-child, #dashtodockContainer.right #dash .dash-item-container .grid-search-result:last-child, #dashtodockContainer.right #dash .dash-item-container .show-apps:last-child { padding-bottom: 0; } #dashtodockContainer.right #dash .dash-item-container .app-well-app.running .overview-icon, #dashtodockContainer.right #dash .dash-item-container .running.grid-search-result .overview-icon { background-image: none; } #dashtodockContainer.right #dash .dash-item-container .app-well-app.focused .overview-icon, #dashtodockContainer.right #dash .dash-item-container .focused.grid-search-result .overview-icon { background-color: rgba(238, 238, 236, 0.2); } #dashtodockContainer.right #dash .dash-item-container .app-well-app .app-well-app-running-dot, #dashtodockContainer.right #dash .dash-item-container .grid-search-result .app-well-app-running-dot { margin-bottom: 2px; } #dashtodockContainer.right #dash .dash-item-container > StButton { transition-duration: 250; background-size: contain; } #dashtodockContainer.right.fixed #dash .dash-background { margin-left: 4px; } #dashtodockContainer.right.fixed #dash .dash-item-container .app-well-app, #dashtodockContainer.right.fixed #dash .dash-item-container .grid-search-result, #dashtodockContainer.right.fixed #dash .dash-item-container .show-apps { padding-left: 14px; } .dash-label.right { margin: 0; -x-offset: 10px; -y-offset: 0; } #dashtodockContainer.right.shrink #dash { margin: 0px; padding: 0px; } #dashtodockContainer.right.shrink #dash .dash-background { margin: 0; margin-right: 4px; padding: 0; border-radius: 14px; spacing: 2px; } #dashtodockContainer.right.shrink #dash .dash-separator { background-color: #c7c7c7; width: 0; height: 1px; margin: 1px 0; margin-right: 4px; } #dashtodockContainer.right.shrink #dash #dashtodockDashContainer { padding: 3px; padding-right: 0; padding-left: 0; } #dashtodockContainer.right.shrink #dash .dash-item-container { /* Disable all margins defined upstream, we handle them here */ margin: 2px 0; } #dashtodockContainer.right.shrink #dash .dash-item-container > * { margin: 0; } #dashtodockContainer.right.shrink #dash .dash-item-container:first-child { margin-top: 0; } #dashtodockContainer.right.shrink #dash .dash-item-container:last-child { margin-bottom: 0; } #dashtodockContainer.right.shrink #dash .dash-item-container .app-well-app, #dashtodockContainer.right.shrink #dash .dash-item-container .grid-search-result, #dashtodockContainer.right.shrink #dash .dash-item-container .show-apps { padding: 1px 1px; padding-right: 7px; padding-left: 3px; } #dashtodockContainer.right.shrink #dash .dash-item-container .app-well-app:first-child, #dashtodockContainer.right.shrink #dash .dash-item-container .grid-search-result:first-child, #dashtodockContainer.right.shrink #dash .dash-item-container .show-apps:first-child { padding-top: 0; } #dashtodockContainer.right.shrink #dash .dash-item-container .app-well-app:last-child, #dashtodockContainer.right.shrink #dash .dash-item-container .grid-search-result:last-child, #dashtodockContainer.right.shrink #dash .dash-item-container .show-apps:last-child { padding-bottom: 0; } #dashtodockContainer.right.shrink #dash .dash-item-container .app-well-app.running .overview-icon, #dashtodockContainer.right.shrink #dash .dash-item-container .running.grid-search-result .overview-icon { background-image: none; } #dashtodockContainer.right.shrink #dash .dash-item-container .app-well-app.focused .overview-icon, #dashtodockContainer.right.shrink #dash .dash-item-container .focused.grid-search-result .overview-icon { background-color: rgba(238, 238, 236, 0.2); } #dashtodockContainer.right.shrink #dash .dash-item-container .app-well-app .app-well-app-running-dot, #dashtodockContainer.right.shrink #dash .dash-item-container .grid-search-result .app-well-app-running-dot { margin-bottom: 2px; } #dashtodockContainer.right.shrink #dash .dash-item-container > StButton { transition-duration: 250; background-size: contain; } #dashtodockContainer.right.shrink.fixed #dash .dash-background { margin-left: 1px; } #dashtodockContainer.right.shrink.fixed #dash .dash-item-container .app-well-app, #dashtodockContainer.right.shrink.fixed #dash .dash-item-container .grid-search-result, #dashtodockContainer.right.shrink.fixed #dash .dash-item-container .show-apps { padding-left: 4px; } .dash-label.right.shrink { margin: 0; -x-offset: 3px; -y-offset: 0; } #dashtodockContainer.right.extended #dash { margin: 0px; padding: 0px; } #dashtodockContainer.right.extended #dash .dash-background { margin: 0; margin-right: 0; padding: 0; border-radius: 0; spacing: 6px; } #dashtodockContainer.right.extended #dash .dash-separator { background-color: #c7c7c7; width: 0; height: 1px; margin: 4px 0; margin-right: 0; } #dashtodockContainer.right.extended #dash #dashtodockDashContainer { padding: 0; padding-right: 0; padding-left: 0; } #dashtodockContainer.right.extended #dash #dashtodockDashContainer > :first-child .show-apps { padding-top: 8px; } #dashtodockContainer.right.extended #dash #dashtodockDashContainer #dashtodockDashScrollview:first-child { padding-top: 8px; } #dashtodockContainer.right.extended #dash #dashtodockDashContainer > :last-child .show-apps { padding-bottom: 8px; } #dashtodockContainer.right.extended #dash #dashtodockDashContainer #dashtodockDashScrollview:last-child { padding-bottom: 8px; } #dashtodockContainer.right.extended #dash .dash-item-container { /* Disable all margins defined upstream, we handle them here */ margin: 2px 0; } #dashtodockContainer.right.extended #dash .dash-item-container > * { margin: 0; } #dashtodockContainer.right.extended #dash .dash-item-container:first-child { margin-top: 0; } #dashtodockContainer.right.extended #dash .dash-item-container:last-child { margin-bottom: 0; } #dashtodockContainer.right.extended #dash .dash-item-container .app-well-app, #dashtodockContainer.right.extended #dash .dash-item-container .grid-search-result, #dashtodockContainer.right.extended #dash .dash-item-container .show-apps { padding: 2px 2px; padding-right: 10px; padding-left: 10px; } #dashtodockContainer.right.extended #dash .dash-item-container .app-well-app:first-child, #dashtodockContainer.right.extended #dash .dash-item-container .grid-search-result:first-child, #dashtodockContainer.right.extended #dash .dash-item-container .show-apps:first-child { padding-top: 0; } #dashtodockContainer.right.extended #dash .dash-item-container .app-well-app:last-child, #dashtodockContainer.right.extended #dash .dash-item-container .grid-search-result:last-child, #dashtodockContainer.right.extended #dash .dash-item-container .show-apps:last-child { padding-bottom: 0; } #dashtodockContainer.right.extended #dash .dash-item-container .app-well-app.running .overview-icon, #dashtodockContainer.right.extended #dash .dash-item-container .running.grid-search-result .overview-icon { background-image: none; } #dashtodockContainer.right.extended #dash .dash-item-container .app-well-app.focused .overview-icon, #dashtodockContainer.right.extended #dash .dash-item-container .focused.grid-search-result .overview-icon { background-color: rgba(238, 238, 236, 0.2); } #dashtodockContainer.right.extended #dash .dash-item-container .app-well-app .app-well-app-running-dot, #dashtodockContainer.right.extended #dash .dash-item-container .grid-search-result .app-well-app-running-dot { margin-bottom: 2px; } #dashtodockContainer.right.extended #dash .dash-item-container > StButton { transition-duration: 250; background-size: contain; } #dashtodockContainer.right.extended.fixed #dash .dash-background { margin-left: 0; } #dashtodockContainer.right.extended.fixed #dash .dash-item-container .app-well-app, #dashtodockContainer.right.extended.fixed #dash .dash-item-container .grid-search-result, #dashtodockContainer.right.extended.fixed #dash .dash-item-container .show-apps { padding-left: 10px; } .dash-label.right { margin: 0; -x-offset: 10px; -y-offset: 0; } #dashtodockContainer.right.extended.shrink #dash { margin: 0px; padding: 0px; } #dashtodockContainer.right.extended.shrink #dash .dash-background { margin: 0; margin-right: 0; padding: 0; border-radius: 0; spacing: 2px; } #dashtodockContainer.right.extended.shrink #dash .dash-separator { background-color: #c7c7c7; width: 0; height: 1px; margin: 1px 0; margin-right: 0; } #dashtodockContainer.right.extended.shrink #dash #dashtodockDashContainer { padding: 0; padding-right: 0; padding-left: 0; } #dashtodockContainer.right.extended.shrink #dash #dashtodockDashContainer > :first-child .show-apps { padding-top: 6px; } #dashtodockContainer.right.extended.shrink #dash #dashtodockDashContainer #dashtodockDashScrollview:first-child { padding-top: 6px; } #dashtodockContainer.right.extended.shrink #dash #dashtodockDashContainer > :last-child .show-apps { padding-bottom: 6px; } #dashtodockContainer.right.extended.shrink #dash #dashtodockDashContainer #dashtodockDashScrollview:last-child { padding-bottom: 6px; } #dashtodockContainer.right.extended.shrink #dash .dash-item-container { /* Disable all margins defined upstream, we handle them here */ margin: 2px 0; } #dashtodockContainer.right.extended.shrink #dash .dash-item-container > * { margin: 0; } #dashtodockContainer.right.extended.shrink #dash .dash-item-container:first-child { margin-top: 0; } #dashtodockContainer.right.extended.shrink #dash .dash-item-container:last-child { margin-bottom: 0; } #dashtodockContainer.right.extended.shrink #dash .dash-item-container .app-well-app, #dashtodockContainer.right.extended.shrink #dash .dash-item-container .grid-search-result, #dashtodockContainer.right.extended.shrink #dash .dash-item-container .show-apps { padding: 1px 1px; padding-right: 3px; padding-left: 3px; } #dashtodockContainer.right.extended.shrink #dash .dash-item-container .app-well-app:first-child, #dashtodockContainer.right.extended.shrink #dash .dash-item-container .grid-search-result:first-child, #dashtodockContainer.right.extended.shrink #dash .dash-item-container .show-apps:first-child { padding-top: 0; } #dashtodockContainer.right.extended.shrink #dash .dash-item-container .app-well-app:last-child, #dashtodockContainer.right.extended.shrink #dash .dash-item-container .grid-search-result:last-child, #dashtodockContainer.right.extended.shrink #dash .dash-item-container .show-apps:last-child { padding-bottom: 0; } #dashtodockContainer.right.extended.shrink #dash .dash-item-container .app-well-app.running .overview-icon, #dashtodockContainer.right.extended.shrink #dash .dash-item-container .running.grid-search-result .overview-icon { background-image: none; } #dashtodockContainer.right.extended.shrink #dash .dash-item-container .app-well-app.focused .overview-icon, #dashtodockContainer.right.extended.shrink #dash .dash-item-container .focused.grid-search-result .overview-icon { background-color: rgba(238, 238, 236, 0.2); } #dashtodockContainer.right.extended.shrink #dash .dash-item-container .app-well-app .app-well-app-running-dot, #dashtodockContainer.right.extended.shrink #dash .dash-item-container .grid-search-result .app-well-app-running-dot { margin-bottom: 2px; } #dashtodockContainer.right.extended.shrink #dash .dash-item-container > StButton { transition-duration: 250; background-size: contain; } #dashtodockContainer.right.extended.shrink.fixed #dash .dash-background { margin-left: 0; } #dashtodockContainer.right.extended.shrink.fixed #dash .dash-item-container .app-well-app, #dashtodockContainer.right.extended.shrink.fixed #dash .dash-item-container .grid-search-result, #dashtodockContainer.right.extended.shrink.fixed #dash .dash-item-container .show-apps { padding-left: 3px; } .dash-label.right.shrink { margin: 0; -x-offset: 3px; -y-offset: 0; } #dashtodockContainer.top.shrink #dash .dash-background { margin-top: 4px; margin-bottom: 0; } #dashtodockContainer.straight-corner #dash .dash-background, #dashtodockContainer.shrink.straight-corner #dash .dash-background { border-radius: 0px; } /* Scrollview style */ .bottom #dashtodockDashScrollview, .top #dashtodockDashScrollview { -st-hfade-offset: 24px; } .left #dashtodockDashScrollview, .right #dashtodockDashScrollview { -st-vfade-offset: 24px; } #dashtodockContainer.dashtodock #dash .dash-background { background: #1d1d1d; } #dashtodockContainer.dashtodock .progress-bar { /* Customization of the progress bar style, e.g.: -progress-bar-background: rgba(0.8, 0.8, 0.8, 1); -progress-bar-border: rgba(0.9, 0.9, 0.9, 1); */ } #dashtodockContainer.top #dash .placeholder, #dashtodockContainer.bottom #dash .placeholder { width: 32px; height: 1px; } /* * This is applied to a dummy actor. Only the alpha value for the background and border color * and the transition-duration are used */ #dashtodockContainer.dummy-opaque { background-color: rgba(0, 0, 0, 0.8); border-color: rgba(0, 0, 0, 0.4); transition-duration: 300ms; } /* * This is applied to a dummy actor. Only the alpha value for the background and border color * and the transition-duration are used */ #dashtodockContainer.dummy-transparent { background-color: rgba(0, 0, 0, 0.2); border-color: rgba(0, 0, 0, 0.1); transition-duration: 500ms; } #dashtodockContainer .number-overlay { color: white; background-color: rgba(0, 0, 0, 0.8); text-align: center; } #dashtodockContainer .notification-badge { color: white; background-color: red; padding: 0.2em 0.5em; border-radius: 1em; font-weight: bold; text-align: center; margin: 2px; } #dashtodockPreviewSeparator.popup-separator-menu-item-horizontal { width: 1px; height: auto; border-right-width: 1px; margin: 32px 0px; } .dashtodock-app-well-preview-menu-item { padding: 1em 1em 0.5em 1em; } #dashtodockContainer .metro .overview-icon { border-radius: 0px; } #dashtodockContainer.bottom .metro.running2.focused, #dashtodockContainer.top .metro.running2.focused { background-image: url("./media/highlight_stacked_bg.svg"); background-position: 0px 0px; background-size: contain; } #dashtodockContainer.left .metro.running2.focused, #dashtodockContainer.right .metro.running2.focused { background-image: url("./media/highlight_stacked_bg_h.svg"); background-position: 0px 0px; background-size: contain; } #dashtodockContainer.bottom .metro.running3.focused, #dashtodockContainer.top .metro.running3.focused { background-image: url("./media/highlight_stacked_bg.svg"); background-position: 0px 0px; background-size: contain; } #dashtodockContainer.left .metro.running3.focused, #dashtodockContainer.right .metro.running3.focused { background-image: url("./media/highlight_stacked_bg_h.svg"); background-position: 0px 0px; background-size: contain; } #dashtodockContainer.bottom .metro.running4.focused, #dashtodockContainer.top .metro.running4.focused { background-image: url("./media/highlight_stacked_bg.svg"); background-position: 0px 0px; background-size: contain; } #dashtodockContainer.left .metro.running4.focused, #dashtodockContainer.right .metro.running4.focused { background-image: url("./media/highlight_stacked_bg_h.svg"); background-position: 0px 0px; background-size: contain; } /* Yaru Dock styling */ #dashtodockContainer.bottom #dash, #dashtodockContainer.bottom.dashtodock #dash, #dashtodockContainer.bottom.shrink #dash { margin: 0px; padding: 0px; } #dashtodockContainer.bottom #dash .dash-background, #dashtodockContainer.bottom.dashtodock #dash .dash-background, #dashtodockContainer.bottom.shrink #dash .dash-background { background: rgba(19, 19, 19, 0.75); transition-duration: 250ms; } #dashtodockContainer.bottom #dash .dash-separator, #dashtodockContainer.bottom.dashtodock #dash .dash-separator, #dashtodockContainer.bottom.shrink #dash .dash-separator { background: rgba(238, 238, 236, 0.3); } #dashtodockContainer.bottom.overview #dash .dash-background, #dashtodockContainer.bottom.overview.dashtodock #dash .dash-background, #dashtodockContainer.bottom.overview.shrink #dash .dash-background { background-color: #131313; } #dashtodockContainer.bottom.extended #dash .dash-background, #dashtodockContainer.bottom.extended.dashtodock #dash .dash-background, #dashtodockContainer.bottom.extended.shrink #dash .dash-background { border: none; } #dashtodockContainer.bottom .dash-item-container .show-apps, #dashtodockContainer.bottom .dash-item-container .app-well-app, #dashtodockContainer.bottom .dash-item-container .grid-search-result { border-radius: 18px; } #dashtodockContainer.bottom .dash-item-container .show-apps:active .overview-icon, #dashtodockContainer.bottom .dash-item-container .show-apps:checked .overview-icon, #dashtodockContainer.bottom .dash-item-container .app-well-app:active .overview-icon, #dashtodockContainer.bottom .dash-item-container .grid-search-result:active .overview-icon, #dashtodockContainer.bottom .dash-item-container .app-well-app:checked .overview-icon, #dashtodockContainer.bottom .dash-item-container .grid-search-result:checked .overview-icon { background-color: rgba(255, 255, 255, 0.25); box-shadow: none; } #dashtodockContainer.bottom .notification-badge { background-color: #109b26; border: 1px solid #0c6d1a; box-shadow: -1px 1px 5px 0px rgba(0, 0, 0, 0.5); } #dashtodockContainer.top #dash, #dashtodockContainer.top.dashtodock #dash, #dashtodockContainer.top.shrink #dash { margin: 0px; padding: 0px; } #dashtodockContainer.top #dash .dash-background, #dashtodockContainer.top.dashtodock #dash .dash-background, #dashtodockContainer.top.shrink #dash .dash-background { background: rgba(19, 19, 19, 0.75); transition-duration: 250ms; } #dashtodockContainer.top #dash .dash-separator, #dashtodockContainer.top.dashtodock #dash .dash-separator, #dashtodockContainer.top.shrink #dash .dash-separator { background: rgba(238, 238, 236, 0.3); } #dashtodockContainer.top.overview #dash .dash-background, #dashtodockContainer.top.overview.dashtodock #dash .dash-background, #dashtodockContainer.top.overview.shrink #dash .dash-background { background-color: #131313; } #dashtodockContainer.top.extended #dash .dash-background, #dashtodockContainer.top.extended.dashtodock #dash .dash-background, #dashtodockContainer.top.extended.shrink #dash .dash-background { border: none; } #dashtodockContainer.top .dash-item-container .show-apps, #dashtodockContainer.top .dash-item-container .app-well-app, #dashtodockContainer.top .dash-item-container .grid-search-result { border-radius: 18px; } #dashtodockContainer.top .dash-item-container .show-apps:active .overview-icon, #dashtodockContainer.top .dash-item-container .show-apps:checked .overview-icon, #dashtodockContainer.top .dash-item-container .app-well-app:active .overview-icon, #dashtodockContainer.top .dash-item-container .grid-search-result:active .overview-icon, #dashtodockContainer.top .dash-item-container .app-well-app:checked .overview-icon, #dashtodockContainer.top .dash-item-container .grid-search-result:checked .overview-icon { background-color: rgba(255, 255, 255, 0.25); box-shadow: none; } #dashtodockContainer.top .notification-badge { background-color: #109b26; border: 1px solid #0c6d1a; box-shadow: -1px 1px 5px 0px rgba(0, 0, 0, 0.5); } #dashtodockContainer.left #dash, #dashtodockContainer.left.dashtodock #dash, #dashtodockContainer.left.shrink #dash { margin: 0px; padding: 0px; } #dashtodockContainer.left #dash .dash-background, #dashtodockContainer.left.dashtodock #dash .dash-background, #dashtodockContainer.left.shrink #dash .dash-background { background: rgba(19, 19, 19, 0.75); transition-duration: 250ms; } #dashtodockContainer.left #dash .dash-separator, #dashtodockContainer.left.dashtodock #dash .dash-separator, #dashtodockContainer.left.shrink #dash .dash-separator { background: rgba(238, 238, 236, 0.3); } #dashtodockContainer.left.overview #dash .dash-background, #dashtodockContainer.left.overview.dashtodock #dash .dash-background, #dashtodockContainer.left.overview.shrink #dash .dash-background { background-color: #131313; } #dashtodockContainer.left.extended #dash .dash-background, #dashtodockContainer.left.extended.dashtodock #dash .dash-background, #dashtodockContainer.left.extended.shrink #dash .dash-background { border: none; } #dashtodockContainer.left .dash-item-container .show-apps, #dashtodockContainer.left .dash-item-container .app-well-app, #dashtodockContainer.left .dash-item-container .grid-search-result { border-radius: 18px; } #dashtodockContainer.left .dash-item-container .show-apps:active .overview-icon, #dashtodockContainer.left .dash-item-container .show-apps:checked .overview-icon, #dashtodockContainer.left .dash-item-container .app-well-app:active .overview-icon, #dashtodockContainer.left .dash-item-container .grid-search-result:active .overview-icon, #dashtodockContainer.left .dash-item-container .app-well-app:checked .overview-icon, #dashtodockContainer.left .dash-item-container .grid-search-result:checked .overview-icon { background-color: rgba(255, 255, 255, 0.25); box-shadow: none; } #dashtodockContainer.left .notification-badge { background-color: #109b26; border: 1px solid #0c6d1a; box-shadow: -1px 1px 5px 0px rgba(0, 0, 0, 0.5); } #dashtodockContainer.right #dash, #dashtodockContainer.right.dashtodock #dash, #dashtodockContainer.right.shrink #dash { margin: 0px; padding: 0px; } #dashtodockContainer.right #dash .dash-background, #dashtodockContainer.right.dashtodock #dash .dash-background, #dashtodockContainer.right.shrink #dash .dash-background { background: rgba(19, 19, 19, 0.75); transition-duration: 250ms; } #dashtodockContainer.right #dash .dash-separator, #dashtodockContainer.right.dashtodock #dash .dash-separator, #dashtodockContainer.right.shrink #dash .dash-separator { background: rgba(238, 238, 236, 0.3); } #dashtodockContainer.right.overview #dash .dash-background, #dashtodockContainer.right.overview.dashtodock #dash .dash-background, #dashtodockContainer.right.overview.shrink #dash .dash-background { background-color: #131313; } #dashtodockContainer.right.extended #dash .dash-background, #dashtodockContainer.right.extended.dashtodock #dash .dash-background, #dashtodockContainer.right.extended.shrink #dash .dash-background { border: none; } #dashtodockContainer.right .dash-item-container .show-apps, #dashtodockContainer.right .dash-item-container .app-well-app, #dashtodockContainer.right .dash-item-container .grid-search-result { border-radius: 18px; } #dashtodockContainer.right .dash-item-container .show-apps:active .overview-icon, #dashtodockContainer.right .dash-item-container .show-apps:checked .overview-icon, #dashtodockContainer.right .dash-item-container .app-well-app:active .overview-icon, #dashtodockContainer.right .dash-item-container .grid-search-result:active .overview-icon, #dashtodockContainer.right .dash-item-container .app-well-app:checked .overview-icon, #dashtodockContainer.right .dash-item-container .grid-search-result:checked .overview-icon { background-color: rgba(255, 255, 255, 0.25); box-shadow: none; } #dashtodockContainer.right .notification-badge { background-color: #109b26; border: 1px solid #0c6d1a; box-shadow: -1px 1px 5px 0px rgba(0, 0, 0, 0.5); } (uuay)checkbox-prussiangreen.svgG <svg width="24" height="24" xmlns="http://www.w3.org/2000/svg"><rect x="1.5" y="1.5" width="21" height="21" fill="#308280" stroke="#308280" stroke-linejoin="round" style="stroke-width:1" rx="3"/><path d="m20.16 7.527-1.253-1.414-.118.104-8.478 7.426-4.97-4.263-1.503 1.699 6.474 6.811z" fill="#fff" fill-rule="evenodd"/></svg> (uuay)checkbox-bark.svgG <svg width="24" height="24" xmlns="http://www.w3.org/2000/svg"><rect x="1.5" y="1.5" width="21" height="21" fill="#787859" stroke="#787859" stroke-linejoin="round" style="stroke-width:1" rx="3"/><path d="m20.16 7.527-1.253-1.414-.118.104-8.478 7.426-4.97-4.263-1.503 1.699 6.474 6.811z" fill="#fff" fill-rule="evenodd"/></svg> (uuay)checkbox-off-focused-magenta-dark.svg � <svg width="24" height="24" xmlns="http://www.w3.org/2000/svg"><rect x="1.5" y="1.5" width="21" height="21" fill="#4a4a4a" stroke="#cd89cd" stroke-linejoin="round" rx="3" style="fill:#222222"/></svg> (uuay)checkbox-prussiangreen-dark.svg G <svg width="24" height="24" xmlns="http://www.w3.org/2000/svg"><rect x="1.5" y="1.5" width="21" height="21" fill="#308280" stroke="#308280" stroke-linejoin="round" style="stroke-width:1" rx="3"/><path d="m20.16 7.527-1.253-1.414-.118.104-8.478 7.426-4.97-4.263-1.503 1.699 6.474 6.811z" fill="#fff" fill-rule="evenodd"/></svg> (uuay)toggle-off-hc-light.svg C <svg width="48" height="26" xmlns="http://www.w3.org/2000/svg"><g transform="translate(0 -291.18)"><rect style="fill:#000;stroke:none;stroke-width:1;marker:none;fill-opacity:.5" width="48" height="26" x="-48" y="291.18" ry="13" fill="#3081e3" rx="13" transform="scale(-1 1)"/><rect ry="11" rx="11" y="293.18" x="-24" height="22" width="22" style="stroke:none;stroke-width:.999999;marker:none" fill="#f8f7f7" transform="scale(-1 1)"/><path style="fill:#f8f7f7;fill-opacity:1;stroke:none;stroke-width:2;stroke-linejoin:round;stroke-dashoffset:2" d="M29 303.18h12v2H29z"/></g></svg> (uuay)toggle-off-bark-dark.svg P <svg width="48" height="26" xmlns="http://www.w3.org/2000/svg"><rect style="fill:#4a4a4a;fill-opacity:1;stroke:none;stroke-width:1;marker:none" width="48" height="26" x="-48" ry="13" fill="#3081e3" rx="13" transform="scale(-1 1)"/><rect ry="11" rx="11" y="3" x="-24" height="22" width="22" style="fill:#000;fill-opacity:.2;stroke:none;stroke-width:.999999;marker:none" fill="#f8f7f7" transform="scale(-1 1)"/><rect ry="11" rx="11" y="2" x="-24" height="22" width="22" style="fill:#fff;fill-opacity:1;stroke:none;stroke-width:.999999;marker:none" fill="#f8f7f7" transform="scale(-1 1)"/></svg> (uuay)gnome-shell-viridian-dark.css � /* This stylesheet is generated, DO NOT EDIT */ /* Copyright 2009, 2015 Red Hat, Inc. * * Portions adapted from Mx's data/style/default.css * Copyright 2009 Intel Corporation * * This program is free software; you can redistribute it and/or modify it * under the terms and conditions of the GNU Lesser General Public License, * version 2.1, as published by the Free Software Foundation. * * This program is distributed in the hope it will be useful, but WITHOUT ANY * WARRANTY; without even the implied warranty of MERCHANTABILITY or FITNESS * FOR A PARTICULAR PURPOSE. See the GNU Lesser General Public License for * more details. * * You should have received a copy of the GNU Lesser General Public License * along with this program; if not, write to the Free Software Foundation, * Inc., 51 Franklin St - Fifth Floor, Boston, MA 02110-1301 USA. */ /* Global Values */ stage { font-size: 11pt; color: #F7F7F7; } /* Common Stylings */ .screenshot-ui-panel, .workspace-switcher, .switcher-list, .resize-popup, .osd-monitor-label, .osd-window { color: #eeeeec; background-color: rgba(29, 29, 29, 0.975); border: 1px solid #464646; border-radius: 999px; padding: 12px; box-shadow: 0 3px 9px 1px rgba(0, 0, 0, 0.5); } .workspace-thumbnails .workspace-thumbnail { color: #eeeeec; background-color: rgba(238, 238, 236, 0.1); } .app-well-app.app-folder .overview-icon, .app-folder.grid-search-result .overview-icon, .app-well-app .overview-icon, .grid-search-result .overview-icon, .dash-item-container .show-apps .overview-icon, .list-search-result, .search-provider-icon, .switcher-list .item-box { border-radius: 12px; padding: 6px; spacing: 6px; border: 2px solid transparent; transition-duration: 100ms; text-align: center; color: #eeeeec; } .modal-dialog { color: #F7F7F7; background-color: #1d1d1d; border-radius: 8.5px; border: 1px solid rgba(247, 247, 247, 0.15); } #LookingGlassDialog > #Toolbar .lg-toolbar-button, .pad-osd-window .button, .button, .app-folder-dialog .folder-name-container .edit-folder-button { border-radius: 4px; border-style: solid; border-width: 1px; font-weight: bold; padding: 3px 24px; color: #F7F7F7; background-color: #2c2c2c; } #LookingGlassDialog > #Toolbar .lg-toolbar-button:focus, .button:focus, .app-folder-dialog .folder-name-container .edit-folder-button:focus { color: #F7F7F7; background-color: #2c2c2c; box-shadow: inset 0 0 0 2px #05cd8a; } #LookingGlassDialog > #Toolbar .lg-toolbar-button:focus:hover, .button:focus:hover, .app-folder-dialog .folder-name-container .edit-folder-button:focus:hover { background-color: #343434; box-shadow: inset 0 0 0 2px #05cd8a; } #LookingGlassDialog > #Toolbar .lg-toolbar-button:focus:active, .button:focus:active, .app-folder-dialog .folder-name-container .edit-folder-button:focus:active { background-color: #3b3b3b; box-shadow: inset 0 0 0 2px #05cd8a; } #LookingGlassDialog > #Toolbar .lg-toolbar-button:hover, .button:hover, .app-folder-dialog .folder-name-container .edit-folder-button:hover { color: #F7F7F7; background-color: #343434; } #LookingGlassDialog > #Toolbar .lg-toolbar-button:insensitive, .button:insensitive, .app-folder-dialog .folder-name-container .edit-folder-button:insensitive { color: rgba(247, 247, 247, 0.5); background-color: rgba(247, 247, 247, 0.05); } #LookingGlassDialog > #Toolbar .lg-toolbar-button:active, .button:active, .app-folder-dialog .folder-name-container .edit-folder-button:active { color: #F7F7F7; background-color: #3b3b3b; } #LookingGlassDialog > #Toolbar .lg-toolbar-button:checked, .button:checked, .app-folder-dialog .folder-name-container .edit-folder-button:checked { color: #F7F7F7; background-color: #434343; } #LookingGlassDialog > #Toolbar .lg-toolbar-button:checked:hover, .button:checked:hover, .app-folder-dialog .folder-name-container .edit-folder-button:checked:hover { background-color: #4b4b4b; } #LookingGlassDialog > #Toolbar .lg-toolbar-button:checked:active, .button:checked:active, .app-folder-dialog .folder-name-container .edit-folder-button:checked:active { background-color: #525252; } .app-folder-dialog .folder-name-container .edit-folder-button { color: #F7F7F7; background-color: #2c2c2c; } .app-folder-dialog .folder-name-container .edit-folder-button:focus { color: #F7F7F7; background-color: #2c2c2c; box-shadow: inset 0 0 0 2px #05cd8a; } .app-folder-dialog .folder-name-container .edit-folder-button:focus:hover { background-color: #343434; box-shadow: inset 0 0 0 2px #05cd8a; } .app-folder-dialog .folder-name-container .edit-folder-button:focus:active { background-color: #3b3b3b; box-shadow: inset 0 0 0 2px #05cd8a; } .app-folder-dialog .folder-name-container .edit-folder-button:hover { color: #F7F7F7; background-color: #343434; } .app-folder-dialog .folder-name-container .edit-folder-button:insensitive { color: rgba(247, 247, 247, 0.5); background-color: rgba(247, 247, 247, 0.05); } .app-folder-dialog .folder-name-container .edit-folder-button:active { color: #F7F7F7; background-color: #3b3b3b; } .app-folder-dialog .folder-name-container .edit-folder-button:checked { color: #F7F7F7; background-color: #434343; } .app-folder-dialog .folder-name-container .edit-folder-button:checked:hover { background-color: #4b4b4b; } .app-folder-dialog .folder-name-container .edit-folder-button:checked:active { background-color: #525252; } .modal-dialog .modal-dialog-linked-button, .hotplug-notification-item, .notification-banner .notification-button { padding: 12px; color: #F7F7F7; background-color: #2c2c2c; } .modal-dialog .modal-dialog-linked-button:ltr, .hotplug-notification-item:ltr, .notification-banner .notification-button:ltr { margin-right: 1px; } .modal-dialog .modal-dialog-linked-button:rtl, .hotplug-notification-item:rtl, .notification-banner .notification-button:rtl { margin-left: 1px; } .modal-dialog .modal-dialog-linked-button:insensitive, .hotplug-notification-item:insensitive, .notification-banner .notification-button:insensitive { color: rgba(247, 247, 247, 0.5); background-color: rgba(247, 247, 247, 0.05); } .modal-dialog .modal-dialog-linked-button:focus, .hotplug-notification-item:focus, .notification-banner .notification-button:focus { color: #F7F7F7; background-color: #2c2c2c; box-shadow: inset 0 0 0 2px #05cd8a; } .modal-dialog .modal-dialog-linked-button:focus:hover, .hotplug-notification-item:focus:hover, .notification-banner .notification-button:focus:hover { background-color: #343434; box-shadow: inset 0 0 0 2px #05cd8a; } .modal-dialog .modal-dialog-linked-button:focus:active, .hotplug-notification-item:focus:active, .notification-banner .notification-button:focus:active { background-color: #3b3b3b; box-shadow: inset 0 0 0 2px #05cd8a; } .modal-dialog .modal-dialog-linked-button:hover, .hotplug-notification-item:hover, .notification-banner .notification-button:hover { color: #F7F7F7; background-color: #343434; } .modal-dialog .modal-dialog-linked-button:active, .hotplug-notification-item:active, .notification-banner .notification-button:active { color: #F7F7F7; background-color: #3b3b3b; } .modal-dialog .modal-dialog-linked-button:first-child:ltr, .hotplug-notification-item:first-child:ltr, .notification-banner .notification-button:first-child:ltr { border-radius: 0 0 0 7.5px; } .modal-dialog .modal-dialog-linked-button:last-child:ltr, .hotplug-notification-item:last-child:ltr, .notification-banner .notification-button:last-child:ltr { border-radius: 0 0 7.5px 0; margin-right: 0 !important; } .modal-dialog .modal-dialog-linked-button:first-child:rtl, .hotplug-notification-item:first-child:rtl, .notification-banner .notification-button:first-child:rtl { border-radius: 0 0 7.5px 0; margin-left: 0 !important; } .modal-dialog .modal-dialog-linked-button:last-child:rtl, .hotplug-notification-item:last-child:rtl, .notification-banner .notification-button:last-child:rtl { border-radius: 0 0 0 7.5px; margin-right: 0 !important; } .modal-dialog .modal-dialog-linked-button:first-child:last-child, .hotplug-notification-item:first-child:last-child, .notification-banner .notification-button:first-child:last-child { border-radius: 0 0 7.5px 7.5px !important; margin-left: 0 !important; margin-right: 0 !important; } .screenshot-ui-show-pointer-button, .screenshot-ui-type-button { background-color: transparent; background-color: none; } .screenshot-ui-show-pointer-button:insensitive, .screenshot-ui-type-button:insensitive { color: rgba(247, 247, 247, 0.5); background-color: rgba(247, 247, 247, 0.05); background-color: transparent; color: rgba(255, 255, 255, 0.5); } .screenshot-ui-show-pointer-button:insensitive, .screenshot-ui-type-button:insensitive { background-color: transparent; background-color: none; } .screenshot-ui-show-pointer-button:insensitive:insensitive, .screenshot-ui-type-button:insensitive:insensitive { color: rgba(247, 247, 247, 0.5); background-color: rgba(247, 247, 247, 0.05); background-color: transparent; color: rgba(255, 255, 255, 0.5); } .screenshot-ui-show-pointer-button:focus, .screenshot-ui-type-button:focus { color: #eeeeec; background-color: rgba(44, 44, 44, 0.97675); box-shadow: inset 0 0 0 2px #05cd8a; } .screenshot-ui-show-pointer-button:focus:hover, .screenshot-ui-type-button:focus:hover { background-color: rgba(52, 52, 52, 0.97675); box-shadow: inset 0 0 0 2px #05cd8a; } .screenshot-ui-show-pointer-button:focus:active, .screenshot-ui-type-button:focus:active { background-color: rgba(59, 59, 59, 0.97675); box-shadow: inset 0 0 0 2px #05cd8a; } .screenshot-ui-show-pointer-button:hover, .screenshot-ui-type-button:hover { color: #eeeeec; background-color: rgba(52, 52, 52, 0.97675); } .screenshot-ui-show-pointer-button:active, .screenshot-ui-type-button:active { color: #eeeeec; background-color: rgba(59, 59, 59, 0.97675); } .screenshot-ui-show-pointer-button:outlined, .screenshot-ui-type-button:outlined, .screenshot-ui-show-pointer-button:checked, .screenshot-ui-type-button:checked { color: #eeeeec; background-color: rgba(67, 67, 67, 0.97675); } .screenshot-ui-show-pointer-button:outlined:hover, .screenshot-ui-type-button:outlined:hover, .screenshot-ui-show-pointer-button:checked:hover, .screenshot-ui-type-button:checked:hover { background-color: rgba(75, 75, 75, 0.97675); } .screenshot-ui-show-pointer-button:outlined:active, .screenshot-ui-type-button:outlined:active, .screenshot-ui-show-pointer-button:checked:active, .screenshot-ui-type-button:checked:active { background-color: rgba(82, 82, 82, 0.97675); } /* General Typography */ .app-folder-dialog .folder-name-container .folder-name-label, .app-folder-dialog .folder-name-container .folder-name-entry, .search-statustext { font-weight: 800; font-size: 20pt; } .lg-debug-flags-header, .message-dialog-content .message-dialog-title, .message-list .message-list-placeholder, .datemenu-today-button .date-label { font-weight: 800; font-size: 15pt; } .nm-dialog-airplane-headline { font-weight: 700; font-size: 15pt; } .message-dialog-content .message-dialog-title.lightweight, .headline { font-weight: 700; font-size: 13pt; } .lg-extension-name, .osd-window, .nm-dialog-header, .dialog-list .dialog-list-title, .message-list-controls, .weather-button .weather-forecast-temp, .weather-button .weather-header, .world-clocks-button .world-clocks-time, .world-clocks-button .world-clocks-header, .events-button .events-title, .calendar .calendar-month-header .calendar-month-label, .datemenu-today-button .day-label, .popup-menu-ornament { font-weight: 700; font-size: 11pt; } .app-menu .popup-inactive-menu-item:first-child > StLabel { font-weight: 700; font-size: 9pt; } .login-dialog-not-listed-label, .lg-completions-text, .caps-lock-warning-label, #dash, .icon-label-button-container, .prompt-dialog-error-label, .prompt-dialog-info-label, .prompt-dialog-null-label, .run-dialog .run-dialog-description, .dialog-list .dialog-list-box .dialog-list-item .dialog-list-item-description, .weather-button .weather-forecast-time, .world-clocks-button .world-clocks-timezone, .events-button .event-time { font-weight: 400; font-size: 9pt; } .calendar .calendar-day-base.calendar-day-heading, .calendar .calendar-day-base { font-weight: 400; font-size: 8pt; } .unlock-dialog-clock-time, #panel, .weather-button .weather-forecast-time, .world-clocks-button .world-clocks-timezone, .world-clocks-button .world-clocks-time, .events-button .event-time, .calendar .calendar-day-base { font-feature-settings: "tnum"; } /* WIDGETS */ .shell-link { color: #05eb9e; } .shell-link:hover { color: #29fab4; } .lowres-icon { icon-shadow: 0 1px 2px rgba(0, 0, 0, 0.3); } .icon-dropshadow { icon-shadow: 0 1px 5px rgba(0, 0, 0, 0.8); } /* Entries */ StEntry { min-height: 22px; border-radius: 6px; padding: 8px; border-width: 1px; color: #F7F7F7; background-color: #1d1d1d; color: rgba(247, 247, 247, 0.7); border: 1px solid #464646; selection-background-color: #03875B; selected-color: #FFFFFF; } StEntry:hover { background-color: #1d1d1d; border-color: #535353; color: #F7F7F7; } StEntry:focus { background-color: #1d1d1d; border-color: #05cd8a; box-shadow: 0 0 0 1px #05cd8a inset; color: #F7F7F7; } StEntry:insensitive { background-color: #2c2c2c; border-color: #2c2c2c; color: #8a8a8a; } StEntry StIcon.capslock-warning { icon-size: 16px; warning-color: #f99b11; padding: 0 4px; } StEntry StIcon.peek-password { icon-size: 1.09em; padding: 0 4px; } StEntry StLabel.hint-text { margin-left: 2px; color: rgba(247, 247, 247, 0.7); } /* Buttons */ .button { min-height: 22px; } /* Check Boxes */ .check-box StBoxLayout { spacing: .8em; } .check-box StBin { width: 24px; height: 22px; background-image: url("resource:///org/gnome/shell/theme/checkbox-off-viridian-dark.svg"); } .check-box:focus StBin { background-image: url("resource:///org/gnome/shell/theme/checkbox-off-focused-viridian-dark.svg"); } .check-box:checked StBin { background-image: url("resource:///org/gnome/shell/theme/checkbox-viridian-dark.svg"); } .check-box:focus:checked StBin { background-image: url("resource:///org/gnome/shell/theme/checkbox-focused-viridian-dark.svg"); } /* Switches */ .toggle-switch { color: #F7F7F7; height: 26px; width: 48px; background-size: contain; background-image: url("resource:///org/gnome/shell/theme/toggle-off-viridian-dark.svg"); } .toggle-switch:checked { background-image: url("resource:///org/gnome/shell/theme/toggle-on-viridian-dark.svg"); } /* Slider */ .slider { -barlevel-height: 4px; -barlevel-background-color: rgba(247, 247, 247, 0.2); -barlevel-border-width: 2px; -barlevel-border-color: transparent; -barlevel-active-background-color: #03875B; -barlevel-active-border-color: transparent; -barlevel-overdrive-color: #991121; -barlevel-overdrive-border-color: transparent; -barlevel-overdrive-separator-width: 1px; -slider-handle-border-width: 0; -slider-handle-border-color: transparent; -slider-handle-radius: 8px; color: #fcfcfc; height: 16px; } /* Scrollbars */ StScrollView.vfade { -st-vfade-offset: 68px; } StScrollView.hfade { -st-hfade-offset: 68px; } StScrollBar { padding: 0; } StScrollView StScrollBar { min-width: 8px; min-height: 8px; } StScrollBar StBin#trough { border-radius: 0; background-color: transparent; } StScrollBar StButton#vhandle, StScrollBar StButton#hhandle { border-radius: 8px; background-color: #5e5e5e; border: 3px solid transparent; transition: 500ms all ease; } StScrollBar StButton#vhandle:hover, StScrollBar StButton#hhandle:hover { background-color: #8a8a8a; } StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { background-color: #747474; } /* Popovers/Menus */ .popup-menu-boxpointer, .candidate-popup-boxpointer { -arrow-rise: 6px; } .popup-menu { min-width: 15em; color: #F7F7F7; } .popup-menu.panel-menu { margin-bottom: 1.75em; } .popup-menu-content, .candidate-popup-content { padding: 6px; border-radius: 10px; border: 1px solid rgba(247, 247, 247, 0.15); box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.1); background-color: #1d1d1d; } .popup-menu-item { padding: 9px 12px; border-radius: 6px; spacing: 6px; transition: 0.2s all ease; background-color: transparent; } .popup-menu-item:ltr { padding-left: 6px; } .popup-menu-item:rtl { padding-right: 6px; } .popup-menu-item:focus, .popup-menu-item:hover { background-color: rgba(247, 247, 247, 0.1) !important; } .popup-menu-item:focus:active, .popup-menu-item:hover:active { background-color: rgba(247, 247, 247, 0.2) !important; } .popup-menu-item:checked { background-color: #343434 !important; } .popup-menu-item:checked { margin-bottom: 0; box-shadow: inset 0 -1px 0 0 #272727; border-radius: 6px 6px 0 0; } .popup-menu-item:checked:focus, .popup-menu-item:checked:hover { background-color: #434343 !important; } .popup-menu-item:checked:active { background-color: #4b4b4b !important; } .popup-menu-item:active { background-color: #4b4b4b; color: #efefef; } .popup-menu-item:insensitive { color: rgba(247, 247, 247, 0.5); } .popup-menu-item .toggle-switch:ltr { margin-left: 4px; } .popup-menu-item .toggle-switch:rtl { margin-right: 4px; } .popup-inactive-menu-item { color: #F7F7F7; } .popup-inactive-menu-item:insensitive { color: #8a8a8a; } .popup-menu-arrow, .popup-menu-icon { icon-size: 16px !important; } .popup-sub-menu { background-color: #343434; border-radius: 0 0 6px 6px; } .popup-sub-menu .popup-menu-ornament { min-width: 1.09em !important; } .popup-sub-menu .popup-menu-item { border-radius: 0; margin: 0; } .popup-sub-menu .popup-menu-item:last-child { border-radius: 0 0 6px 6px; } .popup-sub-menu .popup-menu-item:focus, .popup-sub-menu .popup-menu-item:hover { background-color: rgba(255, 255, 255, 0.1) !important; } .popup-sub-menu .popup-menu-item:checked { background-color: #4e4e4e !important; } .popup-sub-menu .popup-menu-item:checked:focus, .popup-sub-menu .popup-menu-item:checked:hover { background-color: #484848 !important; } .popup-sub-menu .popup-menu-item:active { background-color: rgba(255, 255, 255, 0.2) !important; } .popup-sub-menu .popup-menu-section .popup-menu-item:last-child:hover, .popup-sub-menu .popup-menu-section .popup-menu-item:last-child:focus { border-radius: 0; } .popup-sub-menu .popup-menu-section:last-child .popup-menu-item:last-child { border-radius: 0 0 6px 6px; } .popup-menu-ornament { width: 1.2em; text-align: center !important; } .popup-menu-ornament:ltr { text-align: right; } .popup-menu-ornament:rtl { text-align: left; } .popup-separator-menu-item { margin: 6px 0; padding: 0 !important; } .popup-separator-menu-item:ltr { margin-right: 4px; } .popup-separator-menu-item:rtl { margin-left: 4px; } .popup-separator-menu-item .popup-separator-menu-item-separator { height: 1px; background-color: #464646; } .popup-separator-menu-item .popup-menu-ornament { width: 0 !important; } .popup-sub-menu .popup-separator-menu-item { background-color: transparent; } .popup-sub-menu .popup-separator-menu-item:ltr { margin-right: 2.5em; } .popup-sub-menu .popup-separator-menu-item:rtl { margin-left: 2.5em; } .popup-sub-menu .popup-separator-menu-item .popup-separator-menu-item-separator { background-color: #585858; } .background-menu { -boxpointer-gap: 0px; -arrow-rise: 0px; } .aggregate-menu { min-width: 22em; } .aggregate-menu .popup-menu-ornament { width: 0 !important; } .aggregate-menu .popup-menu-icon { -st-icon-style: symbolic; } .aggregate-menu .popup-menu-icon:ltr { margin-right: 8px; } .aggregate-menu .popup-menu-icon:rtl { margin-left: 8px; } .aggregate-menu .popup-sub-menu .popup-menu-item > :first-child:ltr { margin-left: 1em; } .aggregate-menu .popup-sub-menu .popup-menu-item > :first-child:rtl { margin-right: 1em; } .app-menu { max-width: 27.25em; } .app-menu .popup-menu-ornament { width: 0 !important; } .app-menu .popup-inactive-menu-item:first-child > StLabel:ltr { margin-right: 8px; } .app-menu .popup-inactive-menu-item:first-child > StLabel:rtl { margin-left: 8px; } /* Date/Time Menu */ #calendarArea { padding: 4px; } .datemenu-calendar-column { spacing: 6px; } .datemenu-calendar-column:ltr { padding-left: 6px; } .datemenu-calendar-column:rtl { padding-right: 6px; } .datemenu-calendar-column .datemenu-displays-box { spacing: 6px; } /* today button (the date) */ .datemenu-today-button { border-radius: 6px; margin: 4px; box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.1); background-color: transparent; background-color: none; box-shadow: none !important; padding: 9px; } .datemenu-today-button:insensitive { color: rgba(247, 247, 247, 0.5); background-color: rgba(247, 247, 247, 0.05); background-color: transparent; color: rgba(255, 255, 255, 0.5); } .datemenu-today-button:focus { color: #F7F7F7; background-color: #2c2c2c; box-shadow: inset 0 0 0 2px #05cd8a; } .datemenu-today-button:focus:hover { background-color: #343434; box-shadow: inset 0 0 0 2px #05cd8a; } .datemenu-today-button:focus:active { background-color: #3b3b3b; box-shadow: inset 0 0 0 2px #05cd8a; } .datemenu-today-button:hover { color: #F7F7F7; background-color: #343434; } .datemenu-today-button:active { color: #F7F7F7; background-color: #3b3b3b; } .datemenu-today-button:insensitive .day-label, .datemenu-today-button:insensitive .date-label { color: #8a8a8a; } /* Calendar */ .calendar { border-radius: 6px; margin: 4px; box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.1); background-color: transparent; background-color: none; box-shadow: none !important; margin-top: 0; } .calendar:insensitive { color: rgba(247, 247, 247, 0.5); background-color: rgba(247, 247, 247, 0.05); background-color: transparent; color: rgba(255, 255, 255, 0.5); } .calendar:focus { color: #F7F7F7; background-color: #2c2c2c; box-shadow: inset 0 0 0 2px #05cd8a; } .calendar:focus:hover { background-color: #343434; box-shadow: inset 0 0 0 2px #05cd8a; } .calendar:focus:active { background-color: #3b3b3b; box-shadow: inset 0 0 0 2px #05cd8a; } .calendar:hover { color: #F7F7F7; background-color: #343434; } .calendar:active { color: #F7F7F7; background-color: #3b3b3b; } .calendar .calendar-month-header .calendar-change-month-back StIcon, .calendar .calendar-month-header .calendar-change-month-forward StIcon { icon-size: 1.09em; } .calendar .calendar-month-header .calendar-month-label { color: white; padding: 8px 0; } .calendar .calendar-month-header .pager-button { background-color: transparent; height: 32px; width: 32px; margin: 2px; border-radius: 4px; } .calendar .calendar-month-header .pager-button:hover, .calendar .calendar-month-header .pager-button:focus { background-color: rgba(247, 247, 247, 0.1); } .calendar .calendar-month-header .pager-button:active { background-color: rgba(247, 247, 247, 0.2); } .calendar .calendar-day-base { text-align: center; margin: 2px; padding: 0 !important; height: 3em !important; width: 3em !important; border-radius: 99px; } .calendar .calendar-day-base:hover { background-color: rgba(247, 247, 247, 0.1); } .calendar .calendar-day-base:focus { background-color: #183229; box-shadow: inset 0 0 0 2px rgba(3, 135, 91, 0.6); } .calendar .calendar-day-base:active, .calendar .calendar-day-base:selected { color: #efefef; background-color: rgba(247, 247, 247, 0.2); } .calendar .calendar-day-base:active:focus, .calendar .calendar-day-base:selected:focus { background-color: rgba(78, 169, 139, 0.36); } .calendar .calendar-day-base.calendar-day-heading { color: #8a8a8a; padding-top: 6px; height: 16px !important; font-weight: bold; } .calendar .calendar-nonwork-day { color: #8a8a8a; } .calendar .calendar-other-month-day { color: rgba(247, 247, 247, 0.5); } .calendar .calendar-other-month-day.calendar-nonwork-day { color: rgba(138, 138, 138, 0.5); } .calendar .calendar-today { background-color: #03875B; font-weight: 800; color: #FFFFFF !important; } .calendar .calendar-today:hover, .calendar .calendar-today:focus { background-color: #039665; color: inherit; } .calendar .calendar-today:active, .calendar .calendar-today:selected { background-color: #03875B; color: inherit; } .calendar .calendar-today:active:hover, .calendar .calendar-today:active:focus, .calendar .calendar-today:selected:hover, .calendar .calendar-today:selected:focus { background-color: #039665; color: inherit; } .calendar .calendar-day-with-events { background-image: url("resource:///org/gnome/shell/theme/calendar-today.svg"); background-size: contain; } .calendar .calendar-week-number { font-size: 7pt; font-weight: bold; font-feature-settings: "tnum"; margin: 6px; padding: 0 6px; border-radius: 3px; background-color: #181818; color: #8a8a8a; } /* Events */ .events-button { border-radius: 6px; margin: 4px; box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.1); color: #F7F7F7; background-color: #2c2c2c; padding: 12px; } .events-button:focus { color: #F7F7F7; background-color: #2c2c2c; box-shadow: inset 0 0 0 2px #05cd8a; } .events-button:focus:hover { background-color: #343434; box-shadow: inset 0 0 0 2px #05cd8a; } .events-button:focus:active { background-color: #3b3b3b; box-shadow: inset 0 0 0 2px #05cd8a; } .events-button:hover { color: #F7F7F7; background-color: #343434; } .events-button:active { color: #F7F7F7; background-color: #3b3b3b; } .events-button .events-box { spacing: 6px; } .events-button .events-list { spacing: 12px; } .events-button .events-title { color: #8a8a8a; margin-bottom: 4px; } .events-button .event-time { color: #8a8a8a; } /* World clocks */ .world-clocks-button { border-radius: 6px; margin: 4px; box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.1); color: #F7F7F7; background-color: #2c2c2c; padding: 12px; } .world-clocks-button:focus { color: #F7F7F7; background-color: #2c2c2c; box-shadow: inset 0 0 0 2px #05cd8a; } .world-clocks-button:focus:hover { background-color: #343434; box-shadow: inset 0 0 0 2px #05cd8a; } .world-clocks-button:focus:active { background-color: #3b3b3b; box-shadow: inset 0 0 0 2px #05cd8a; } .world-clocks-button:hover { color: #F7F7F7; background-color: #343434; } .world-clocks-button:active { color: #F7F7F7; background-color: #3b3b3b; } .world-clocks-button .world-clocks-grid { spacing-rows: 6px; spacing-columns: 12px; } .world-clocks-button .world-clocks-header { color: #8a8a8a; } .world-clocks-button .world-clocks-city { color: #F7F7F7; } .world-clocks-button .world-clocks-time { color: #F7F7F7; } .world-clocks-button .world-clocks-time:ltr { text-align: right; } .world-clocks-button .world-clocks-time:rtl { text-align: left; } .world-clocks-button .world-clocks-timezone { color: #8a8a8a; } /* Weather */ .weather-button { border-radius: 6px; margin: 4px; box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.1); color: #F7F7F7; background-color: #2c2c2c; padding: 12px; } .weather-button:focus { color: #F7F7F7; background-color: #2c2c2c; box-shadow: inset 0 0 0 2px #05cd8a; } .weather-button:focus:hover { background-color: #343434; box-shadow: inset 0 0 0 2px #05cd8a; } .weather-button:focus:active { background-color: #3b3b3b; box-shadow: inset 0 0 0 2px #05cd8a; } .weather-button:hover { color: #F7F7F7; background-color: #343434; } .weather-button:active { color: #F7F7F7; background-color: #3b3b3b; } .weather-button .weather-box { spacing: 10px; } .weather-button .weather-header-box { spacing: 6px; } .weather-button .weather-header { color: #8a8a8a; } .weather-button .weather-header.location { font-weight: normal; } .weather-button .weather-grid { spacing-rows: 6px; spacing-columns: 12px; } .weather-button .weather-forecast-time { color: #ababab; padding-top: 0.2em; padding-bottom: 0.4em; } .weather-button .weather-forecast-icon { icon-size: 2.18em; } /* Message List */ .message-list { width: 29em; border: solid #464646; } .message-list:ltr { margin-left: 0; margin-right: 4px; padding-right: 6px; border-right-width: 1px; } .message-list:rtl { margin-right: 0; margin-left: 4px; padding-left: 6px; border-left-width: 1px; } .message-list .message-list-placeholder { color: rgba(138, 138, 138, 0.5); } .message-list .message-list-placeholder > StIcon { icon-size: 3.27em; margin-bottom: 12px; -st-icon-style: symbolic; } .message-list-sections { spacing: 6px; margin: 0; padding-bottom: 6px; } .message-list-sections:ltr { margin-right: 12px; } .message-list-sections:rtl { margin-left: 12px; } .message-list-section, .message-list-section-list { spacing: 6px; } .message-list-controls { padding: 6px; spacing: 6px; } .message-list-controls .dnd-button { border-width: 2px; border-color: transparent; border-radius: 32px; border-style: solid; } .message-list-controls .dnd-button:focus { border-color: #05cd8a; } .message { border-radius: 6px; margin: 4px; box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.1); color: #F7F7F7; background-color: #2c2c2c; } .message:focus { color: #F7F7F7; background-color: #2c2c2c; box-shadow: inset 0 0 0 2px #05cd8a; } .message:focus:hover { background-color: #343434; box-shadow: inset 0 0 0 2px #05cd8a; } .message:focus:active { background-color: #3b3b3b; box-shadow: inset 0 0 0 2px #05cd8a; } .message:hover { color: #F7F7F7; background-color: #343434; } .message:active { color: #F7F7F7; background-color: #3b3b3b; } .message .message-icon-bin { padding: 18px; } .message .message-icon-bin:ltr { padding-right: 6px; } .message .message-icon-bin:rtl { padding-left: 6px; } .message .message-icon-bin > StIcon { icon-size: 2.18em; -st-icon-style: symbolic; } .message .message-icon-bin > .fallback-app-icon { width: 1.09em; height: 1.09em; } .message .message-content { spacing: 4px; padding: 9px; margin-bottom: 8px; } .message .message-title { font-weight: bold; /* HACK: the label should be baseline-aligned with a 1em label, fake this with some bottom padding */ padding-top: 0.57em; } .message .message-secondary-bin { padding: 0 8px; } .message .message-secondary-bin > .event-time { color: rgba(247, 247, 247, 0.5); font-size: 9pt; /* HACK: the label should be baseline-aligned with a 1em label, fake this with some bottom padding */ padding-bottom: 0.13em; } .message .message-secondary-bin > .event-time:ltr { text-align: right; } .message .message-secondary-bin > .event-time:rtl { text-align: left; } .message .message-close-button { color: #F7F7F7; background-color: rgba(247, 247, 247, 0.1); border-radius: 99px; padding: 5px; margin: 1px; } .message .message-close-button:hover { background-color: rgba(247, 247, 247, 0.2); } .message .message-close-button:active { background-color: rgba(247, 247, 247, 0.1); } .message .message-body { color: #dedede; } .url-highlighter { link-color: #05eb9e; } /* Media Controls */ .message-media-control { padding: 0 18px; margin: 12px 0; border-radius: 6px; color: #F7F7F7; } .message-media-control:hover { background-color: rgba(255, 255, 255, 0.1); color: #F7F7F7; } .message-media-control:active { background-color: rgba(247, 247, 247, 0.2); color: #F7F7F7; } .message-media-control:insensitive { color: #979797; } .message-media-control:last-child:ltr { margin-right: 12px; } .message-media-control:last-child:rtl { margin-left: 12px; } .media-message-cover-icon { icon-size: 3.27em !important; border-radius: 6px; } .media-message-cover-icon.fallback { color: #cccccc; background-color: #1d1d1d; border: 1px solid transparent; border-radius: 6px; icon-size: 2.18em !important; padding: 14px; } .candidate-popup-content { padding: 6px; spacing: 6px; } .candidate-index { padding: 0; padding-right: 6px; color: #8a8a8a; } .candidate-box { padding: 6px 12px 6px 12px; border-radius: 6px; } .candidate-box:selected { background-color: #03875B; color: #FFFFFF; } .candidate-box:hover { background-color: rgba(247, 247, 247, 0.1); color: #F7F7F7; } .candidate-page-button-box { height: 2em; } .vertical .candidate-page-button-box { padding-top: 12px; } .horizontal .candidate-page-button-box { padding-left: 12px; } .candidate-page-button { padding: 6px; } .candidate-page-button-previous { border-radius: 6px 0px 0px 6px; border-right-width: 0; box-shadow: none; } .candidate-page-button-next { border-radius: 0px 6px 6px 0px; box-shadow: none; } .candidate-page-button-icon { icon-size: 1.09em; } /* Notifications & Message Tray */ .notification-banner { min-height: 64px; width: 34em; box-shadow: 0 2px 4px 2px rgba(0, 0, 0, 0.1); border-radius: 9px; margin: 4px; background-color: #1d1d1d; } .notification-banner .notification-actions { spacing: 0; } .notification-banner:hover { background-color: #222222; } .notification-banner:active { background-color: #272727; } .notification-banner, .notification-banner:hover, .notification-banner:focus, .notification-banner:active { box-shadow: 0 0 4px 2px rgba(0, 0, 0, 0.1); border: 1px solid #464646; } .summary-source-counter { font-size: 10pt; font-weight: bold; height: 1.6em; width: 1.6em; -shell-counter-overlap-x: 3px; -shell-counter-overlap-y: 3px; background-color: #03875B; color: #FFFFFF; border: 2px solid #F7F7F7; box-shadow: 0 2px 2px rgba(0, 0, 0, 0.5); border-radius: 0.9em; } .chat-body { spacing: 5px; } .chat-response { margin: 5px; } .chat-log-message { color: #dedede; } .chat-new-group { padding-top: 1em; } .chat-received { padding-left: 4px; } .chat-received:rtl { padding-left: 0px; padding-right: 4px; } .chat-sent { padding-left: 18pt; color: white; } .chat-sent:rtl { padding-left: 0; padding-right: 18pt; } .chat-meta-message { padding-left: 4px; font-size: 9pt; font-weight: bold; color: white; } .chat-meta-message:rtl { padding-left: 0; padding-right: 4px; } .hotplug-notification-item-icon { icon-size: 24px; padding: 0 4px; } /* Modal Dialogs */ .modal-dialog .modal-dialog-content-box { margin: 32px 40px; spacing: 32px; max-width: 28em; } /* End Session Dialog */ .end-session-dialog { width: 30em; } .end-session-dialog .end-session-dialog-battery-warning, .end-session-dialog .dialog-list-title { color: #f99b11; } /* Message Dialog */ .message-dialog-content { spacing: 18px; } .message-dialog-content .message-dialog-title { text-align: center; } .message-dialog-content .message-dialog-description { text-align: center; } /* Dialog List */ .dialog-list { spacing: 18px; } .dialog-list .dialog-list-title { text-align: center; } .dialog-list .dialog-list-scrollview { max-height: 200px; } .dialog-list .dialog-list-box { spacing: 1em; } .dialog-list .dialog-list-box .dialog-list-item { spacing: 1em; } .dialog-list .dialog-list-box .dialog-list-item .dialog-list-item-title { font-weight: bold; } .dialog-list .dialog-list-box .dialog-list-item .dialog-list-item-description { color: #eaeaea; } /* Run Dialog */ .run-dialog .modal-dialog-content-box { margin-top: 24px; margin-bottom: 14px; } .run-dialog .run-dialog-entry { width: 20em; } .run-dialog .run-dialog-description { text-align: center; color: #c4c4c4; } /* Password or Authentication Dialog */ .prompt-dialog { width: 28em; } .prompt-dialog .modal-dialog-content-box { margin-bottom: 24px; } .prompt-dialog-password-grid { spacing-rows: 8px; spacing-columns: 4px; } .prompt-dialog-password-grid .prompt-dialog-password-entry { width: auto; } .prompt-dialog-password-grid .prompt-dialog-password-entry:ltr { margin-left: 20px; } .prompt-dialog-password-grid .prompt-dialog-password-entry:rtl { margin-right: 20px; } .prompt-dialog-password-layout { spacing: 8px; } .prompt-dialog-password-entry { width: 20em; } .prompt-dialog-error-label, .prompt-dialog-info-label, .prompt-dialog-null-label { text-align: center; } .prompt-dialog-error-label { color: #f99b11; } /* Polkit Dialog */ .polkit-dialog-user-layout { text-align: center; spacing: 8px; margin-bottom: 6px; } .polkit-dialog-user-layout .polkit-dialog-user-root-label { color: #f99b11; } /* Audio selection dialog */ .audio-device-selection-dialog .modal-dialog-content-box { margin-bottom: 28px; } .audio-device-selection-dialog .audio-selection-box { spacing: 20px; } .audio-selection-device { border-radius: 12px; } .audio-selection-device:hover, .audio-selection-device:focus { background-color: rgba(247, 247, 247, 0.1); } .audio-selection-device:active { background-color: #03875B; color: #FFFFFF; } .audio-selection-device-box { padding: 20px; spacing: 20px; } .audio-selection-device-icon { icon-size: 4.36em; } /* Welcome dialog */ .welcome-dialog-image { background-image: url("resource:///org/gnome/shell/theme/gnome-shell-start.svg"); background-size: contain; /* Reasonable maximum dimensions */ height: 300px; width: 300px; } /* Select Network dialogs */ .nm-dialog { max-height: 34em; min-height: 31em; min-width: 32em; } .nm-dialog-content { spacing: 20px; padding: 24px; } .nm-dialog-subheader { color: #8a8a8a; } .nm-dialog-header-icon { icon-size: 2.18em; } .nm-dialog-header-hbox { spacing: 10px; } .nm-dialog-scroll-view { padding: 6px; border-radius: 6px; background-color: #222222; } .nm-dialog-item { padding: 12px; } .nm-dialog-item:selected { background-color: #03875B; border-radius: 3px; color: #FFFFFF; } .nm-dialog-item:hover { background-color: rgba(247, 247, 247, 0.1); } .nm-dialog-icon { icon-size: 1.09em; } .nm-dialog-icons { spacing: 12px; } .no-networks-box { spacing: 6px; } .no-networks-label { color: #8a8a8a; } .nm-dialog-airplane-box { text-align: center; spacing: 12px; } .nm-dialog-airplane-text { color: #8a8a8a; } /* OSD */ .osd-window { text-align: center; font-weight: bold; spacing: 12px; padding: 12px 18px; margin-bottom: 4em; } .osd-window > * { spacing: 8px; } .osd-window StIcon { icon-size: 2.18em; } .osd-window StLabel:ltr { margin-right: 6px; } .osd-window StLabel:rtl { margin-left: 6px; } .osd-window .level { margin-bottom: 4px; height: 6px; min-width: 10.9em; -barlevel-height: 6px; -barlevel-background-color: rgba(238, 238, 236, 0.1); -barlevel-active-background-color: #eeeeec; -barlevel-overdrive-color: #991121; -barlevel-overdrive-separator-width: 3px; } .osd-window .level:first-child { margin-bottom: 0px; } .osd-window .level:ltr { margin-right: 6px; } .osd-window .level:rtl { margin-left: 6px; } .osd-monitor-label { border-radius: 12px; font-size: 3em; font-weight: bold; margin: 12px; text-align: center; min-width: 1.3em; } /* Pad OSD */ .pad-osd-window { padding: 32px; background-color: rgba(29, 29, 29, 0.975); color: #eeeeec; } .pad-osd-window .button:insensitive { color: #F7F7F7; } .pad-osd-window .pad-osd-title-box { spacing: 12px; } .pad-osd-window .pad-osd-title-menu-box { spacing: 6px; } .combo-box-label { width: 15em; } /* App Switcher */ .switcher-popup { padding: 0; spacing: 24px; } .switcher-list { padding: 10px; border-radius: 20px; box-shadow: 0 8px 8px 0 rgba(0, 0, 0, 0.1); } .switcher-list .switcher-list-item-container { spacing: 12px; } .switcher-list .item-box { background-color: transparent; } .switcher-list .item-box:hover { background-color: rgba(238, 238, 236, 0.1); } .switcher-list .item-box:selected, .switcher-list .item-box:focus { background-color: rgba(238, 238, 236, 0.13); } .switcher-list .item-box:selected:hover, .switcher-list .item-box:focus:hover { background-color: rgba(238, 238, 236, 0.16); } .switcher-list .item-box:selected:active, .switcher-list .item-box:focus:active { background-color: rgba(238, 238, 236, 0.13); } .switcher-list .item-box:active { background-color: rgba(238, 238, 236, 0.16); } .switcher-list .item-box:outlined, .switcher-list .item-box:checked { background-color: rgba(238, 238, 236, 0.19); } .switcher-list .item-box:outlined:active, .switcher-list .item-box:checked:active { background-color: rgba(238, 238, 236, 0.22); } .switcher-list .item-box:outlined:hover, .switcher-list .item-box:checked:hover { background-color: rgba(238, 238, 236, 0.25); } .switcher-list .item-box:drop { border: 2px solid rgba(3, 135, 91, 0.8); background-color: rgba(3, 135, 91, 0.2); } .switcher-list .item-box:hover { background: none; } .switcher-list .separator { width: 1px; background: #464646; } .switcher-list .thumbnail-box { padding: 2px; spacing: 6px; } .switcher-list .thumbnail { width: 256px; border-radius: 6px; } .switcher-arrow { border-color: rgba(0, 0, 0, 0); color: rgba(238, 238, 236, 0.8); } .switcher-arrow:highlighted { border-color: #eeeeec; color: #eeeeec; } .input-source-switcher-symbol { font-size: 34pt; width: 96px; height: 96px; } .cycler-highlight { border: 5px solid #03875B; } /* Workspace Switcher */ .workspace-switcher { margin-bottom: 4em; spacing: 12px; padding: 12px 18px; } .ws-switcher-indicator { background-color: rgba(238, 238, 236, 0.5); padding: 0.1816666667em; margin: 0.9083333333em; border-radius: 2.18em; } .ws-switcher-indicator:active { background-color: #eeeeec; padding: 0.3633333333em; margin: 0.7266666667em; } .icon-label-button-container { spacing: 6px; } .icon-label-button-container StIcon { icon-size: 32px; } .screenshot-ui-panel { border-radius: 33px; padding: 18px; padding-bottom: 12px; margin-bottom: 4em; spacing: 12px; } .screenshot-ui-close-button { padding: 6px; } .screenshot-ui-close-button.left { margin-left: 8px; } .screenshot-ui-close-button.right { margin-right: 8px; } .screenshot-ui-type-button { padding: 12px 18px !important; border-radius: 15px; } .screenshot-ui-capture-button { width: 36px; height: 36px; border-radius: 99px; border: 4px #eeeeec; padding: 4px; } .screenshot-ui-capture-button .screenshot-ui-capture-button-circle { background-color: #eeeeec; transition-duration: 200ms; border-radius: 99px; } .screenshot-ui-capture-button .screenshot-ui-capture-button-circle:hover, .screenshot-ui-capture-button .screenshot-ui-capture-button-circle:focus { background-color: rgba(247, 247, 247, 0.1); } .screenshot-ui-capture-button:hover .screenshot-ui-capture-button-circle, .screenshot-ui-capture-button:focus .screenshot-ui-capture-button-circle { background-color: #cacac4; } .screenshot-ui-capture-button:active .screenshot-ui-capture-button-circle { background-color: #747467; } .screenshot-ui-capture-button:cast .screenshot-ui-capture-button-circle { background-color: #c7162b; } .screenshot-ui-capture-button:cast:hover .screenshot-ui-capture-button-circle, .screenshot-ui-capture-button:cast:focus .screenshot-ui-capture-button-circle { background-color: #de1930; } .screenshot-ui-capture-button:cast:active .screenshot-ui-capture-button-circle { background-color: #a71224; } .screenshot-ui-shot-cast-container { background-color: rgba(247, 247, 247, 0.1); border-radius: 12px; padding: 3px; spacing: 3px; } .screenshot-ui-shot-cast-container:ltr { margin-left: 3px; } .screenshot-ui-shot-cast-container:rtl { margin-right: 3px; } .screenshot-ui-shot-cast-button { padding: 6px 12px; background-color: transparent; border-radius: 9px; } .screenshot-ui-shot-cast-button:hover, .screenshot-ui-shot-cast-button:focus { background-color: rgba(255, 255, 255, 0.1); } .screenshot-ui-shot-cast-button:active { background-color: rgba(255, 255, 255, 0.2); } .screenshot-ui-shot-cast-button:checked { background-color: white; color: black; } .screenshot-ui-shot-cast-button StIcon { icon-size: 1.09em; } .screenshot-ui-show-pointer-button { border-radius: 99px; padding: 12px !important; } .screenshot-ui-show-pointer-button StIcon { icon-size: 1.09em; } .screenshot-ui-area-indicator-shade { background-color: rgba(0, 0, 0, 0.3); } .screenshot-ui-area-selector .screenshot-ui-area-indicator-shade { background-color: rgba(0, 0, 0, 0.5); } .screenshot-ui-area-selector .screenshot-ui-area-indicator-selection { border: 2px white; } .screenshot-ui-area-selector-handle { border-radius: 99px; background-color: white; box-shadow: 0 1px 3px 2px rgba(0, 0, 0, 0.2); width: 24px; height: 24px; } .screenshot-ui-window-selector { background-color: #222222; } .screenshot-ui-window-selector .screenshot-ui-window-selector-window-container { margin: 100px; } .screenshot-ui-window-selector:primary-monitor .screenshot-ui-window-selector-window-container { margin-bottom: 200px; } .screenshot-ui-window-selector-window-border { transition-duration: 200ms; border-radius: 12px; border: 6px transparent; } .screenshot-ui-window-selector-check { transition-duration: 200ms; color: transparent; border-radius: 99px; border-width: 12px; icon-size: 24px; } .screenshot-ui-window-selector-window:hover .screenshot-ui-window-selector-window-border { border-color: #013c29; } .screenshot-ui-window-selector-window:checked .screenshot-ui-window-selector-window-border { border-color: #03875B; background-color: rgba(3, 135, 91, 0.2); } .screenshot-ui-window-selector-window:checked .screenshot-ui-window-selector-check { color: #FFFFFF; background-color: #03875B; } .screenshot-ui-screen-selector { transition-duration: 200ms; background-color: rgba(0, 0, 0, 0.5); } .screenshot-ui-screen-selector:hover { background-color: rgba(0, 0, 0, 0.3); } .screenshot-ui-screen-selector:active { background-color: rgba(0, 0, 0, 0.7); } .screenshot-ui-screen-selector:checked { background-color: transparent; border: 2px white; } .screenshot-ui-tooltip { color: #eeeeec; background-color: rgba(29, 29, 29, 0.975); border-radius: 99px; padding: 6px 12px; text-align: center; -y-offset: 24px; } /* Top Bar */ #panel { background-color: #131313; font-weight: bold; height: 1.86em; transition-duration: 250ms; } #panel.unlock-screen, #panel.login-screen { background-color: transparent; } #panel .panel-button { font-weight: bold; color: #f2f2f2; -natural-hpadding: 12px; -minimum-hpadding: 6px; transition-duration: 150ms; border: 3px solid transparent; border-radius: 99px; } #panel .panel-button.clock-display .clock { transition-duration: 150ms; border: 3px solid transparent; border-radius: 99px; } #panel .panel-button.screen-recording-indicator { box-shadow: inset 0 0 0 100px #c7162b; } #panel .panel-button.screen-recording-indicator StBoxLayout { spacing: 6px; } #panel .panel-button.screen-recording-indicator StIcon { icon-size: 1.09em; } #panel .panel-button:active, #panel .panel-button:overview, #panel .panel-button:focus, #panel .panel-button:checked { box-shadow: inset 0 0 0 100px rgba(242, 242, 242, 0.2); } #panel .panel-button:active.clock-display, #panel .panel-button:overview.clock-display, #panel .panel-button:focus.clock-display, #panel .panel-button:checked.clock-display { box-shadow: none; } #panel .panel-button:active.clock-display .clock, #panel .panel-button:overview.clock-display .clock, #panel .panel-button:focus.clock-display .clock, #panel .panel-button:checked.clock-display .clock { box-shadow: inset 0 0 0 100px rgba(242, 242, 242, 0.2); } #panel .panel-button:active.screen-recording-indicator, #panel .panel-button:overview.screen-recording-indicator, #panel .panel-button:focus.screen-recording-indicator, #panel .panel-button:checked.screen-recording-indicator { box-shadow: inset 0 0 0 100px rgba(199, 22, 43, 0.85); } #panel .panel-button:hover { box-shadow: inset 0 0 0 100px rgba(242, 242, 242, 0.15); } #panel .panel-button:hover.clock-display { box-shadow: none; } #panel .panel-button:hover.clock-display .clock { box-shadow: inset 0 0 0 100px rgba(242, 242, 242, 0.15); } #panel .panel-button:hover.screen-recording-indicator { box-shadow: inset 0 0 0 100px rgba(199, 22, 43, 0.9); } #panel .panel-button:active:hover, #panel .panel-button:overview:hover, #panel .panel-button:focus:hover, #panel .panel-button:checked:hover { box-shadow: inset 0 0 0 100px rgba(242, 242, 242, 0.25); } #panel .panel-button:active:hover.clock-display, #panel .panel-button:overview:hover.clock-display, #panel .panel-button:focus:hover.clock-display, #panel .panel-button:checked:hover.clock-display { box-shadow: none; } #panel .panel-button:active:hover.clock-display .clock, #panel .panel-button:overview:hover.clock-display .clock, #panel .panel-button:focus:hover.clock-display .clock, #panel .panel-button:checked:hover.clock-display .clock { box-shadow: inset 0 0 0 100px rgba(242, 242, 242, 0.25); } #panel .panel-button:active:hover.screen-recording-indicator, #panel .panel-button:overview:hover.screen-recording-indicator, #panel .panel-button:focus:hover.screen-recording-indicator, #panel .panel-button:checked:hover.screen-recording-indicator { box-shadow: inset 0 0 0 100px rgba(199, 22, 43, 0.8); } #panel .panel-button .system-status-icon { icon-size: 1.09em; padding: 5px; margin: 0 4px; } #panel .panel-button .panel-status-indicators-box .system-status-icon, #panel .panel-button .panel-status-menu-box .system-status-icon { margin: 0; } #panel .panel-button .app-menu-icon { -st-icon-style: symbolic; } #panel .panel-button#panelActivities { -natural-hpadding: 18px; } #panel.unlock-screen .panel-button:active, #panel.unlock-screen .panel-button:overview, #panel.unlock-screen .panel-button:focus, #panel.unlock-screen .panel-button:checked, #panel.login-screen .panel-button:active, #panel.login-screen .panel-button:overview, #panel.login-screen .panel-button:focus, #panel.login-screen .panel-button:checked, #panel:overview .panel-button:active, #panel:overview .panel-button:overview, #panel:overview .panel-button:focus, #panel:overview .panel-button:checked { box-shadow: inset 0 0 0 100px rgba(255, 255, 255, 0.15); } #panel.unlock-screen .panel-button:active.clock-display, #panel.unlock-screen .panel-button:overview.clock-display, #panel.unlock-screen .panel-button:focus.clock-display, #panel.unlock-screen .panel-button:checked.clock-display, #panel.login-screen .panel-button:active.clock-display, #panel.login-screen .panel-button:overview.clock-display, #panel.login-screen .panel-button:focus.clock-display, #panel.login-screen .panel-button:checked.clock-display, #panel:overview .panel-button:active.clock-display, #panel:overview .panel-button:overview.clock-display, #panel:overview .panel-button:focus.clock-display, #panel:overview .panel-button:checked.clock-display { box-shadow: none; } #panel.unlock-screen .panel-button:active.clock-display .clock, #panel.unlock-screen .panel-button:overview.clock-display .clock, #panel.unlock-screen .panel-button:focus.clock-display .clock, #panel.unlock-screen .panel-button:checked.clock-display .clock, #panel.login-screen .panel-button:active.clock-display .clock, #panel.login-screen .panel-button:overview.clock-display .clock, #panel.login-screen .panel-button:focus.clock-display .clock, #panel.login-screen .panel-button:checked.clock-display .clock, #panel:overview .panel-button:active.clock-display .clock, #panel:overview .panel-button:overview.clock-display .clock, #panel:overview .panel-button:focus.clock-display .clock, #panel:overview .panel-button:checked.clock-display .clock { box-shadow: inset 0 0 0 100px rgba(255, 255, 255, 0.15); } #panel.unlock-screen .panel-button:active.screen-recording-indicator, #panel.unlock-screen .panel-button:overview.screen-recording-indicator, #panel.unlock-screen .panel-button:focus.screen-recording-indicator, #panel.unlock-screen .panel-button:checked.screen-recording-indicator, #panel.login-screen .panel-button:active.screen-recording-indicator, #panel.login-screen .panel-button:overview.screen-recording-indicator, #panel.login-screen .panel-button:focus.screen-recording-indicator, #panel.login-screen .panel-button:checked.screen-recording-indicator, #panel:overview .panel-button:active.screen-recording-indicator, #panel:overview .panel-button:overview.screen-recording-indicator, #panel:overview .panel-button:focus.screen-recording-indicator, #panel:overview .panel-button:checked.screen-recording-indicator { box-shadow: inset 0 0 0 100px rgba(199, 22, 43, 0.85); } #panel.unlock-screen .panel-button:hover, #panel.login-screen .panel-button:hover, #panel:overview .panel-button:hover { box-shadow: inset 0 0 0 100px rgba(255, 255, 255, 0.1); } #panel.unlock-screen .panel-button:hover.clock-display, #panel.login-screen .panel-button:hover.clock-display, #panel:overview .panel-button:hover.clock-display { box-shadow: none; } #panel.unlock-screen .panel-button:hover.clock-display .clock, #panel.login-screen .panel-button:hover.clock-display .clock, #panel:overview .panel-button:hover.clock-display .clock { box-shadow: inset 0 0 0 100px rgba(255, 255, 255, 0.1); } #panel.unlock-screen .panel-button:hover.screen-recording-indicator, #panel.login-screen .panel-button:hover.screen-recording-indicator, #panel:overview .panel-button:hover.screen-recording-indicator { box-shadow: inset 0 0 0 100px rgba(199, 22, 43, 0.9); } #panel.unlock-screen .panel-button:active:hover, #panel.unlock-screen .panel-button:overview:hover, #panel.unlock-screen .panel-button:focus:hover, #panel.unlock-screen .panel-button:checked:hover, #panel.login-screen .panel-button:active:hover, #panel.login-screen .panel-button:overview:hover, #panel.login-screen .panel-button:focus:hover, #panel.login-screen .panel-button:checked:hover, #panel:overview .panel-button:active:hover, #panel:overview .panel-button:overview:hover, #panel:overview .panel-button:focus:hover, #panel:overview .panel-button:checked:hover { box-shadow: inset 0 0 0 100px rgba(255, 255, 255, 0.2); } #panel.unlock-screen .panel-button:active:hover.clock-display, #panel.unlock-screen .panel-button:overview:hover.clock-display, #panel.unlock-screen .panel-button:focus:hover.clock-display, #panel.unlock-screen .panel-button:checked:hover.clock-display, #panel.login-screen .panel-button:active:hover.clock-display, #panel.login-screen .panel-button:overview:hover.clock-display, #panel.login-screen .panel-button:focus:hover.clock-display, #panel.login-screen .panel-button:checked:hover.clock-display, #panel:overview .panel-button:active:hover.clock-display, #panel:overview .panel-button:overview:hover.clock-display, #panel:overview .panel-button:focus:hover.clock-display, #panel:overview .panel-button:checked:hover.clock-display { box-shadow: none; } #panel.unlock-screen .panel-button:active:hover.clock-display .clock, #panel.unlock-screen .panel-button:overview:hover.clock-display .clock, #panel.unlock-screen .panel-button:focus:hover.clock-display .clock, #panel.unlock-screen .panel-button:checked:hover.clock-display .clock, #panel.login-screen .panel-button:active:hover.clock-display .clock, #panel.login-screen .panel-button:overview:hover.clock-display .clock, #panel.login-screen .panel-button:focus:hover.clock-display .clock, #panel.login-screen .panel-button:checked:hover.clock-display .clock, #panel:overview .panel-button:active:hover.clock-display .clock, #panel:overview .panel-button:overview:hover.clock-display .clock, #panel:overview .panel-button:focus:hover.clock-display .clock, #panel:overview .panel-button:checked:hover.clock-display .clock { box-shadow: inset 0 0 0 100px rgba(255, 255, 255, 0.2); } #panel.unlock-screen .panel-button:active:hover.screen-recording-indicator, #panel.unlock-screen .panel-button:overview:hover.screen-recording-indicator, #panel.unlock-screen .panel-button:focus:hover.screen-recording-indicator, #panel.unlock-screen .panel-button:checked:hover.screen-recording-indicator, #panel.login-screen .panel-button:active:hover.screen-recording-indicator, #panel.login-screen .panel-button:overview:hover.screen-recording-indicator, #panel.login-screen .panel-button:focus:hover.screen-recording-indicator, #panel.login-screen .panel-button:checked:hover.screen-recording-indicator, #panel:overview .panel-button:active:hover.screen-recording-indicator, #panel:overview .panel-button:overview:hover.screen-recording-indicator, #panel:overview .panel-button:focus:hover.screen-recording-indicator, #panel:overview .panel-button:checked:hover.screen-recording-indicator { box-shadow: inset 0 0 0 100px rgba(199, 22, 43, 0.8); } #panel .panel-status-indicators-box, #panel .panel-status-menu-box { spacing: 2px; } #panel .power-status.panel-status-indicators-box { spacing: 0; } #panel .screencast-indicator, #panel .remote-access-indicator { color: #f99b11; } #appMenu { spacing: 6px; } #appMenu .label-shadow { color: transparent; } #appMenu .panel-status-menu-box { padding: 0 6px; spacing: 6px; } .clock-display-box { spacing: 2px; } .clock-display-box .clock { padding-left: 12px; padding-right: 12px; } /* Activities Ripple */ .ripple-box { background-color: rgba(91, 251, 198, 0.3); box-shadow: 0 0 2px 2px #05eb9e; width: 52px; height: 52px; border-radius: 0 0 52px 0; } .ripple-box:rtl { border-radius: 0 0 0 52px; } /* OVERVIEW */ .controls-manager, .secondary-monitor-workspaces { spacing: 12px; } #overviewGroup { background-color: #222222; } .overview-controls { padding-bottom: 32px; } /* Window Picker */ .window-picker { spacing: 6px; } .window-caption { color: #eeeeec; background-color: rgba(29, 29, 29, 0.975); border-radius: 99px; padding: 6px 12px; border: 1px solid #464646; } .window-close, .screenshot-ui-close-button { background-color: rgba(55, 55, 55, 0.975); color: #eeeeec; border-radius: 99px; padding: 3px; height: 30px; width: 30px; transition-duration: 300ms; border: 1px solid #464646; } .window-close StIcon, .screenshot-ui-close-button StIcon { icon-size: 24px; } .window-close:hover, .screenshot-ui-close-button:hover { background-color: rgba(67, 67, 67, 0.975); } .window-close:active, .screenshot-ui-close-button:active { background-color: rgba(42, 42, 42, 0.975); } .workspace-background { border-radius: 30px; box-shadow: 0 4px 16px 4px rgba(0, 0, 0, 0.275); } .search-entry { border-radius: 18px; margin-top: 24px; margin-bottom: 12px; padding: 7px 9px; width: 320px; background-color: #1d1d1d; color: rgba(247, 247, 247, 0.7); border: 1px solid #464646; } .search-entry:hover { background-color: #1d1d1d; border-color: #535353; color: #F7F7F7; } .search-entry:focus { background-color: #1d1d1d; border-color: #05cd8a; box-shadow: 0 0 0 1px #05cd8a inset; color: #F7F7F7; } .search-entry:insensitive { background-color: #2c2c2c; border-color: #2c2c2c; color: #8a8a8a; } .search-entry .search-entry-icon { color: inherit; icon-size: 1.09em; margin-top: 2px; padding: 0 4px; } /* Search */ #searchResults { margin: 0 4px; } #searchResultsContent { max-width: 1072px; } .search-section { spacing: 18px; } .search-section .search-section-separator { height: 8px; background-color: transparent; } .search-section-content { background-color: #1d1d1d; border-radius: 18px; border: 1px solid #464646; color: #eeeeec; padding: 12px; margin: 0 12px; } .list-search-result, .search-provider-icon { background-color: transparent; border-radius: 9px; } .list-search-result:hover, .search-provider-icon:hover { background-color: rgba(238, 238, 236, 0.1); } .list-search-result:selected, .search-provider-icon:selected, .list-search-result:focus, .search-provider-icon:focus { background-color: rgba(238, 238, 236, 0.13); } .list-search-result:selected:hover, .search-provider-icon:selected:hover, .list-search-result:focus:hover, .search-provider-icon:focus:hover { background-color: rgba(238, 238, 236, 0.16); } .list-search-result:selected:active, .search-provider-icon:selected:active, .list-search-result:focus:active, .search-provider-icon:focus:active { background-color: rgba(238, 238, 236, 0.13); } .list-search-result:active, .search-provider-icon:active { background-color: rgba(238, 238, 236, 0.16); } .list-search-result:outlined, .search-provider-icon:outlined, .list-search-result:checked, .search-provider-icon:checked { background-color: rgba(238, 238, 236, 0.19); } .list-search-result:outlined:active, .search-provider-icon:outlined:active, .list-search-result:checked:active, .search-provider-icon:checked:active { background-color: rgba(238, 238, 236, 0.22); } .list-search-result:outlined:hover, .search-provider-icon:outlined:hover, .list-search-result:checked:hover, .search-provider-icon:checked:hover { background-color: rgba(238, 238, 236, 0.25); } .list-search-result:drop, .search-provider-icon:drop { border: 2px solid rgba(3, 135, 91, 0.8); background-color: rgba(3, 135, 91, 0.2); } .grid-search-results { spacing: 30px; margin: 0 12px; } .search-provider-icon:ltr { margin-right: 4px; } .search-provider-icon:rtl { margin-left: 4px; } .search-provider-icon .list-search-provider-content { spacing: 12px; } .search-provider-icon .list-search-provider-content .list-search-provider-details { width: 120px; color: #eeeeec; } .list-search-results { spacing: 6px; } .list-search-result .list-search-result-content { spacing: 6px; } .list-search-result .list-search-result-title { spacing: 12px; } .list-search-result .list-search-result-description { color: #868685; } /* Dash */ #dash { margin-top: 12px; } #dash .placeholder { background-image: none; background-size: contain; height: 32px; } #dash .empty-dash-drop-target { width: 32px; height: 32px; } #dash .app-well-app-running-dot { margin-bottom: 13px; background-color: #03875B; } .dash-background { background-color: #1d1d1d; border-radius: 24px; padding: 12px; border: 1px solid #464646; spacing: 6px; margin-bottom: 12px; } .dash-item-container > * { margin: 0 2px; } .dash-item-container:ltr:first-child { margin-left: 0; } .dash-item-container:rtl:first-child { margin-right: 0; } .dash-item-container .app-well-app .overview-icon, .dash-item-container .grid-search-result .overview-icon { padding: 6px; } .dash-item-container .show-apps .overview-icon { background-color: transparent; } .dash-item-container .show-apps:hover .overview-icon { background-color: rgba(238, 238, 236, 0.1); } .dash-item-container .show-apps:selected .overview-icon, .dash-item-container .show-apps:focus .overview-icon { background-color: rgba(238, 238, 236, 0.13); } .dash-item-container .show-apps:selected .overview-icon:hover .overview-icon, .dash-item-container .show-apps:focus .overview-icon:hover .overview-icon { background-color: rgba(238, 238, 236, 0.16); } .dash-item-container .show-apps:selected .overview-icon:active .overview-icon, .dash-item-container .show-apps:focus .overview-icon:active .overview-icon { background-color: rgba(238, 238, 236, 0.13); } .dash-item-container .show-apps:active .overview-icon { background-color: rgba(238, 238, 236, 0.16); } .dash-item-container .show-apps:outlined .overview-icon, .dash-item-container .show-apps:checked .overview-icon { background-color: rgba(238, 238, 236, 0.19); } .dash-item-container .show-apps:outlined .overview-icon:active .overview-icon, .dash-item-container .show-apps:checked .overview-icon:active .overview-icon { background-color: rgba(238, 238, 236, 0.22); } .dash-item-container .show-apps:outlined .overview-icon:hover .overview-icon, .dash-item-container .show-apps:checked .overview-icon:hover .overview-icon { background-color: rgba(238, 238, 236, 0.25); } .dash-item-container .show-apps:drop .overview-icon { border: 2px solid rgba(3, 135, 91, 0.8); background-color: rgba(3, 135, 91, 0.2); } .dash-item-container .show-apps:focus .overview-icon, .dash-item-container .show-apps:active .overview-icon, .dash-item-container .show-apps:checked .overview-icon { background-color: rgba(238, 238, 236, 0.2); } .dash-item-container .show-apps, .dash-item-container .app-well-app, .dash-item-container .grid-search-result { padding-bottom: 12px; } .dash-separator { width: 1px; margin: 0 4px; background-color: #464646; margin-bottom: 12px; } .dash-label { color: #eeeeec; background-color: rgba(29, 29, 29, 0.975); border-radius: 99px; padding: 6px 12px; text-align: center; -y-offset: 8px; border: 1px solid #464646; } /* App Grid */ .icon-grid { row-spacing: 12px; column-spacing: 12px; max-row-spacing: 42px; max-column-spacing: 42px; page-padding-top: 24px; page-padding-bottom: 24px; page-padding-left: 18px; page-padding-right: 18px; } /* App Icons */ .app-well-app .overview-icon, .grid-search-result .overview-icon { background-color: transparent; } .app-well-app:hover .overview-icon, .grid-search-result:hover .overview-icon { background-color: rgba(238, 238, 236, 0.1); } .app-well-app:selected .overview-icon, .grid-search-result:selected .overview-icon, .app-well-app:focus .overview-icon, .grid-search-result:focus .overview-icon { background-color: rgba(238, 238, 236, 0.13); } .app-well-app:selected .overview-icon:hover .overview-icon, .grid-search-result:selected .overview-icon:hover .overview-icon, .app-well-app:focus .overview-icon:hover .overview-icon, .grid-search-result:focus .overview-icon:hover .overview-icon { background-color: rgba(238, 238, 236, 0.16); } .app-well-app:selected .overview-icon:active .overview-icon, .grid-search-result:selected .overview-icon:active .overview-icon, .app-well-app:focus .overview-icon:active .overview-icon, .grid-search-result:focus .overview-icon:active .overview-icon { background-color: rgba(238, 238, 236, 0.13); } .app-well-app:active .overview-icon, .grid-search-result:active .overview-icon { background-color: rgba(238, 238, 236, 0.16); } .app-well-app:outlined .overview-icon, .grid-search-result:outlined .overview-icon, .app-well-app:checked .overview-icon, .grid-search-result:checked .overview-icon { background-color: rgba(238, 238, 236, 0.19); } .app-well-app:outlined .overview-icon:active .overview-icon, .grid-search-result:outlined .overview-icon:active .overview-icon, .app-well-app:checked .overview-icon:active .overview-icon, .grid-search-result:checked .overview-icon:active .overview-icon { background-color: rgba(238, 238, 236, 0.22); } .app-well-app:outlined .overview-icon:hover .overview-icon, .grid-search-result:outlined .overview-icon:hover .overview-icon, .app-well-app:checked .overview-icon:hover .overview-icon, .grid-search-result:checked .overview-icon:hover .overview-icon { background-color: rgba(238, 238, 236, 0.25); } .app-well-app:drop .overview-icon, .grid-search-result:drop .overview-icon { border: 2px solid rgba(3, 135, 91, 0.8); background-color: rgba(3, 135, 91, 0.2); } .app-well-app:focus .overview-icon, .grid-search-result:focus .overview-icon, .app-well-app:active .overview-icon, .grid-search-result:active .overview-icon, .app-well-app:checked .overview-icon, .grid-search-result:checked .overview-icon { background-color: rgba(238, 238, 236, 0.2); } .app-well-app .overview-icon, .grid-search-result .overview-icon { padding: 12px; } .app-well-app .overview-icon.overview-icon-with-label > StBoxLayout, .grid-search-result .overview-icon.overview-icon-with-label > StBoxLayout { spacing: 6px; } .app-well-app.app-folder .overview-icon, .app-folder.grid-search-result .overview-icon { background-color: rgba(238, 238, 236, 0.05); } .app-well-app.app-folder:hover .overview-icon, .app-folder.grid-search-result:hover .overview-icon { background-color: rgba(238, 238, 236, 0.1); } .app-well-app.app-folder:selected .overview-icon, .app-folder.grid-search-result:selected .overview-icon, .app-well-app.app-folder:focus .overview-icon, .app-folder.grid-search-result:focus .overview-icon { background-color: rgba(238, 238, 236, 0.13); } .app-well-app.app-folder:selected .overview-icon:hover .overview-icon, .app-folder.grid-search-result:selected .overview-icon:hover .overview-icon, .app-well-app.app-folder:focus .overview-icon:hover .overview-icon, .app-folder.grid-search-result:focus .overview-icon:hover .overview-icon { background-color: rgba(238, 238, 236, 0.16); } .app-well-app.app-folder:selected .overview-icon:active .overview-icon, .app-folder.grid-search-result:selected .overview-icon:active .overview-icon, .app-well-app.app-folder:focus .overview-icon:active .overview-icon, .app-folder.grid-search-result:focus .overview-icon:active .overview-icon { background-color: rgba(238, 238, 236, 0.13); } .app-well-app.app-folder:active .overview-icon, .app-folder.grid-search-result:active .overview-icon { background-color: rgba(238, 238, 236, 0.16); } .app-well-app.app-folder:outlined .overview-icon, .app-folder.grid-search-result:outlined .overview-icon, .app-well-app.app-folder:checked .overview-icon, .app-folder.grid-search-result:checked .overview-icon { background-color: rgba(238, 238, 236, 0.19); } .app-well-app.app-folder:outlined .overview-icon:active .overview-icon, .app-folder.grid-search-result:outlined .overview-icon:active .overview-icon, .app-well-app.app-folder:checked .overview-icon:active .overview-icon, .app-folder.grid-search-result:checked .overview-icon:active .overview-icon { background-color: rgba(238, 238, 236, 0.22); } .app-well-app.app-folder:outlined .overview-icon:hover .overview-icon, .app-folder.grid-search-result:outlined .overview-icon:hover .overview-icon, .app-well-app.app-folder:checked .overview-icon:hover .overview-icon, .app-folder.grid-search-result:checked .overview-icon:hover .overview-icon { background-color: rgba(238, 238, 236, 0.25); } .app-well-app.app-folder:drop .overview-icon, .app-folder.grid-search-result:drop .overview-icon { border: 2px solid rgba(3, 135, 91, 0.8); background-color: rgba(3, 135, 91, 0.2); } .app-well-app.app-folder:focus .overview-icon, .app-folder.grid-search-result:focus .overview-icon, .app-well-app.app-folder:active .overview-icon, .app-folder.grid-search-result:active .overview-icon, .app-well-app.app-folder:checked .overview-icon, .app-folder.grid-search-result:checked .overview-icon { background-color: rgba(238, 238, 236, 0.2); } .app-folder-dialog { border-radius: 24px; background-color: #1d1d1d; border: 1px solid #464646; } .app-folder-dialog .folder-name-container { padding: 24px 36px 0; spacing: 12px; /* FIXME: this is to keep the label in sync with the entry */ } .app-folder-dialog .folder-name-container .folder-name-label, .app-folder-dialog .folder-name-container .folder-name-entry { color: #eeeeec; } .app-folder-dialog .folder-name-container .folder-name-entry { width: 300px; background-color: rgba(39, 39, 39, 0.975); border-color: rgba(255, 255, 255, 0.16); } .app-folder-dialog .folder-name-container .folder-name-label { padding: 5px 7px; color: #eeeeec; } .app-folder-dialog .folder-name-container .edit-folder-button { padding: 0; width: 36px; height: 36px; border-radius: 99px; } .app-folder-dialog .folder-name-container .edit-folder-button > StIcon { icon-size: 1.09em; } .app-folder-dialog .icon-grid { row-spacing: 12px; column-spacing: 30px; page-padding-top: 0; page-padding-bottom: 0; page-padding-left: 0; page-padding-right: 0; } .app-folder-dialog .page-indicators { margin-bottom: 18px; } .app-folder-dialog-container { padding: 12px; width: 640px; height: 640px; } .app-well-app-running-dot { height: 5px; width: 5px; border-radius: 5px; margin-bottom: 8px; background-color: #03875B; } .rename-folder-popup .rename-folder-popup-item { spacing: 6px; } .rename-folder-popup .rename-folder-popup-item:ltr, .rename-folder-popup .rename-folder-popup-item:rtl { padding: 0 12px; } .page-indicator { padding: 6px 12px 0; } .page-indicator .page-indicator-icon { width: 10px; height: 10px; border-radius: 10px; background-color: white; } .apps-scroll-view { padding: 0; } .system-action-icon { background-color: rgba(0, 0, 0, 0.8); color: #fff; border-radius: 99px; icon-size: 48px; } .page-navigation-hint { width: 300px; } .page-navigation-hint.dnd { background: rgba(255, 255, 255, 0.1); } .page-navigation-hint.next:ltr, .page-navigation-hint.previous:rtl { background-gradient-start: rgba(255, 255, 255, 0.05); background-gradient-end: transparent; background-gradient-direction: horizontal; border-radius: 18px 0px 0px 18px; } .page-navigation-hint.previous:ltr, .page-navigation-hint.next:rtl { background-gradient-start: transparent; background-gradient-end: rgba(255, 255, 255, 0.05); background-gradient-direction: horizontal; border-radius: 0px 18px 18px 0px; } .page-navigation-arrow { margin: 6px; width: 24px; height: 24px; color: #eeeeec; } /* Workspace pager */ .workspace-thumbnails { visible-width: 32px; spacing: 6px; padding: 6px; border-color: transparent; } .workspace-thumbnails .workspace-thumbnail { border-radius: 3px; background-color: #1d1d1d; border: 1px solid #464646; } .workspace-thumbnails .placeholder { background-image: url("resource:///org/gnome/shell/theme/workspace-placeholder.svg"); background-size: contain; width: 18px; } .workspace-thumbnail-indicator { border: 2px solid #05cd8a; border-radius: 3px; padding: 0px; } .ripple-pointer-location { width: 50px; height: 50px; border-radius: 25px; background-color: rgba(41, 250, 180, 0.3); box-shadow: 0 0 2px 2px #05eb9e; } .pie-timer { width: 60px; height: 60px; -pie-border-width: 3px; -pie-border-color: #03875B; -pie-background-color: rgba(91, 251, 198, 0.3); } .magnifier-zoom-region { border: 2px solid #03875B; } .magnifier-zoom-region.full-screen { border-width: 0; } .select-area-rubberband { background-color: rgba(135, 135, 135, 0.2); border: 1px solid rgba(204, 204, 204, 0.8); } .user-icon { /* Yaru: See commit 3d4aca768250 */ background-size: contain; color: #F7F7F7; border-radius: 99px; icon-size: 4.36em; } .user-icon:hover { color: white; } .user-icon StIcon { background-color: rgba(247, 247, 247, 0.05); border-radius: 99px; padding: 12px; width: 2.725em; height: 2.725em; } .user-icon.user-avatar { border: 2px #eeeeec; } .user-widget.vertical .user-icon { icon-size: 6.54em; } .user-widget.vertical .user-icon StIcon { padding: 20px; padding-top: 18px; padding-bottom: 22px; width: 5.995em; height: 5.995em; /* Yaru: See commit 3d4aca768250 */ } .lightbox { background-color: black; } .flashspot { background-color: white; } .hidden { color: rgba(0, 0, 0, 0); } .caps-lock-warning-label { text-align: center; padding-bottom: 8px; color: #f99b11; } /* Workspace animation */ .workspace-animation { background-color: #222222; } /* Tiled window previews */ .tile-preview { background-color: rgba(3, 135, 91, 0.5); border: 1px solid #03875B; } /* On-screen Keyboard */ #keyboard { background-color: rgba(0, 0, 0, 0.9); } #keyboard .page-indicator { padding: 6px; } #keyboard .page-indicator .page-indicator-icon { width: 8px; height: 8px; } .key-container { padding: 4px; spacing: 4px; } .keyboard-key { font-size: 16pt; font-weight: bold; min-height: 1.2em; min-width: 1.2em; border-width: 1px; border-style: solid; border-radius: 10px; box-shadow: 0 1px 0 0 rgba(0, 0, 0, 0.1); color: #F7F7F7; background-color: #222222; } .keyboard-key:focus { color: #F7F7F7; background-color: #1f2c28; box-shadow: inset 0 0 0 2px rgba(3, 135, 91, 0.6); } .keyboard-key:focus:hover { background-color: #2b3833; box-shadow: inset 0 0 0 2px rgba(3, 135, 91, 0.7); } .keyboard-key:focus:active { background-color: #2f3c38; box-shadow: inset 0 0 0 2px rgba(3, 135, 91, 0.7); } .keyboard-key:hover { color: #F7F7F7; background-color: #2c2c2c; } .keyboard-key:active { color: #F7F7F7; background-color: #343434; } .keyboard-key:checked { color: #F7F7F7; background-color: #414141; } .keyboard-key:grayed { background-color: #151515; color: #F7F7F7; border-color: rgba(0, 0, 0, 0.7); } .keyboard-key.default-key { color: #F7F7F7; background-color: #222222; border-radius: 10px; } .keyboard-key.default-key:hover { color: #F7F7F7; background-color: #2c2c2c; } .keyboard-key.default-key:active { color: #F7F7F7; background-color: #343434; } .keyboard-key.default-key:checked { color: #F7F7F7; background-color: #414141; } .keyboard-key.enter-key { color: #FFFFFF; background-color: #0d7b1e; border-radius: 10px; color: #eeeeec; } .keyboard-key.enter-key:hover { color: #FFFFFF; background-color: #0f8d22; } .keyboard-key.enter-key:active { color: #FFFFFF; background-color: #109b26; } .keyboard-key.enter-key:checked { color: #FFFFFF; background-color: #13b22b; } .keyboard-key.shift-key-uppercase { background-color: #4e4e4e; color: #F7F7F7; } .keyboard-key.shift-key-uppercase:hover { background-color: #5a5a5a; } .keyboard-key StIcon { icon-size: 24px; } .keyboard-subkeys { -arrow-border-radius: 12px; -arrow-background-color: rgba(9, 9, 9, 0.9); -arrow-border-width: 1px; -arrow-border-color: #464646; -arrow-base: 20px; -arrow-rise: 10px; -boxpointer-gap: 6px; padding: 6px; } .keyboard-subkeys .keyboard-key { color: #F7F7F7; background-color: #222222; border-radius: 10px; } .keyboard-subkeys .keyboard-key:focus { color: #F7F7F7; background-color: #1f2c28; box-shadow: inset 0 0 0 2px rgba(3, 135, 91, 0.6); } .keyboard-subkeys .keyboard-key:focus:hover { background-color: #2b3833; box-shadow: inset 0 0 0 2px rgba(3, 135, 91, 0.7); } .keyboard-subkeys .keyboard-key:focus:active { background-color: #2f3c38; box-shadow: inset 0 0 0 2px rgba(3, 135, 91, 0.7); } .keyboard-subkeys .keyboard-key:hover { color: #F7F7F7; background-color: #2c2c2c; } .keyboard-subkeys .keyboard-key:active { color: #F7F7F7; background-color: #343434; } .keyboard-subkeys .keyboard-key:checked { color: #F7F7F7; background-color: #414141; } .emoji-page .keyboard-key { background-color: transparent; border: none; color: initial; } .emoji-panel .keyboard-key:latched { border-color: #04a06c; background-color: #03875B; } .word-suggestions { font-size: 14pt; spacing: 12px; min-height: 20pt; padding: 12px; color: #F7F7F7; } .word-suggestions StButton { margin: 0 3px; min-width: 32px; border-radius: 4px; padding: 6px 18px; background-color: transparent; background-image: none; } .word-suggestions StButton:focus { color: #F7F7F7; background-color: #1f2c28; box-shadow: inset 0 0 0 2px rgba(3, 135, 91, 0.6); } .word-suggestions StButton:focus:hover { background-color: #2b3833; box-shadow: inset 0 0 0 2px rgba(3, 135, 91, 0.7); } .word-suggestions StButton:focus:active { background-color: #2f3c38; box-shadow: inset 0 0 0 2px rgba(3, 135, 91, 0.7); } .word-suggestions StButton:hover { color: #F7F7F7; background-color: #2c2c2c; } .word-suggestions StButton:active { color: #F7F7F7; background-color: #343434; } .word-suggestions StButton:checked { color: #F7F7F7; background-color: #414141; } /* Looking Glass */ #LookingGlassDialog { background-color: rgba(29, 29, 29, 0.975); border-radius: 0 0 12px 12px; border-top-width: 0; border: 1px solid rgba(255, 255, 255, 0.16); color: #eeeeec; padding: 6px; spacing: 6px; box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.1); } #LookingGlassDialog > #Toolbar { border: none; padding: 6px; border-radius: 0; background-color: transparent; spacing: 6px; } #LookingGlassDialog > #Toolbar .lg-toolbar-button { padding: 6px 12px; } #LookingGlassDialog > #Toolbar .lg-toolbar-button > StIcon { icon-size: 1.09em; } #LookingGlassDialog .labels { spacing: 6px; } #LookingGlassDialog .notebook-tab { -natural-hpadding: 12px; -minimum-hpadding: 12px; font-weight: bold; padding: 6px 12px; color: #cacac4; transition-duration: 100ms; box-shadow: none; border: none; border-radius: 4px; background-color: transparent; } #LookingGlassDialog .notebook-tab:hover { color: #eeeeec; background-color: rgba(238, 238, 236, 0.05); } #LookingGlassDialog .notebook-tab:selected { color: #eeeeec; background-color: rgba(238, 238, 236, 0.1); } #LookingGlassDialog StBoxLayout#EvalBox { padding: 4px; spacing: 6px; padding: 6px; } #LookingGlassDialog StBoxLayout#ResultsArea { spacing: 6px; padding: 6px; } .lg-dialog { color: #eeeeec; } .lg-dialog StEntry { background-color: rgba(42, 42, 42, 0.575); color: #eeeeec; border-color: rgba(238, 238, 236, 0.2); min-height: 22px; selection-background-color: #03875B; selected-color: #FFFFFF; } .lg-dialog StEntry, .lg-dialog StEntry:focus { box-shadow: none; } .lg-dialog .shell-link { color: #05eb9e; } .lg-dialog .shell-link:hover { color: #29fab4; } .lg-dialog .shell-link:active { color: #04b97d; } .lg-dialog .actor-link { color: #8a8a8a; } .lg-dialog .actor-link:hover { color: #bdbdbd; } .lg-dialog .actor-link:active { color: #575757; } .lg-completions-text { font-style: italic; color: #eeeeec; } .lg-obj-inspector-title { spacing: 6px; color: #eeeeec; } .lg-obj-inspector-button { border: 1px solid rgba(0, 0, 0, 0.7); padding: 4px; border-radius: 6px; color: #eeeeec; } .lg-obj-inspector-button:hover { border: 1px solid #ffffff; } #lookingGlassExtensions { padding: 6px; } .lg-extensions-list { padding: 6px; spacing: 6px; } .lg-extension { padding: 12px; border-radius: 6px; margin: 4px; box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.1); color: #F7F7F7; background-color: #2c2c2c; } .lg-extension:focus { color: #F7F7F7; background-color: #2c2c2c; box-shadow: inset 0 0 0 2px #05cd8a; } .lg-extension:focus:hover { background-color: #343434; box-shadow: inset 0 0 0 2px #05cd8a; } .lg-extension:focus:active { background-color: #3b3b3b; box-shadow: inset 0 0 0 2px #05cd8a; } .lg-extension:hover { color: #F7F7F7; background-color: #343434; } .lg-extension:active { color: #F7F7F7; background-color: #3b3b3b; } .lg-extension-meta { spacing: 6px; } #LookingGlassPropertyInspector { background: rgba(29, 29, 29, 0.975); border: 1px solid rgba(0, 0, 0, 0.7); border-radius: 6px; padding: 6px; } .lg-debug-flag-button { color: #F7F7F7; } .lg-debug-flag-button StLabel { padding: 6px, 12px; } .lg-debug-flag-button:hover { color: white; } .lg-debug-flag-button:active { color: #c4c4c4; } .lg-debug-flags-header { padding-top: 12px; padding: 6px; } /* Login Dialog */ .login-dialog-banner-view { padding-top: 24px; max-width: 23em; } .login-dialog, .unlock-dialog { border: none; background-color: transparent; } .login-dialog .modal-dialog-button-box, .unlock-dialog .modal-dialog-button-box { spacing: 3px; } .login-dialog .modal-dialog-button, .unlock-dialog .modal-dialog-button { padding: 4px 18px; box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2); background-color: #222222; border-color: #464646; color: #F7F7F7; } .login-dialog .modal-dialog-button:hover, .unlock-dialog .modal-dialog-button:hover { background-color: #2f2f2f; } .login-dialog .modal-dialog-button:focus, .unlock-dialog .modal-dialog-button:focus { border-color: #05cd8a; box-shadow: inset 0 0 0 1px #05cd8a; } .login-dialog .modal-dialog-button:active, .unlock-dialog .modal-dialog-button:active { box-shadow: none; background-color: #151515; color: rgba(238, 238, 236, 0.7); } .login-dialog .modal-dialog-button:default, .unlock-dialog .modal-dialog-button:default { background-color: #03875B; color: #FFFFFF; } .login-dialog .modal-dialog-button:default:focus, .unlock-dialog .modal-dialog-button:default:focus { box-shadow: inset 0 0 0 2px rgba(3, 135, 91, 0.6); } .login-dialog .modal-dialog-button:default:hover, .login-dialog .modal-dialog-button:default:focus, .unlock-dialog .modal-dialog-button:default:hover, .unlock-dialog .modal-dialog-button:default:focus { background-color: #04a06c; color: white; } .login-dialog .modal-dialog-button:default:active, .unlock-dialog .modal-dialog-button:default:active { background-color: #026443; color: #ededed; } .login-dialog .modal-dialog-button:default:insensitive, .unlock-dialog .modal-dialog-button:default:insensitive { color: rgba(247, 247, 247, 0.5); background-color: rgba(247, 247, 247, 0.05); background-color: rgba(3, 135, 91, 0.5); color: rgba(255, 255, 255, 0.5); } .login-dialog .cancel-button, .login-dialog .switch-user-button, .login-dialog .login-dialog-session-list-button, .unlock-dialog .cancel-button, .unlock-dialog .switch-user-button, .unlock-dialog .login-dialog-session-list-button { padding: 0; border-radius: 99px; width: 2.18em; height: 2.18em; } .login-dialog .cancel-button StIcon, .login-dialog .switch-user-button StIcon, .login-dialog .login-dialog-session-list-button StIcon, .unlock-dialog .cancel-button StIcon, .unlock-dialog .switch-user-button StIcon, .unlock-dialog .login-dialog-session-list-button StIcon { icon-size: 1.09em; } .login-dialog .caps-lock-warning-label, .login-dialog .login-dialog-message, .unlock-dialog .caps-lock-warning-label, .unlock-dialog .login-dialog-message { color: #eeeeec; } .login-dialog-logo-bin { padding: 24px 0px; } .login-dialog-banner { color: #d6d6d1; } .login-dialog-button-box { width: 23em; spacing: 5px; } .login-dialog-message { text-align: center; } .login-dialog-user-selection-box { padding: 100px 0px; } .login-dialog-not-listed-label { padding-left: 2px; } .login-dialog-not-listed-button:focus .login-dialog-not-listed-label, .login-dialog-not-listed-button:hover .login-dialog-not-listed-label { color: #eeeeec; } .login-dialog-not-listed-label { font-weight: bold; color: #a6a69b; padding-top: 1em; } .login-dialog-auth-list-view { -st-vfade-offset: 1em; } .login-dialog-auth-list { spacing: 6px; margin-left: 2em; } .login-dialog-auth-list-title { margin-left: 2em; } .login-dialog-auth-list-item { border-radius: 10px; padding: 6px; color: #a6a69b; } .login-dialog-auth-list-item:focus, .login-dialog-auth-list-item:selected { background-color: #03875B; color: #FFFFFF; } .login-dialog-auth-list-label { font-size: 13pt; font-weight: bold; padding-left: 15px; } .login-dialog-auth-list-label:ltr { padding-left: 14px; text-align: left; } .login-dialog-auth-list-label:rtl { padding-right: 14px; text-align: right; } .login-dialog-user-list-view { -st-vfade-offset: 1em; } .login-dialog-user-list { spacing: 12px; width: 23em; } .login-dialog-user-list:expanded .login-dialog-user-list-item:selected { background-color: rgba(255, 255, 255, 0.1); color: #FFFFFF; } .login-dialog-user-list:expanded .login-dialog-user-list-item:logged-in { border-right: 2px solid rgba(255, 255, 255, 0.1); } .login-dialog-user-list-item { border-radius: 10px; padding: 6px; color: #a6a69b; } .login-dialog-user-list-item:ltr .user-widget { padding-right: 1em; } .login-dialog-user-list-item:rtl .user-widget { padding-left: 1em; } .login-dialog-user-list-item .login-dialog-timed-login-indicator { height: 2px; margin-top: 6px; background-color: #eeeeec; } .login-dialog-user-list-item:focus .login-dialog-timed-login-indicator { background-color: #FFFFFF; } .user-widget-label { color: #eeeeec; } .user-widget.horizontal .user-widget-label { font-size: 13pt; font-weight: bold; padding-left: 15px; } .user-widget.horizontal .user-widget-label:ltr { padding-left: 14px; text-align: left; } .user-widget.horizontal .user-widget-label:rtl { padding-right: 14px; text-align: right; } .user-widget.vertical .user-widget-label { font-size: 16pt; text-align: center; font-weight: normal; padding-top: 16px; } .login-dialog-timed-login-indicator { height: 2px; background-color: #919191; } .login-dialog-prompt-layout { padding-top: 24px; padding-bottom: 12px; spacing: 12px; width: 23em; } .login-dialog-prompt-entry { height: 1.5em; } .login-dialog-prompt-label { color: #bebeb6; font-size: 12pt; padding-top: 1em; } .login-dialog StEntry { background-color: #1b1b1b; color: #F7F7F7; } .unlock-dialog StEntry { border: none !important; } .unlock-dialog StEntry, .unlock-dialog StEntry:focus { color: #F7F7F7; background-color: rgba(247, 247, 247, 0.1); box-shadow: none; } .unlock-dialog StEntry:insensitive { color: rgba(247, 247, 247, 0.5); background-color: rgba(247, 247, 247, 0.05); } .unlock-dialog StEntry StLabel.hint-text { color: rgba(247, 247, 247, 0.7); } .unlock-dialog .user-icon { background-color: rgba(247, 247, 247, 0.1); color: #F7F7F7; } .unlock-dialog .cancel-button, .unlock-dialog .switch-user-button, .unlock-dialog .login-dialog-session-list-button { border-color: transparent; background-color: rgba(247, 247, 247, 0.1); box-shadow: none; } .unlock-dialog .cancel-button, .unlock-dialog .cancel-button:hover, .unlock-dialog .cancel-button:focus, .unlock-dialog .cancel-button:active, .unlock-dialog .switch-user-button, .unlock-dialog .switch-user-button:hover, .unlock-dialog .switch-user-button:focus, .unlock-dialog .switch-user-button:active, .unlock-dialog .login-dialog-session-list-button, .unlock-dialog .login-dialog-session-list-button:hover, .unlock-dialog .login-dialog-session-list-button:focus, .unlock-dialog .login-dialog-session-list-button:active { color: #F7F7F7; } .unlock-dialog .cancel-button:hover, .unlock-dialog .cancel-button:focus, .unlock-dialog .switch-user-button:hover, .unlock-dialog .switch-user-button:focus, .unlock-dialog .login-dialog-session-list-button:hover, .unlock-dialog .login-dialog-session-list-button:focus { background-color: rgba(247, 247, 247, 0.15); } .unlock-dialog .cancel-button:active, .unlock-dialog .switch-user-button:active, .unlock-dialog .login-dialog-session-list-button:active { background-color: rgba(247, 247, 247, 0.2); } /* Screen Shield */ .unlock-dialog-clock { color: white; font-weight: 300; text-align: center; spacing: 24px; padding-bottom: 2.5em; } .unlock-dialog-clock-time { font-size: 64pt; padding-top: 42px; } .unlock-dialog-clock-date { font-size: 16pt; font-weight: normal; } .unlock-dialog-clock-hint { font-weight: normal; padding-top: 48px; } .unlock-dialog-notifications-container { margin: 12px; spacing: 6px; width: 23em; background-color: transparent; } .unlock-dialog-notifications-container .summary-notification-stack-scrollview { padding-top: 0; padding-bottom: 0; } .unlock-dialog-notifications-container .notification, .unlock-dialog-notifications-container .unlock-dialog-notification-source { padding: 12px 16px; border: none; background-color: rgba(238, 238, 236, 0.1); color: #eeeeec; border-radius: 12px; } .unlock-dialog-notifications-container .notification.critical, .unlock-dialog-notifications-container .unlock-dialog-notification-source.critical { background-color: rgba(238, 238, 236, 0.2); } .unlock-dialog-notification-label { padding: 0 0 0 12px; } .unlock-dialog-notification-count-text { font-weight: bold; padding: 0 12px; color: #eeeeec; background-color: rgba(238, 238, 236, 0.1); border-radius: 99px; } .screen-shield-background { background: black; box-shadow: 0 2px 4px rgba(0, 0, 0, 0.6); } #lockDialogGroup { background-color: #222222; } #unlockDialogNotifications StButton#vhandle, #unlockDialogNotifications StButton#hhandle { background-color: rgba(29, 29, 29, 0.3); } #unlockDialogNotifications StButton#vhandle:hover, #unlockDialogNotifications StButton#vhandle:focus, #unlockDialogNotifications StButton#hhandle:hover, #unlockDialogNotifications StButton#hhandle:focus { background-color: rgba(29, 29, 29, 0.5); } #unlockDialogNotifications StButton#vhandle:active, #unlockDialogNotifications StButton#hhandle:active { background-color: rgba(3, 135, 91, 0.5); } * { font-weight: normal !important; text-shadow: none !important; } .file-item { border-radius: 6px; } /* Default Ubuntu Dock styling, append !important to any changed rules This must be in sync with - https://github.com/micheleg/dash-to-dock/blob/ubuntu-dock/_stylesheet.scss */ #dashtodockContainer.bottom #dash { margin: 0px; padding: 0px; } #dashtodockContainer.bottom #dash .dash-background { margin: 0; margin-bottom: 4px; padding: 0; border-radius: 18px; spacing: 6px; } #dashtodockContainer.bottom #dash .dash-separator { background-color: #464646; margin: 0 4px; width: 1px; height: 0; margin-bottom: 4px; } #dashtodockContainer.bottom #dash #dashtodockDashContainer { padding: 10px; padding-bottom: 0; padding-top: 0; } #dashtodockContainer.bottom #dash .dash-item-container { /* Disable all margins defined upstream, we handle them here */ margin: 0 2px; } #dashtodockContainer.bottom #dash .dash-item-container > * { margin: 0; } #dashtodockContainer.bottom #dash .dash-item-container:ltr:first-child, #dashtodockContainer.bottom #dash .dash-item-container:rtl:last-child { margin-left: 0; } #dashtodockContainer.bottom #dash .dash-item-container:ltr:last-child, #dashtodockContainer.bottom #dash .dash-item-container:rtl:first-child { margin-right: 0; } #dashtodockContainer.bottom #dash .dash-item-container .app-well-app, #dashtodockContainer.bottom #dash .dash-item-container .grid-search-result, #dashtodockContainer.bottom #dash .dash-item-container .show-apps { padding: 2px 2px; padding-bottom: 14px; padding-top: 10px; } #dashtodockContainer.bottom #dash .dash-item-container .app-well-app:ltr:first-child, #dashtodockContainer.bottom #dash .dash-item-container .grid-search-result:ltr:first-child, #dashtodockContainer.bottom #dash .dash-item-container .app-well-app:rtl:last-child, #dashtodockContainer.bottom #dash .dash-item-container .grid-search-result:rtl:last-child, #dashtodockContainer.bottom #dash .dash-item-container .show-apps:ltr:first-child, #dashtodockContainer.bottom #dash .dash-item-container .show-apps:rtl:last-child { padding-left: 0; } #dashtodockContainer.bottom #dash .dash-item-container .app-well-app:ltr:last-child, #dashtodockContainer.bottom #dash .dash-item-container .grid-search-result:ltr:last-child, #dashtodockContainer.bottom #dash .dash-item-container .app-well-app:rtl:first-child, #dashtodockContainer.bottom #dash .dash-item-container .grid-search-result:rtl:first-child, #dashtodockContainer.bottom #dash .dash-item-container .show-apps:ltr:last-child, #dashtodockContainer.bottom #dash .dash-item-container .show-apps:rtl:first-child { padding-right: 0; } #dashtodockContainer.bottom #dash .dash-item-container .app-well-app.running .overview-icon, #dashtodockContainer.bottom #dash .dash-item-container .running.grid-search-result .overview-icon { background-image: none; } #dashtodockContainer.bottom #dash .dash-item-container .app-well-app.focused .overview-icon, #dashtodockContainer.bottom #dash .dash-item-container .focused.grid-search-result .overview-icon { background-color: rgba(238, 238, 236, 0.2); } #dashtodockContainer.bottom #dash .dash-item-container .app-well-app .app-well-app-running-dot, #dashtodockContainer.bottom #dash .dash-item-container .grid-search-result .app-well-app-running-dot { margin-bottom: 2px; } #dashtodockContainer.bottom #dash .dash-item-container > StButton { transition-duration: 250; background-size: contain; } #dashtodockContainer.bottom.fixed #dash .dash-background { margin-top: 4px; } #dashtodockContainer.bottom.fixed #dash .dash-item-container .app-well-app, #dashtodockContainer.bottom.fixed #dash .dash-item-container .grid-search-result, #dashtodockContainer.bottom.fixed #dash .dash-item-container .show-apps { padding-top: 14px; } .dash-label.bottom { margin-bottom: 10px; -x-offset: 0; -y-offset: 0; } #dashtodockContainer.bottom.shrink #dash { margin: 0px; padding: 0px; } #dashtodockContainer.bottom.shrink #dash .dash-background { margin: 0; margin-bottom: 4px; padding: 0; border-radius: 14px; spacing: 2px; } #dashtodockContainer.bottom.shrink #dash .dash-separator { background-color: #464646; margin: 0 1px; width: 1px; height: 0; margin-bottom: 4px; } #dashtodockContainer.bottom.shrink #dash #dashtodockDashContainer { padding: 3px; padding-bottom: 0; padding-top: 0; } #dashtodockContainer.bottom.shrink #dash .dash-item-container { /* Disable all margins defined upstream, we handle them here */ margin: 0 2px; } #dashtodockContainer.bottom.shrink #dash .dash-item-container > * { margin: 0; } #dashtodockContainer.bottom.shrink #dash .dash-item-container:ltr:first-child, #dashtodockContainer.bottom.shrink #dash .dash-item-container:rtl:last-child { margin-left: 0; } #dashtodockContainer.bottom.shrink #dash .dash-item-container:ltr:last-child, #dashtodockContainer.bottom.shrink #dash .dash-item-container:rtl:first-child { margin-right: 0; } #dashtodockContainer.bottom.shrink #dash .dash-item-container .app-well-app, #dashtodockContainer.bottom.shrink #dash .dash-item-container .grid-search-result, #dashtodockContainer.bottom.shrink #dash .dash-item-container .show-apps { padding: 1px 1px; padding-bottom: 7px; padding-top: 3px; } #dashtodockContainer.bottom.shrink #dash .dash-item-container .app-well-app:ltr:first-child, #dashtodockContainer.bottom.shrink #dash .dash-item-container .grid-search-result:ltr:first-child, #dashtodockContainer.bottom.shrink #dash .dash-item-container .app-well-app:rtl:last-child, #dashtodockContainer.bottom.shrink #dash .dash-item-container .grid-search-result:rtl:last-child, #dashtodockContainer.bottom.shrink #dash .dash-item-container .show-apps:ltr:first-child, #dashtodockContainer.bottom.shrink #dash .dash-item-container .show-apps:rtl:last-child { padding-left: 0; } #dashtodockContainer.bottom.shrink #dash .dash-item-container .app-well-app:ltr:last-child, #dashtodockContainer.bottom.shrink #dash .dash-item-container .grid-search-result:ltr:last-child, #dashtodockContainer.bottom.shrink #dash .dash-item-container .app-well-app:rtl:first-child, #dashtodockContainer.bottom.shrink #dash .dash-item-container .grid-search-result:rtl:first-child, #dashtodockContainer.bottom.shrink #dash .dash-item-container .show-apps:ltr:last-child, #dashtodockContainer.bottom.shrink #dash .dash-item-container .show-apps:rtl:first-child { padding-right: 0; } #dashtodockContainer.bottom.shrink #dash .dash-item-container .app-well-app.running .overview-icon, #dashtodockContainer.bottom.shrink #dash .dash-item-container .running.grid-search-result .overview-icon { background-image: none; } #dashtodockContainer.bottom.shrink #dash .dash-item-container .app-well-app.focused .overview-icon, #dashtodockContainer.bottom.shrink #dash .dash-item-container .focused.grid-search-result .overview-icon { background-color: rgba(238, 238, 236, 0.2); } #dashtodockContainer.bottom.shrink #dash .dash-item-container .app-well-app .app-well-app-running-dot, #dashtodockContainer.bottom.shrink #dash .dash-item-container .grid-search-result .app-well-app-running-dot { margin-bottom: 2px; } #dashtodockContainer.bottom.shrink #dash .dash-item-container > StButton { transition-duration: 250; background-size: contain; } #dashtodockContainer.bottom.shrink.fixed #dash .dash-background { margin-top: 1px; } #dashtodockContainer.bottom.shrink.fixed #dash .dash-item-container .app-well-app, #dashtodockContainer.bottom.shrink.fixed #dash .dash-item-container .grid-search-result, #dashtodockContainer.bottom.shrink.fixed #dash .dash-item-container .show-apps { padding-top: 4px; } .dash-label.bottom.shrink { margin-bottom: 3px; -x-offset: 0; -y-offset: 0; } #dashtodockContainer.bottom.extended #dash { margin: 0px; padding: 0px; } #dashtodockContainer.bottom.extended #dash .dash-background { margin: 0; margin-bottom: 0; padding: 0; border-radius: 0; spacing: 6px; } #dashtodockContainer.bottom.extended #dash .dash-separator { background-color: #464646; margin: 0 4px; width: 1px; height: 0; margin-bottom: 0; } #dashtodockContainer.bottom.extended #dash #dashtodockDashContainer { padding: 0; padding-bottom: 0; padding-top: 0; } #dashtodockContainer.bottom.extended #dash #dashtodockDashContainer > :first-child .show-apps { padding-left: 8px; } #dashtodockContainer.bottom.extended #dash #dashtodockDashContainer #dashtodockDashScrollview:first-child { padding-left: 8px; } #dashtodockContainer.bottom.extended #dash #dashtodockDashContainer > :last-child .show-apps { padding-right: 8px; } #dashtodockContainer.bottom.extended #dash #dashtodockDashContainer #dashtodockDashScrollview:last-child { padding-right: 8px; } #dashtodockContainer.bottom.extended #dash .dash-item-container { /* Disable all margins defined upstream, we handle them here */ margin: 0 2px; } #dashtodockContainer.bottom.extended #dash .dash-item-container > * { margin: 0; } #dashtodockContainer.bottom.extended #dash .dash-item-container:ltr:first-child, #dashtodockContainer.bottom.extended #dash .dash-item-container:rtl:last-child { margin-left: 0; } #dashtodockContainer.bottom.extended #dash .dash-item-container:ltr:last-child, #dashtodockContainer.bottom.extended #dash .dash-item-container:rtl:first-child { margin-right: 0; } #dashtodockContainer.bottom.extended #dash .dash-item-container .app-well-app, #dashtodockContainer.bottom.extended #dash .dash-item-container .grid-search-result, #dashtodockContainer.bottom.extended #dash .dash-item-container .show-apps { padding: 2px 2px; padding-bottom: 10px; padding-top: 10px; } #dashtodockContainer.bottom.extended #dash .dash-item-container .app-well-app:ltr:first-child, #dashtodockContainer.bottom.extended #dash .dash-item-container .grid-search-result:ltr:first-child, #dashtodockContainer.bottom.extended #dash .dash-item-container .app-well-app:rtl:last-child, #dashtodockContainer.bottom.extended #dash .dash-item-container .grid-search-result:rtl:last-child, #dashtodockContainer.bottom.extended #dash .dash-item-container .show-apps:ltr:first-child, #dashtodockContainer.bottom.extended #dash .dash-item-container .show-apps:rtl:last-child { padding-left: 0; } #dashtodockContainer.bottom.extended #dash .dash-item-container .app-well-app:ltr:last-child, #dashtodockContainer.bottom.extended #dash .dash-item-container .grid-search-result:ltr:last-child, #dashtodockContainer.bottom.extended #dash .dash-item-container .app-well-app:rtl:first-child, #dashtodockContainer.bottom.extended #dash .dash-item-container .grid-search-result:rtl:first-child, #dashtodockContainer.bottom.extended #dash .dash-item-container .show-apps:ltr:last-child, #dashtodockContainer.bottom.extended #dash .dash-item-container .show-apps:rtl:first-child { padding-right: 0; } #dashtodockContainer.bottom.extended #dash .dash-item-container .app-well-app.running .overview-icon, #dashtodockContainer.bottom.extended #dash .dash-item-container .running.grid-search-result .overview-icon { background-image: none; } #dashtodockContainer.bottom.extended #dash .dash-item-container .app-well-app.focused .overview-icon, #dashtodockContainer.bottom.extended #dash .dash-item-container .focused.grid-search-result .overview-icon { background-color: rgba(238, 238, 236, 0.2); } #dashtodockContainer.bottom.extended #dash .dash-item-container .app-well-app .app-well-app-running-dot, #dashtodockContainer.bottom.extended #dash .dash-item-container .grid-search-result .app-well-app-running-dot { margin-bottom: 2px; } #dashtodockContainer.bottom.extended #dash .dash-item-container > StButton { transition-duration: 250; background-size: contain; } #dashtodockContainer.bottom.extended.fixed #dash .dash-background { margin-top: 0; } #dashtodockContainer.bottom.extended.fixed #dash .dash-item-container .app-well-app, #dashtodockContainer.bottom.extended.fixed #dash .dash-item-container .grid-search-result, #dashtodockContainer.bottom.extended.fixed #dash .dash-item-container .show-apps { padding-top: 10px; } .dash-label.bottom { margin-bottom: 10px; -x-offset: 0; -y-offset: 0; } #dashtodockContainer.bottom.extended.shrink #dash { margin: 0px; padding: 0px; } #dashtodockContainer.bottom.extended.shrink #dash .dash-background { margin: 0; margin-bottom: 0; padding: 0; border-radius: 0; spacing: 2px; } #dashtodockContainer.bottom.extended.shrink #dash .dash-separator { background-color: #464646; margin: 0 1px; width: 1px; height: 0; margin-bottom: 0; } #dashtodockContainer.bottom.extended.shrink #dash #dashtodockDashContainer { padding: 0; padding-bottom: 0; padding-top: 0; } #dashtodockContainer.bottom.extended.shrink #dash #dashtodockDashContainer > :first-child .show-apps { padding-left: 6px; } #dashtodockContainer.bottom.extended.shrink #dash #dashtodockDashContainer #dashtodockDashScrollview:first-child { padding-left: 6px; } #dashtodockContainer.bottom.extended.shrink #dash #dashtodockDashContainer > :last-child .show-apps { padding-right: 6px; } #dashtodockContainer.bottom.extended.shrink #dash #dashtodockDashContainer #dashtodockDashScrollview:last-child { padding-right: 6px; } #dashtodockContainer.bottom.extended.shrink #dash .dash-item-container { /* Disable all margins defined upstream, we handle them here */ margin: 0 2px; } #dashtodockContainer.bottom.extended.shrink #dash .dash-item-container > * { margin: 0; } #dashtodockContainer.bottom.extended.shrink #dash .dash-item-container:ltr:first-child, #dashtodockContainer.bottom.extended.shrink #dash .dash-item-container:rtl:last-child { margin-left: 0; } #dashtodockContainer.bottom.extended.shrink #dash .dash-item-container:ltr:last-child, #dashtodockContainer.bottom.extended.shrink #dash .dash-item-container:rtl:first-child { margin-right: 0; } #dashtodockContainer.bottom.extended.shrink #dash .dash-item-container .app-well-app, #dashtodockContainer.bottom.extended.shrink #dash .dash-item-container .grid-search-result, #dashtodockContainer.bottom.extended.shrink #dash .dash-item-container .show-apps { padding: 1px 1px; padding-bottom: 3px; padding-top: 3px; } #dashtodockContainer.bottom.extended.shrink #dash .dash-item-container .app-well-app:ltr:first-child, #dashtodockContainer.bottom.extended.shrink #dash .dash-item-container .grid-search-result:ltr:first-child, #dashtodockContainer.bottom.extended.shrink #dash .dash-item-container .app-well-app:rtl:last-child, #dashtodockContainer.bottom.extended.shrink #dash .dash-item-container .grid-search-result:rtl:last-child, #dashtodockContainer.bottom.extended.shrink #dash .dash-item-container .show-apps:ltr:first-child, #dashtodockContainer.bottom.extended.shrink #dash .dash-item-container .show-apps:rtl:last-child { padding-left: 0; } #dashtodockContainer.bottom.extended.shrink #dash .dash-item-container .app-well-app:ltr:last-child, #dashtodockContainer.bottom.extended.shrink #dash .dash-item-container .grid-search-result:ltr:last-child, #dashtodockContainer.bottom.extended.shrink #dash .dash-item-container .app-well-app:rtl:first-child, #dashtodockContainer.bottom.extended.shrink #dash .dash-item-container .grid-search-result:rtl:first-child, #dashtodockContainer.bottom.extended.shrink #dash .dash-item-container .show-apps:ltr:last-child, #dashtodockContainer.bottom.extended.shrink #dash .dash-item-container .show-apps:rtl:first-child { padding-right: 0; } #dashtodockContainer.bottom.extended.shrink #dash .dash-item-container .app-well-app.running .overview-icon, #dashtodockContainer.bottom.extended.shrink #dash .dash-item-container .running.grid-search-result .overview-icon { background-image: none; } #dashtodockContainer.bottom.extended.shrink #dash .dash-item-container .app-well-app.focused .overview-icon, #dashtodockContainer.bottom.extended.shrink #dash .dash-item-container .focused.grid-search-result .overview-icon { background-color: rgba(238, 238, 236, 0.2); } #dashtodockContainer.bottom.extended.shrink #dash .dash-item-container .app-well-app .app-well-app-running-dot, #dashtodockContainer.bottom.extended.shrink #dash .dash-item-container .grid-search-result .app-well-app-running-dot { margin-bottom: 2px; } #dashtodockContainer.bottom.extended.shrink #dash .dash-item-container > StButton { transition-duration: 250; background-size: contain; } #dashtodockContainer.bottom.extended.shrink.fixed #dash .dash-background { margin-top: 0; } #dashtodockContainer.bottom.extended.shrink.fixed #dash .dash-item-container .app-well-app, #dashtodockContainer.bottom.extended.shrink.fixed #dash .dash-item-container .grid-search-result, #dashtodockContainer.bottom.extended.shrink.fixed #dash .dash-item-container .show-apps { padding-top: 3px; } .dash-label.bottom.shrink { margin-bottom: 3px; -x-offset: 0; -y-offset: 0; } #dashtodockContainer.top #dash { margin: 0px; padding: 0px; } #dashtodockContainer.top #dash .dash-background { margin: 0; margin-top: 4px; padding: 0; border-radius: 18px; spacing: 6px; } #dashtodockContainer.top #dash .dash-separator { background-color: #464646; margin: 0 4px; width: 1px; height: 0; margin-top: 4px; } #dashtodockContainer.top #dash #dashtodockDashContainer { padding: 10px; padding-top: 0; padding-bottom: 0; } #dashtodockContainer.top #dash .dash-item-container { /* Disable all margins defined upstream, we handle them here */ margin: 0 2px; } #dashtodockContainer.top #dash .dash-item-container > * { margin: 0; } #dashtodockContainer.top #dash .dash-item-container:ltr:first-child, #dashtodockContainer.top #dash .dash-item-container:rtl:last-child { margin-left: 0; } #dashtodockContainer.top #dash .dash-item-container:ltr:last-child, #dashtodockContainer.top #dash .dash-item-container:rtl:first-child { margin-right: 0; } #dashtodockContainer.top #dash .dash-item-container .app-well-app, #dashtodockContainer.top #dash .dash-item-container .grid-search-result, #dashtodockContainer.top #dash .dash-item-container .show-apps { padding: 2px 2px; padding-top: 14px; padding-bottom: 10px; } #dashtodockContainer.top #dash .dash-item-container .app-well-app:ltr:first-child, #dashtodockContainer.top #dash .dash-item-container .grid-search-result:ltr:first-child, #dashtodockContainer.top #dash .dash-item-container .app-well-app:rtl:last-child, #dashtodockContainer.top #dash .dash-item-container .grid-search-result:rtl:last-child, #dashtodockContainer.top #dash .dash-item-container .show-apps:ltr:first-child, #dashtodockContainer.top #dash .dash-item-container .show-apps:rtl:last-child { padding-left: 0; } #dashtodockContainer.top #dash .dash-item-container .app-well-app:ltr:last-child, #dashtodockContainer.top #dash .dash-item-container .grid-search-result:ltr:last-child, #dashtodockContainer.top #dash .dash-item-container .app-well-app:rtl:first-child, #dashtodockContainer.top #dash .dash-item-container .grid-search-result:rtl:first-child, #dashtodockContainer.top #dash .dash-item-container .show-apps:ltr:last-child, #dashtodockContainer.top #dash .dash-item-container .show-apps:rtl:first-child { padding-right: 0; } #dashtodockContainer.top #dash .dash-item-container .app-well-app.running .overview-icon, #dashtodockContainer.top #dash .dash-item-container .running.grid-search-result .overview-icon { background-image: none; } #dashtodockContainer.top #dash .dash-item-container .app-well-app.focused .overview-icon, #dashtodockContainer.top #dash .dash-item-container .focused.grid-search-result .overview-icon { background-color: rgba(238, 238, 236, 0.2); } #dashtodockContainer.top #dash .dash-item-container .app-well-app .app-well-app-running-dot, #dashtodockContainer.top #dash .dash-item-container .grid-search-result .app-well-app-running-dot { margin-bottom: 2px; } #dashtodockContainer.top #dash .dash-item-container > StButton { transition-duration: 250; background-size: contain; } #dashtodockContainer.top.fixed #dash .dash-background { margin-bottom: 4px; } #dashtodockContainer.top.fixed #dash .dash-item-container .app-well-app, #dashtodockContainer.top.fixed #dash .dash-item-container .grid-search-result, #dashtodockContainer.top.fixed #dash .dash-item-container .show-apps { padding-bottom: 14px; } .dash-label.top { margin-top: 10px; -x-offset: 0; -y-offset: 0; } #dashtodockContainer.top.shrink #dash { margin: 0px; padding: 0px; } #dashtodockContainer.top.shrink #dash .dash-background { margin: 0; margin-top: 4px; padding: 0; border-radius: 14px; spacing: 2px; } #dashtodockContainer.top.shrink #dash .dash-separator { background-color: #464646; margin: 0 1px; width: 1px; height: 0; margin-top: 4px; } #dashtodockContainer.top.shrink #dash #dashtodockDashContainer { padding: 3px; padding-top: 0; padding-bottom: 0; } #dashtodockContainer.top.shrink #dash .dash-item-container { /* Disable all margins defined upstream, we handle them here */ margin: 0 2px; } #dashtodockContainer.top.shrink #dash .dash-item-container > * { margin: 0; } #dashtodockContainer.top.shrink #dash .dash-item-container:ltr:first-child, #dashtodockContainer.top.shrink #dash .dash-item-container:rtl:last-child { margin-left: 0; } #dashtodockContainer.top.shrink #dash .dash-item-container:ltr:last-child, #dashtodockContainer.top.shrink #dash .dash-item-container:rtl:first-child { margin-right: 0; } #dashtodockContainer.top.shrink #dash .dash-item-container .app-well-app, #dashtodockContainer.top.shrink #dash .dash-item-container .grid-search-result, #dashtodockContainer.top.shrink #dash .dash-item-container .show-apps { padding: 1px 1px; padding-top: 7px; padding-bottom: 3px; } #dashtodockContainer.top.shrink #dash .dash-item-container .app-well-app:ltr:first-child, #dashtodockContainer.top.shrink #dash .dash-item-container .grid-search-result:ltr:first-child, #dashtodockContainer.top.shrink #dash .dash-item-container .app-well-app:rtl:last-child, #dashtodockContainer.top.shrink #dash .dash-item-container .grid-search-result:rtl:last-child, #dashtodockContainer.top.shrink #dash .dash-item-container .show-apps:ltr:first-child, #dashtodockContainer.top.shrink #dash .dash-item-container .show-apps:rtl:last-child { padding-left: 0; } #dashtodockContainer.top.shrink #dash .dash-item-container .app-well-app:ltr:last-child, #dashtodockContainer.top.shrink #dash .dash-item-container .grid-search-result:ltr:last-child, #dashtodockContainer.top.shrink #dash .dash-item-container .app-well-app:rtl:first-child, #dashtodockContainer.top.shrink #dash .dash-item-container .grid-search-result:rtl:first-child, #dashtodockContainer.top.shrink #dash .dash-item-container .show-apps:ltr:last-child, #dashtodockContainer.top.shrink #dash .dash-item-container .show-apps:rtl:first-child { padding-right: 0; } #dashtodockContainer.top.shrink #dash .dash-item-container .app-well-app.running .overview-icon, #dashtodockContainer.top.shrink #dash .dash-item-container .running.grid-search-result .overview-icon { background-image: none; } #dashtodockContainer.top.shrink #dash .dash-item-container .app-well-app.focused .overview-icon, #dashtodockContainer.top.shrink #dash .dash-item-container .focused.grid-search-result .overview-icon { background-color: rgba(238, 238, 236, 0.2); } #dashtodockContainer.top.shrink #dash .dash-item-container .app-well-app .app-well-app-running-dot, #dashtodockContainer.top.shrink #dash .dash-item-container .grid-search-result .app-well-app-running-dot { margin-bottom: 2px; } #dashtodockContainer.top.shrink #dash .dash-item-container > StButton { transition-duration: 250; background-size: contain; } #dashtodockContainer.top.shrink.fixed #dash .dash-background { margin-bottom: 1px; } #dashtodockContainer.top.shrink.fixed #dash .dash-item-container .app-well-app, #dashtodockContainer.top.shrink.fixed #dash .dash-item-container .grid-search-result, #dashtodockContainer.top.shrink.fixed #dash .dash-item-container .show-apps { padding-bottom: 4px; } .dash-label.top.shrink { margin-top: 3px; -x-offset: 0; -y-offset: 0; } #dashtodockContainer.top.extended #dash { margin: 0px; padding: 0px; } #dashtodockContainer.top.extended #dash .dash-background { margin: 0; margin-top: 0; padding: 0; border-radius: 0; spacing: 6px; } #dashtodockContainer.top.extended #dash .dash-separator { background-color: #464646; margin: 0 4px; width: 1px; height: 0; margin-top: 0; } #dashtodockContainer.top.extended #dash #dashtodockDashContainer { padding: 0; padding-top: 0; padding-bottom: 0; } #dashtodockContainer.top.extended #dash #dashtodockDashContainer > :first-child .show-apps { padding-left: 8px; } #dashtodockContainer.top.extended #dash #dashtodockDashContainer #dashtodockDashScrollview:first-child { padding-left: 8px; } #dashtodockContainer.top.extended #dash #dashtodockDashContainer > :last-child .show-apps { padding-right: 8px; } #dashtodockContainer.top.extended #dash #dashtodockDashContainer #dashtodockDashScrollview:last-child { padding-right: 8px; } #dashtodockContainer.top.extended #dash .dash-item-container { /* Disable all margins defined upstream, we handle them here */ margin: 0 2px; } #dashtodockContainer.top.extended #dash .dash-item-container > * { margin: 0; } #dashtodockContainer.top.extended #dash .dash-item-container:ltr:first-child, #dashtodockContainer.top.extended #dash .dash-item-container:rtl:last-child { margin-left: 0; } #dashtodockContainer.top.extended #dash .dash-item-container:ltr:last-child, #dashtodockContainer.top.extended #dash .dash-item-container:rtl:first-child { margin-right: 0; } #dashtodockContainer.top.extended #dash .dash-item-container .app-well-app, #dashtodockContainer.top.extended #dash .dash-item-container .grid-search-result, #dashtodockContainer.top.extended #dash .dash-item-container .show-apps { padding: 2px 2px; padding-top: 10px; padding-bottom: 10px; } #dashtodockContainer.top.extended #dash .dash-item-container .app-well-app:ltr:first-child, #dashtodockContainer.top.extended #dash .dash-item-container .grid-search-result:ltr:first-child, #dashtodockContainer.top.extended #dash .dash-item-container .app-well-app:rtl:last-child, #dashtodockContainer.top.extended #dash .dash-item-container .grid-search-result:rtl:last-child, #dashtodockContainer.top.extended #dash .dash-item-container .show-apps:ltr:first-child, #dashtodockContainer.top.extended #dash .dash-item-container .show-apps:rtl:last-child { padding-left: 0; } #dashtodockContainer.top.extended #dash .dash-item-container .app-well-app:ltr:last-child, #dashtodockContainer.top.extended #dash .dash-item-container .grid-search-result:ltr:last-child, #dashtodockContainer.top.extended #dash .dash-item-container .app-well-app:rtl:first-child, #dashtodockContainer.top.extended #dash .dash-item-container .grid-search-result:rtl:first-child, #dashtodockContainer.top.extended #dash .dash-item-container .show-apps:ltr:last-child, #dashtodockContainer.top.extended #dash .dash-item-container .show-apps:rtl:first-child { padding-right: 0; } #dashtodockContainer.top.extended #dash .dash-item-container .app-well-app.running .overview-icon, #dashtodockContainer.top.extended #dash .dash-item-container .running.grid-search-result .overview-icon { background-image: none; } #dashtodockContainer.top.extended #dash .dash-item-container .app-well-app.focused .overview-icon, #dashtodockContainer.top.extended #dash .dash-item-container .focused.grid-search-result .overview-icon { background-color: rgba(238, 238, 236, 0.2); } #dashtodockContainer.top.extended #dash .dash-item-container .app-well-app .app-well-app-running-dot, #dashtodockContainer.top.extended #dash .dash-item-container .grid-search-result .app-well-app-running-dot { margin-bottom: 2px; } #dashtodockContainer.top.extended #dash .dash-item-container > StButton { transition-duration: 250; background-size: contain; } #dashtodockContainer.top.extended.fixed #dash .dash-background { margin-bottom: 0; } #dashtodockContainer.top.extended.fixed #dash .dash-item-container .app-well-app, #dashtodockContainer.top.extended.fixed #dash .dash-item-container .grid-search-result, #dashtodockContainer.top.extended.fixed #dash .dash-item-container .show-apps { padding-bottom: 10px; } .dash-label.top { margin-top: 10px; -x-offset: 0; -y-offset: 0; } #dashtodockContainer.top.extended.shrink #dash { margin: 0px; padding: 0px; } #dashtodockContainer.top.extended.shrink #dash .dash-background { margin: 0; margin-top: 0; padding: 0; border-radius: 0; spacing: 2px; } #dashtodockContainer.top.extended.shrink #dash .dash-separator { background-color: #464646; margin: 0 1px; width: 1px; height: 0; margin-top: 0; } #dashtodockContainer.top.extended.shrink #dash #dashtodockDashContainer { padding: 0; padding-top: 0; padding-bottom: 0; } #dashtodockContainer.top.extended.shrink #dash #dashtodockDashContainer > :first-child .show-apps { padding-left: 6px; } #dashtodockContainer.top.extended.shrink #dash #dashtodockDashContainer #dashtodockDashScrollview:first-child { padding-left: 6px; } #dashtodockContainer.top.extended.shrink #dash #dashtodockDashContainer > :last-child .show-apps { padding-right: 6px; } #dashtodockContainer.top.extended.shrink #dash #dashtodockDashContainer #dashtodockDashScrollview:last-child { padding-right: 6px; } #dashtodockContainer.top.extended.shrink #dash .dash-item-container { /* Disable all margins defined upstream, we handle them here */ margin: 0 2px; } #dashtodockContainer.top.extended.shrink #dash .dash-item-container > * { margin: 0; } #dashtodockContainer.top.extended.shrink #dash .dash-item-container:ltr:first-child, #dashtodockContainer.top.extended.shrink #dash .dash-item-container:rtl:last-child { margin-left: 0; } #dashtodockContainer.top.extended.shrink #dash .dash-item-container:ltr:last-child, #dashtodockContainer.top.extended.shrink #dash .dash-item-container:rtl:first-child { margin-right: 0; } #dashtodockContainer.top.extended.shrink #dash .dash-item-container .app-well-app, #dashtodockContainer.top.extended.shrink #dash .dash-item-container .grid-search-result, #dashtodockContainer.top.extended.shrink #dash .dash-item-container .show-apps { padding: 1px 1px; padding-top: 3px; padding-bottom: 3px; } #dashtodockContainer.top.extended.shrink #dash .dash-item-container .app-well-app:ltr:first-child, #dashtodockContainer.top.extended.shrink #dash .dash-item-container .grid-search-result:ltr:first-child, #dashtodockContainer.top.extended.shrink #dash .dash-item-container .app-well-app:rtl:last-child, #dashtodockContainer.top.extended.shrink #dash .dash-item-container .grid-search-result:rtl:last-child, #dashtodockContainer.top.extended.shrink #dash .dash-item-container .show-apps:ltr:first-child, #dashtodockContainer.top.extended.shrink #dash .dash-item-container .show-apps:rtl:last-child { padding-left: 0; } #dashtodockContainer.top.extended.shrink #dash .dash-item-container .app-well-app:ltr:last-child, #dashtodockContainer.top.extended.shrink #dash .dash-item-container .grid-search-result:ltr:last-child, #dashtodockContainer.top.extended.shrink #dash .dash-item-container .app-well-app:rtl:first-child, #dashtodockContainer.top.extended.shrink #dash .dash-item-container .grid-search-result:rtl:first-child, #dashtodockContainer.top.extended.shrink #dash .dash-item-container .show-apps:ltr:last-child, #dashtodockContainer.top.extended.shrink #dash .dash-item-container .show-apps:rtl:first-child { padding-right: 0; } #dashtodockContainer.top.extended.shrink #dash .dash-item-container .app-well-app.running .overview-icon, #dashtodockContainer.top.extended.shrink #dash .dash-item-container .running.grid-search-result .overview-icon { background-image: none; } #dashtodockContainer.top.extended.shrink #dash .dash-item-container .app-well-app.focused .overview-icon, #dashtodockContainer.top.extended.shrink #dash .dash-item-container .focused.grid-search-result .overview-icon { background-color: rgba(238, 238, 236, 0.2); } #dashtodockContainer.top.extended.shrink #dash .dash-item-container .app-well-app .app-well-app-running-dot, #dashtodockContainer.top.extended.shrink #dash .dash-item-container .grid-search-result .app-well-app-running-dot { margin-bottom: 2px; } #dashtodockContainer.top.extended.shrink #dash .dash-item-container > StButton { transition-duration: 250; background-size: contain; } #dashtodockContainer.top.extended.shrink.fixed #dash .dash-background { margin-bottom: 0; } #dashtodockContainer.top.extended.shrink.fixed #dash .dash-item-container .app-well-app, #dashtodockContainer.top.extended.shrink.fixed #dash .dash-item-container .grid-search-result, #dashtodockContainer.top.extended.shrink.fixed #dash .dash-item-container .show-apps { padding-bottom: 3px; } .dash-label.top.shrink { margin-top: 3px; -x-offset: 0; -y-offset: 0; } #dashtodockContainer.left #dash { margin: 0px; padding: 0px; } #dashtodockContainer.left #dash .dash-background { margin: 0; margin-left: 4px; padding: 0; border-radius: 18px; spacing: 6px; } #dashtodockContainer.left #dash .dash-separator { background-color: #464646; width: 0; height: 1px; margin: 4px 0; margin-left: 4px; } #dashtodockContainer.left #dash #dashtodockDashContainer { padding: 10px; padding-left: 0; padding-right: 0; } #dashtodockContainer.left #dash .dash-item-container { /* Disable all margins defined upstream, we handle them here */ margin: 2px 0; } #dashtodockContainer.left #dash .dash-item-container > * { margin: 0; } #dashtodockContainer.left #dash .dash-item-container:first-child { margin-top: 0; } #dashtodockContainer.left #dash .dash-item-container:last-child { margin-bottom: 0; } #dashtodockContainer.left #dash .dash-item-container .app-well-app, #dashtodockContainer.left #dash .dash-item-container .grid-search-result, #dashtodockContainer.left #dash .dash-item-container .show-apps { padding: 2px 2px; padding-left: 14px; padding-right: 10px; } #dashtodockContainer.left #dash .dash-item-container .app-well-app:first-child, #dashtodockContainer.left #dash .dash-item-container .grid-search-result:first-child, #dashtodockContainer.left #dash .dash-item-container .show-apps:first-child { padding-top: 0; } #dashtodockContainer.left #dash .dash-item-container .app-well-app:last-child, #dashtodockContainer.left #dash .dash-item-container .grid-search-result:last-child, #dashtodockContainer.left #dash .dash-item-container .show-apps:last-child { padding-bottom: 0; } #dashtodockContainer.left #dash .dash-item-container .app-well-app.running .overview-icon, #dashtodockContainer.left #dash .dash-item-container .running.grid-search-result .overview-icon { background-image: none; } #dashtodockContainer.left #dash .dash-item-container .app-well-app.focused .overview-icon, #dashtodockContainer.left #dash .dash-item-container .focused.grid-search-result .overview-icon { background-color: rgba(238, 238, 236, 0.2); } #dashtodockContainer.left #dash .dash-item-container .app-well-app .app-well-app-running-dot, #dashtodockContainer.left #dash .dash-item-container .grid-search-result .app-well-app-running-dot { margin-bottom: 2px; } #dashtodockContainer.left #dash .dash-item-container > StButton { transition-duration: 250; background-size: contain; } #dashtodockContainer.left.fixed #dash .dash-background { margin-right: 4px; } #dashtodockContainer.left.fixed #dash .dash-item-container .app-well-app, #dashtodockContainer.left.fixed #dash .dash-item-container .grid-search-result, #dashtodockContainer.left.fixed #dash .dash-item-container .show-apps { padding-right: 14px; } .dash-label.left { margin: 0; -x-offset: 10px; -y-offset: 0; } #dashtodockContainer.left.shrink #dash { margin: 0px; padding: 0px; } #dashtodockContainer.left.shrink #dash .dash-background { margin: 0; margin-left: 4px; padding: 0; border-radius: 14px; spacing: 2px; } #dashtodockContainer.left.shrink #dash .dash-separator { background-color: #464646; width: 0; height: 1px; margin: 1px 0; margin-left: 4px; } #dashtodockContainer.left.shrink #dash #dashtodockDashContainer { padding: 3px; padding-left: 0; padding-right: 0; } #dashtodockContainer.left.shrink #dash .dash-item-container { /* Disable all margins defined upstream, we handle them here */ margin: 2px 0; } #dashtodockContainer.left.shrink #dash .dash-item-container > * { margin: 0; } #dashtodockContainer.left.shrink #dash .dash-item-container:first-child { margin-top: 0; } #dashtodockContainer.left.shrink #dash .dash-item-container:last-child { margin-bottom: 0; } #dashtodockContainer.left.shrink #dash .dash-item-container .app-well-app, #dashtodockContainer.left.shrink #dash .dash-item-container .grid-search-result, #dashtodockContainer.left.shrink #dash .dash-item-container .show-apps { padding: 1px 1px; padding-left: 7px; padding-right: 3px; } #dashtodockContainer.left.shrink #dash .dash-item-container .app-well-app:first-child, #dashtodockContainer.left.shrink #dash .dash-item-container .grid-search-result:first-child, #dashtodockContainer.left.shrink #dash .dash-item-container .show-apps:first-child { padding-top: 0; } #dashtodockContainer.left.shrink #dash .dash-item-container .app-well-app:last-child, #dashtodockContainer.left.shrink #dash .dash-item-container .grid-search-result:last-child, #dashtodockContainer.left.shrink #dash .dash-item-container .show-apps:last-child { padding-bottom: 0; } #dashtodockContainer.left.shrink #dash .dash-item-container .app-well-app.running .overview-icon, #dashtodockContainer.left.shrink #dash .dash-item-container .running.grid-search-result .overview-icon { background-image: none; } #dashtodockContainer.left.shrink #dash .dash-item-container .app-well-app.focused .overview-icon, #dashtodockContainer.left.shrink #dash .dash-item-container .focused.grid-search-result .overview-icon { background-color: rgba(238, 238, 236, 0.2); } #dashtodockContainer.left.shrink #dash .dash-item-container .app-well-app .app-well-app-running-dot, #dashtodockContainer.left.shrink #dash .dash-item-container .grid-search-result .app-well-app-running-dot { margin-bottom: 2px; } #dashtodockContainer.left.shrink #dash .dash-item-container > StButton { transition-duration: 250; background-size: contain; } #dashtodockContainer.left.shrink.fixed #dash .dash-background { margin-right: 1px; } #dashtodockContainer.left.shrink.fixed #dash .dash-item-container .app-well-app, #dashtodockContainer.left.shrink.fixed #dash .dash-item-container .grid-search-result, #dashtodockContainer.left.shrink.fixed #dash .dash-item-container .show-apps { padding-right: 4px; } .dash-label.left.shrink { margin: 0; -x-offset: 3px; -y-offset: 0; } #dashtodockContainer.left.extended #dash { margin: 0px; padding: 0px; } #dashtodockContainer.left.extended #dash .dash-background { margin: 0; margin-left: 0; padding: 0; border-radius: 0; spacing: 6px; } #dashtodockContainer.left.extended #dash .dash-separator { background-color: #464646; width: 0; height: 1px; margin: 4px 0; margin-left: 0; } #dashtodockContainer.left.extended #dash #dashtodockDashContainer { padding: 0; padding-left: 0; padding-right: 0; } #dashtodockContainer.left.extended #dash #dashtodockDashContainer > :first-child .show-apps { padding-top: 8px; } #dashtodockContainer.left.extended #dash #dashtodockDashContainer #dashtodockDashScrollview:first-child { padding-top: 8px; } #dashtodockContainer.left.extended #dash #dashtodockDashContainer > :last-child .show-apps { padding-bottom: 8px; } #dashtodockContainer.left.extended #dash #dashtodockDashContainer #dashtodockDashScrollview:last-child { padding-bottom: 8px; } #dashtodockContainer.left.extended #dash .dash-item-container { /* Disable all margins defined upstream, we handle them here */ margin: 2px 0; } #dashtodockContainer.left.extended #dash .dash-item-container > * { margin: 0; } #dashtodockContainer.left.extended #dash .dash-item-container:first-child { margin-top: 0; } #dashtodockContainer.left.extended #dash .dash-item-container:last-child { margin-bottom: 0; } #dashtodockContainer.left.extended #dash .dash-item-container .app-well-app, #dashtodockContainer.left.extended #dash .dash-item-container .grid-search-result, #dashtodockContainer.left.extended #dash .dash-item-container .show-apps { padding: 2px 2px; padding-left: 10px; padding-right: 10px; } #dashtodockContainer.left.extended #dash .dash-item-container .app-well-app:first-child, #dashtodockContainer.left.extended #dash .dash-item-container .grid-search-result:first-child, #dashtodockContainer.left.extended #dash .dash-item-container .show-apps:first-child { padding-top: 0; } #dashtodockContainer.left.extended #dash .dash-item-container .app-well-app:last-child, #dashtodockContainer.left.extended #dash .dash-item-container .grid-search-result:last-child, #dashtodockContainer.left.extended #dash .dash-item-container .show-apps:last-child { padding-bottom: 0; } #dashtodockContainer.left.extended #dash .dash-item-container .app-well-app.running .overview-icon, #dashtodockContainer.left.extended #dash .dash-item-container .running.grid-search-result .overview-icon { background-image: none; } #dashtodockContainer.left.extended #dash .dash-item-container .app-well-app.focused .overview-icon, #dashtodockContainer.left.extended #dash .dash-item-container .focused.grid-search-result .overview-icon { background-color: rgba(238, 238, 236, 0.2); } #dashtodockContainer.left.extended #dash .dash-item-container .app-well-app .app-well-app-running-dot, #dashtodockContainer.left.extended #dash .dash-item-container .grid-search-result .app-well-app-running-dot { margin-bottom: 2px; } #dashtodockContainer.left.extended #dash .dash-item-container > StButton { transition-duration: 250; background-size: contain; } #dashtodockContainer.left.extended.fixed #dash .dash-background { margin-right: 0; } #dashtodockContainer.left.extended.fixed #dash .dash-item-container .app-well-app, #dashtodockContainer.left.extended.fixed #dash .dash-item-container .grid-search-result, #dashtodockContainer.left.extended.fixed #dash .dash-item-container .show-apps { padding-right: 10px; } .dash-label.left { margin: 0; -x-offset: 10px; -y-offset: 0; } #dashtodockContainer.left.extended.shrink #dash { margin: 0px; padding: 0px; } #dashtodockContainer.left.extended.shrink #dash .dash-background { margin: 0; margin-left: 0; padding: 0; border-radius: 0; spacing: 2px; } #dashtodockContainer.left.extended.shrink #dash .dash-separator { background-color: #464646; width: 0; height: 1px; margin: 1px 0; margin-left: 0; } #dashtodockContainer.left.extended.shrink #dash #dashtodockDashContainer { padding: 0; padding-left: 0; padding-right: 0; } #dashtodockContainer.left.extended.shrink #dash #dashtodockDashContainer > :first-child .show-apps { padding-top: 6px; } #dashtodockContainer.left.extended.shrink #dash #dashtodockDashContainer #dashtodockDashScrollview:first-child { padding-top: 6px; } #dashtodockContainer.left.extended.shrink #dash #dashtodockDashContainer > :last-child .show-apps { padding-bottom: 6px; } #dashtodockContainer.left.extended.shrink #dash #dashtodockDashContainer #dashtodockDashScrollview:last-child { padding-bottom: 6px; } #dashtodockContainer.left.extended.shrink #dash .dash-item-container { /* Disable all margins defined upstream, we handle them here */ margin: 2px 0; } #dashtodockContainer.left.extended.shrink #dash .dash-item-container > * { margin: 0; } #dashtodockContainer.left.extended.shrink #dash .dash-item-container:first-child { margin-top: 0; } #dashtodockContainer.left.extended.shrink #dash .dash-item-container:last-child { margin-bottom: 0; } #dashtodockContainer.left.extended.shrink #dash .dash-item-container .app-well-app, #dashtodockContainer.left.extended.shrink #dash .dash-item-container .grid-search-result, #dashtodockContainer.left.extended.shrink #dash .dash-item-container .show-apps { padding: 1px 1px; padding-left: 3px; padding-right: 3px; } #dashtodockContainer.left.extended.shrink #dash .dash-item-container .app-well-app:first-child, #dashtodockContainer.left.extended.shrink #dash .dash-item-container .grid-search-result:first-child, #dashtodockContainer.left.extended.shrink #dash .dash-item-container .show-apps:first-child { padding-top: 0; } #dashtodockContainer.left.extended.shrink #dash .dash-item-container .app-well-app:last-child, #dashtodockContainer.left.extended.shrink #dash .dash-item-container .grid-search-result:last-child, #dashtodockContainer.left.extended.shrink #dash .dash-item-container .show-apps:last-child { padding-bottom: 0; } #dashtodockContainer.left.extended.shrink #dash .dash-item-container .app-well-app.running .overview-icon, #dashtodockContainer.left.extended.shrink #dash .dash-item-container .running.grid-search-result .overview-icon { background-image: none; } #dashtodockContainer.left.extended.shrink #dash .dash-item-container .app-well-app.focused .overview-icon, #dashtodockContainer.left.extended.shrink #dash .dash-item-container .focused.grid-search-result .overview-icon { background-color: rgba(238, 238, 236, 0.2); } #dashtodockContainer.left.extended.shrink #dash .dash-item-container .app-well-app .app-well-app-running-dot, #dashtodockContainer.left.extended.shrink #dash .dash-item-container .grid-search-result .app-well-app-running-dot { margin-bottom: 2px; } #dashtodockContainer.left.extended.shrink #dash .dash-item-container > StButton { transition-duration: 250; background-size: contain; } #dashtodockContainer.left.extended.shrink.fixed #dash .dash-background { margin-right: 0; } #dashtodockContainer.left.extended.shrink.fixed #dash .dash-item-container .app-well-app, #dashtodockContainer.left.extended.shrink.fixed #dash .dash-item-container .grid-search-result, #dashtodockContainer.left.extended.shrink.fixed #dash .dash-item-container .show-apps { padding-right: 3px; } .dash-label.left.shrink { margin: 0; -x-offset: 3px; -y-offset: 0; } #dashtodockContainer.right #dash { margin: 0px; padding: 0px; } #dashtodockContainer.right #dash .dash-background { margin: 0; margin-right: 4px; padding: 0; border-radius: 18px; spacing: 6px; } #dashtodockContainer.right #dash .dash-separator { background-color: #464646; width: 0; height: 1px; margin: 4px 0; margin-right: 4px; } #dashtodockContainer.right #dash #dashtodockDashContainer { padding: 10px; padding-right: 0; padding-left: 0; } #dashtodockContainer.right #dash .dash-item-container { /* Disable all margins defined upstream, we handle them here */ margin: 2px 0; } #dashtodockContainer.right #dash .dash-item-container > * { margin: 0; } #dashtodockContainer.right #dash .dash-item-container:first-child { margin-top: 0; } #dashtodockContainer.right #dash .dash-item-container:last-child { margin-bottom: 0; } #dashtodockContainer.right #dash .dash-item-container .app-well-app, #dashtodockContainer.right #dash .dash-item-container .grid-search-result, #dashtodockContainer.right #dash .dash-item-container .show-apps { padding: 2px 2px; padding-right: 14px; padding-left: 10px; } #dashtodockContainer.right #dash .dash-item-container .app-well-app:first-child, #dashtodockContainer.right #dash .dash-item-container .grid-search-result:first-child, #dashtodockContainer.right #dash .dash-item-container .show-apps:first-child { padding-top: 0; } #dashtodockContainer.right #dash .dash-item-container .app-well-app:last-child, #dashtodockContainer.right #dash .dash-item-container .grid-search-result:last-child, #dashtodockContainer.right #dash .dash-item-container .show-apps:last-child { padding-bottom: 0; } #dashtodockContainer.right #dash .dash-item-container .app-well-app.running .overview-icon, #dashtodockContainer.right #dash .dash-item-container .running.grid-search-result .overview-icon { background-image: none; } #dashtodockContainer.right #dash .dash-item-container .app-well-app.focused .overview-icon, #dashtodockContainer.right #dash .dash-item-container .focused.grid-search-result .overview-icon { background-color: rgba(238, 238, 236, 0.2); } #dashtodockContainer.right #dash .dash-item-container .app-well-app .app-well-app-running-dot, #dashtodockContainer.right #dash .dash-item-container .grid-search-result .app-well-app-running-dot { margin-bottom: 2px; } #dashtodockContainer.right #dash .dash-item-container > StButton { transition-duration: 250; background-size: contain; } #dashtodockContainer.right.fixed #dash .dash-background { margin-left: 4px; } #dashtodockContainer.right.fixed #dash .dash-item-container .app-well-app, #dashtodockContainer.right.fixed #dash .dash-item-container .grid-search-result, #dashtodockContainer.right.fixed #dash .dash-item-container .show-apps { padding-left: 14px; } .dash-label.right { margin: 0; -x-offset: 10px; -y-offset: 0; } #dashtodockContainer.right.shrink #dash { margin: 0px; padding: 0px; } #dashtodockContainer.right.shrink #dash .dash-background { margin: 0; margin-right: 4px; padding: 0; border-radius: 14px; spacing: 2px; } #dashtodockContainer.right.shrink #dash .dash-separator { background-color: #464646; width: 0; height: 1px; margin: 1px 0; margin-right: 4px; } #dashtodockContainer.right.shrink #dash #dashtodockDashContainer { padding: 3px; padding-right: 0; padding-left: 0; } #dashtodockContainer.right.shrink #dash .dash-item-container { /* Disable all margins defined upstream, we handle them here */ margin: 2px 0; } #dashtodockContainer.right.shrink #dash .dash-item-container > * { margin: 0; } #dashtodockContainer.right.shrink #dash .dash-item-container:first-child { margin-top: 0; } #dashtodockContainer.right.shrink #dash .dash-item-container:last-child { margin-bottom: 0; } #dashtodockContainer.right.shrink #dash .dash-item-container .app-well-app, #dashtodockContainer.right.shrink #dash .dash-item-container .grid-search-result, #dashtodockContainer.right.shrink #dash .dash-item-container .show-apps { padding: 1px 1px; padding-right: 7px; padding-left: 3px; } #dashtodockContainer.right.shrink #dash .dash-item-container .app-well-app:first-child, #dashtodockContainer.right.shrink #dash .dash-item-container .grid-search-result:first-child, #dashtodockContainer.right.shrink #dash .dash-item-container .show-apps:first-child { padding-top: 0; } #dashtodockContainer.right.shrink #dash .dash-item-container .app-well-app:last-child, #dashtodockContainer.right.shrink #dash .dash-item-container .grid-search-result:last-child, #dashtodockContainer.right.shrink #dash .dash-item-container .show-apps:last-child { padding-bottom: 0; } #dashtodockContainer.right.shrink #dash .dash-item-container .app-well-app.running .overview-icon, #dashtodockContainer.right.shrink #dash .dash-item-container .running.grid-search-result .overview-icon { background-image: none; } #dashtodockContainer.right.shrink #dash .dash-item-container .app-well-app.focused .overview-icon, #dashtodockContainer.right.shrink #dash .dash-item-container .focused.grid-search-result .overview-icon { background-color: rgba(238, 238, 236, 0.2); } #dashtodockContainer.right.shrink #dash .dash-item-container .app-well-app .app-well-app-running-dot, #dashtodockContainer.right.shrink #dash .dash-item-container .grid-search-result .app-well-app-running-dot { margin-bottom: 2px; } #dashtodockContainer.right.shrink #dash .dash-item-container > StButton { transition-duration: 250; background-size: contain; } #dashtodockContainer.right.shrink.fixed #dash .dash-background { margin-left: 1px; } #dashtodockContainer.right.shrink.fixed #dash .dash-item-container .app-well-app, #dashtodockContainer.right.shrink.fixed #dash .dash-item-container .grid-search-result, #dashtodockContainer.right.shrink.fixed #dash .dash-item-container .show-apps { padding-left: 4px; } .dash-label.right.shrink { margin: 0; -x-offset: 3px; -y-offset: 0; } #dashtodockContainer.right.extended #dash { margin: 0px; padding: 0px; } #dashtodockContainer.right.extended #dash .dash-background { margin: 0; margin-right: 0; padding: 0; border-radius: 0; spacing: 6px; } #dashtodockContainer.right.extended #dash .dash-separator { background-color: #464646; width: 0; height: 1px; margin: 4px 0; margin-right: 0; } #dashtodockContainer.right.extended #dash #dashtodockDashContainer { padding: 0; padding-right: 0; padding-left: 0; } #dashtodockContainer.right.extended #dash #dashtodockDashContainer > :first-child .show-apps { padding-top: 8px; } #dashtodockContainer.right.extended #dash #dashtodockDashContainer #dashtodockDashScrollview:first-child { padding-top: 8px; } #dashtodockContainer.right.extended #dash #dashtodockDashContainer > :last-child .show-apps { padding-bottom: 8px; } #dashtodockContainer.right.extended #dash #dashtodockDashContainer #dashtodockDashScrollview:last-child { padding-bottom: 8px; } #dashtodockContainer.right.extended #dash .dash-item-container { /* Disable all margins defined upstream, we handle them here */ margin: 2px 0; } #dashtodockContainer.right.extended #dash .dash-item-container > * { margin: 0; } #dashtodockContainer.right.extended #dash .dash-item-container:first-child { margin-top: 0; } #dashtodockContainer.right.extended #dash .dash-item-container:last-child { margin-bottom: 0; } #dashtodockContainer.right.extended #dash .dash-item-container .app-well-app, #dashtodockContainer.right.extended #dash .dash-item-container .grid-search-result, #dashtodockContainer.right.extended #dash .dash-item-container .show-apps { padding: 2px 2px; padding-right: 10px; padding-left: 10px; } #dashtodockContainer.right.extended #dash .dash-item-container .app-well-app:first-child, #dashtodockContainer.right.extended #dash .dash-item-container .grid-search-result:first-child, #dashtodockContainer.right.extended #dash .dash-item-container .show-apps:first-child { padding-top: 0; } #dashtodockContainer.right.extended #dash .dash-item-container .app-well-app:last-child, #dashtodockContainer.right.extended #dash .dash-item-container .grid-search-result:last-child, #dashtodockContainer.right.extended #dash .dash-item-container .show-apps:last-child { padding-bottom: 0; } #dashtodockContainer.right.extended #dash .dash-item-container .app-well-app.running .overview-icon, #dashtodockContainer.right.extended #dash .dash-item-container .running.grid-search-result .overview-icon { background-image: none; } #dashtodockContainer.right.extended #dash .dash-item-container .app-well-app.focused .overview-icon, #dashtodockContainer.right.extended #dash .dash-item-container .focused.grid-search-result .overview-icon { background-color: rgba(238, 238, 236, 0.2); } #dashtodockContainer.right.extended #dash .dash-item-container .app-well-app .app-well-app-running-dot, #dashtodockContainer.right.extended #dash .dash-item-container .grid-search-result .app-well-app-running-dot { margin-bottom: 2px; } #dashtodockContainer.right.extended #dash .dash-item-container > StButton { transition-duration: 250; background-size: contain; } #dashtodockContainer.right.extended.fixed #dash .dash-background { margin-left: 0; } #dashtodockContainer.right.extended.fixed #dash .dash-item-container .app-well-app, #dashtodockContainer.right.extended.fixed #dash .dash-item-container .grid-search-result, #dashtodockContainer.right.extended.fixed #dash .dash-item-container .show-apps { padding-left: 10px; } .dash-label.right { margin: 0; -x-offset: 10px; -y-offset: 0; } #dashtodockContainer.right.extended.shrink #dash { margin: 0px; padding: 0px; } #dashtodockContainer.right.extended.shrink #dash .dash-background { margin: 0; margin-right: 0; padding: 0; border-radius: 0; spacing: 2px; } #dashtodockContainer.right.extended.shrink #dash .dash-separator { background-color: #464646; width: 0; height: 1px; margin: 1px 0; margin-right: 0; } #dashtodockContainer.right.extended.shrink #dash #dashtodockDashContainer { padding: 0; padding-right: 0; padding-left: 0; } #dashtodockContainer.right.extended.shrink #dash #dashtodockDashContainer > :first-child .show-apps { padding-top: 6px; } #dashtodockContainer.right.extended.shrink #dash #dashtodockDashContainer #dashtodockDashScrollview:first-child { padding-top: 6px; } #dashtodockContainer.right.extended.shrink #dash #dashtodockDashContainer > :last-child .show-apps { padding-bottom: 6px; } #dashtodockContainer.right.extended.shrink #dash #dashtodockDashContainer #dashtodockDashScrollview:last-child { padding-bottom: 6px; } #dashtodockContainer.right.extended.shrink #dash .dash-item-container { /* Disable all margins defined upstream, we handle them here */ margin: 2px 0; } #dashtodockContainer.right.extended.shrink #dash .dash-item-container > * { margin: 0; } #dashtodockContainer.right.extended.shrink #dash .dash-item-container:first-child { margin-top: 0; } #dashtodockContainer.right.extended.shrink #dash .dash-item-container:last-child { margin-bottom: 0; } #dashtodockContainer.right.extended.shrink #dash .dash-item-container .app-well-app, #dashtodockContainer.right.extended.shrink #dash .dash-item-container .grid-search-result, #dashtodockContainer.right.extended.shrink #dash .dash-item-container .show-apps { padding: 1px 1px; padding-right: 3px; padding-left: 3px; } #dashtodockContainer.right.extended.shrink #dash .dash-item-container .app-well-app:first-child, #dashtodockContainer.right.extended.shrink #dash .dash-item-container .grid-search-result:first-child, #dashtodockContainer.right.extended.shrink #dash .dash-item-container .show-apps:first-child { padding-top: 0; } #dashtodockContainer.right.extended.shrink #dash .dash-item-container .app-well-app:last-child, #dashtodockContainer.right.extended.shrink #dash .dash-item-container .grid-search-result:last-child, #dashtodockContainer.right.extended.shrink #dash .dash-item-container .show-apps:last-child { padding-bottom: 0; } #dashtodockContainer.right.extended.shrink #dash .dash-item-container .app-well-app.running .overview-icon, #dashtodockContainer.right.extended.shrink #dash .dash-item-container .running.grid-search-result .overview-icon { background-image: none; } #dashtodockContainer.right.extended.shrink #dash .dash-item-container .app-well-app.focused .overview-icon, #dashtodockContainer.right.extended.shrink #dash .dash-item-container .focused.grid-search-result .overview-icon { background-color: rgba(238, 238, 236, 0.2); } #dashtodockContainer.right.extended.shrink #dash .dash-item-container .app-well-app .app-well-app-running-dot, #dashtodockContainer.right.extended.shrink #dash .dash-item-container .grid-search-result .app-well-app-running-dot { margin-bottom: 2px; } #dashtodockContainer.right.extended.shrink #dash .dash-item-container > StButton { transition-duration: 250; background-size: contain; } #dashtodockContainer.right.extended.shrink.fixed #dash .dash-background { margin-left: 0; } #dashtodockContainer.right.extended.shrink.fixed #dash .dash-item-container .app-well-app, #dashtodockContainer.right.extended.shrink.fixed #dash .dash-item-container .grid-search-result, #dashtodockContainer.right.extended.shrink.fixed #dash .dash-item-container .show-apps { padding-left: 3px; } .dash-label.right.shrink { margin: 0; -x-offset: 3px; -y-offset: 0; } #dashtodockContainer.top.shrink #dash .dash-background { margin-top: 4px; margin-bottom: 0; } #dashtodockContainer.straight-corner #dash .dash-background, #dashtodockContainer.shrink.straight-corner #dash .dash-background { border-radius: 0px; } /* Scrollview style */ .bottom #dashtodockDashScrollview, .top #dashtodockDashScrollview { -st-hfade-offset: 24px; } .left #dashtodockDashScrollview, .right #dashtodockDashScrollview { -st-vfade-offset: 24px; } #dashtodockContainer.dashtodock #dash .dash-background { background: #1d1d1d; } #dashtodockContainer.dashtodock .progress-bar { /* Customization of the progress bar style, e.g.: -progress-bar-background: rgba(0.8, 0.8, 0.8, 1); -progress-bar-border: rgba(0.9, 0.9, 0.9, 1); */ } #dashtodockContainer.top #dash .placeholder, #dashtodockContainer.bottom #dash .placeholder { width: 32px; height: 1px; } /* * This is applied to a dummy actor. Only the alpha value for the background and border color * and the transition-duration are used */ #dashtodockContainer.dummy-opaque { background-color: rgba(0, 0, 0, 0.8); border-color: rgba(0, 0, 0, 0.4); transition-duration: 300ms; } /* * This is applied to a dummy actor. Only the alpha value for the background and border color * and the transition-duration are used */ #dashtodockContainer.dummy-transparent { background-color: rgba(0, 0, 0, 0.2); border-color: rgba(0, 0, 0, 0.1); transition-duration: 500ms; } #dashtodockContainer .number-overlay { color: white; background-color: rgba(0, 0, 0, 0.8); text-align: center; } #dashtodockContainer .notification-badge { color: white; background-color: red; padding: 0.2em 0.5em; border-radius: 1em; font-weight: bold; text-align: center; margin: 2px; } #dashtodockPreviewSeparator.popup-separator-menu-item-horizontal { width: 1px; height: auto; border-right-width: 1px; margin: 32px 0px; } .dashtodock-app-well-preview-menu-item { padding: 1em 1em 0.5em 1em; } #dashtodockContainer .metro .overview-icon { border-radius: 0px; } #dashtodockContainer.bottom .metro.running2.focused, #dashtodockContainer.top .metro.running2.focused { background-image: url("./media/highlight_stacked_bg.svg"); background-position: 0px 0px; background-size: contain; } #dashtodockContainer.left .metro.running2.focused, #dashtodockContainer.right .metro.running2.focused { background-image: url("./media/highlight_stacked_bg_h.svg"); background-position: 0px 0px; background-size: contain; } #dashtodockContainer.bottom .metro.running3.focused, #dashtodockContainer.top .metro.running3.focused { background-image: url("./media/highlight_stacked_bg.svg"); background-position: 0px 0px; background-size: contain; } #dashtodockContainer.left .metro.running3.focused, #dashtodockContainer.right .metro.running3.focused { background-image: url("./media/highlight_stacked_bg_h.svg"); background-position: 0px 0px; background-size: contain; } #dashtodockContainer.bottom .metro.running4.focused, #dashtodockContainer.top .metro.running4.focused { background-image: url("./media/highlight_stacked_bg.svg"); background-position: 0px 0px; background-size: contain; } #dashtodockContainer.left .metro.running4.focused, #dashtodockContainer.right .metro.running4.focused { background-image: url("./media/highlight_stacked_bg_h.svg"); background-position: 0px 0px; background-size: contain; } /* Yaru Dock styling */ #dashtodockContainer.bottom #dash, #dashtodockContainer.bottom.dashtodock #dash, #dashtodockContainer.bottom.shrink #dash { margin: 0px; padding: 0px; } #dashtodockContainer.bottom #dash .dash-background, #dashtodockContainer.bottom.dashtodock #dash .dash-background, #dashtodockContainer.bottom.shrink #dash .dash-background { background: rgba(19, 19, 19, 0.75); transition-duration: 250ms; } #dashtodockContainer.bottom #dash .dash-separator, #dashtodockContainer.bottom.dashtodock #dash .dash-separator, #dashtodockContainer.bottom.shrink #dash .dash-separator { background: rgba(238, 238, 236, 0.3); } #dashtodockContainer.bottom.overview #dash .dash-background, #dashtodockContainer.bottom.overview.dashtodock #dash .dash-background, #dashtodockContainer.bottom.overview.shrink #dash .dash-background { background-color: #131313; } #dashtodockContainer.bottom.extended #dash .dash-background, #dashtodockContainer.bottom.extended.dashtodock #dash .dash-background, #dashtodockContainer.bottom.extended.shrink #dash .dash-background { border: none; } #dashtodockContainer.bottom .dash-item-container .show-apps, #dashtodockContainer.bottom .dash-item-container .app-well-app, #dashtodockContainer.bottom .dash-item-container .grid-search-result { border-radius: 18px; } #dashtodockContainer.bottom .dash-item-container .show-apps:active .overview-icon, #dashtodockContainer.bottom .dash-item-container .show-apps:checked .overview-icon, #dashtodockContainer.bottom .dash-item-container .app-well-app:active .overview-icon, #dashtodockContainer.bottom .dash-item-container .grid-search-result:active .overview-icon, #dashtodockContainer.bottom .dash-item-container .app-well-app:checked .overview-icon, #dashtodockContainer.bottom .dash-item-container .grid-search-result:checked .overview-icon { background-color: rgba(255, 255, 255, 0.25); box-shadow: none; } #dashtodockContainer.bottom .notification-badge { background-color: #109b26; border: 1px solid #0c6d1a; box-shadow: -1px 1px 5px 0px rgba(0, 0, 0, 0.5); } #dashtodockContainer.top #dash, #dashtodockContainer.top.dashtodock #dash, #dashtodockContainer.top.shrink #dash { margin: 0px; padding: 0px; } #dashtodockContainer.top #dash .dash-background, #dashtodockContainer.top.dashtodock #dash .dash-background, #dashtodockContainer.top.shrink #dash .dash-background { background: rgba(19, 19, 19, 0.75); transition-duration: 250ms; } #dashtodockContainer.top #dash .dash-separator, #dashtodockContainer.top.dashtodock #dash .dash-separator, #dashtodockContainer.top.shrink #dash .dash-separator { background: rgba(238, 238, 236, 0.3); } #dashtodockContainer.top.overview #dash .dash-background, #dashtodockContainer.top.overview.dashtodock #dash .dash-background, #dashtodockContainer.top.overview.shrink #dash .dash-background { background-color: #131313; } #dashtodockContainer.top.extended #dash .dash-background, #dashtodockContainer.top.extended.dashtodock #dash .dash-background, #dashtodockContainer.top.extended.shrink #dash .dash-background { border: none; } #dashtodockContainer.top .dash-item-container .show-apps, #dashtodockContainer.top .dash-item-container .app-well-app, #dashtodockContainer.top .dash-item-container .grid-search-result { border-radius: 18px; } #dashtodockContainer.top .dash-item-container .show-apps:active .overview-icon, #dashtodockContainer.top .dash-item-container .show-apps:checked .overview-icon, #dashtodockContainer.top .dash-item-container .app-well-app:active .overview-icon, #dashtodockContainer.top .dash-item-container .grid-search-result:active .overview-icon, #dashtodockContainer.top .dash-item-container .app-well-app:checked .overview-icon, #dashtodockContainer.top .dash-item-container .grid-search-result:checked .overview-icon { background-color: rgba(255, 255, 255, 0.25); box-shadow: none; } #dashtodockContainer.top .notification-badge { background-color: #109b26; border: 1px solid #0c6d1a; box-shadow: -1px 1px 5px 0px rgba(0, 0, 0, 0.5); } #dashtodockContainer.left #dash, #dashtodockContainer.left.dashtodock #dash, #dashtodockContainer.left.shrink #dash { margin: 0px; padding: 0px; } #dashtodockContainer.left #dash .dash-background, #dashtodockContainer.left.dashtodock #dash .dash-background, #dashtodockContainer.left.shrink #dash .dash-background { background: rgba(19, 19, 19, 0.75); transition-duration: 250ms; } #dashtodockContainer.left #dash .dash-separator, #dashtodockContainer.left.dashtodock #dash .dash-separator, #dashtodockContainer.left.shrink #dash .dash-separator { background: rgba(238, 238, 236, 0.3); } #dashtodockContainer.left.overview #dash .dash-background, #dashtodockContainer.left.overview.dashtodock #dash .dash-background, #dashtodockContainer.left.overview.shrink #dash .dash-background { background-color: #131313; } #dashtodockContainer.left.extended #dash .dash-background, #dashtodockContainer.left.extended.dashtodock #dash .dash-background, #dashtodockContainer.left.extended.shrink #dash .dash-background { border: none; } #dashtodockContainer.left .dash-item-container .show-apps, #dashtodockContainer.left .dash-item-container .app-well-app, #dashtodockContainer.left .dash-item-container .grid-search-result { border-radius: 18px; } #dashtodockContainer.left .dash-item-container .show-apps:active .overview-icon, #dashtodockContainer.left .dash-item-container .show-apps:checked .overview-icon, #dashtodockContainer.left .dash-item-container .app-well-app:active .overview-icon, #dashtodockContainer.left .dash-item-container .grid-search-result:active .overview-icon, #dashtodockContainer.left .dash-item-container .app-well-app:checked .overview-icon, #dashtodockContainer.left .dash-item-container .grid-search-result:checked .overview-icon { background-color: rgba(255, 255, 255, 0.25); box-shadow: none; } #dashtodockContainer.left .notification-badge { background-color: #109b26; border: 1px solid #0c6d1a; box-shadow: -1px 1px 5px 0px rgba(0, 0, 0, 0.5); } #dashtodockContainer.right #dash, #dashtodockContainer.right.dashtodock #dash, #dashtodockContainer.right.shrink #dash { margin: 0px; padding: 0px; } #dashtodockContainer.right #dash .dash-background, #dashtodockContainer.right.dashtodock #dash .dash-background, #dashtodockContainer.right.shrink #dash .dash-background { background: rgba(19, 19, 19, 0.75); transition-duration: 250ms; } #dashtodockContainer.right #dash .dash-separator, #dashtodockContainer.right.dashtodock #dash .dash-separator, #dashtodockContainer.right.shrink #dash .dash-separator { background: rgba(238, 238, 236, 0.3); } #dashtodockContainer.right.overview #dash .dash-background, #dashtodockContainer.right.overview.dashtodock #dash .dash-background, #dashtodockContainer.right.overview.shrink #dash .dash-background { background-color: #131313; } #dashtodockContainer.right.extended #dash .dash-background, #dashtodockContainer.right.extended.dashtodock #dash .dash-background, #dashtodockContainer.right.extended.shrink #dash .dash-background { border: none; } #dashtodockContainer.right .dash-item-container .show-apps, #dashtodockContainer.right .dash-item-container .app-well-app, #dashtodockContainer.right .dash-item-container .grid-search-result { border-radius: 18px; } #dashtodockContainer.right .dash-item-container .show-apps:active .overview-icon, #dashtodockContainer.right .dash-item-container .show-apps:checked .overview-icon, #dashtodockContainer.right .dash-item-container .app-well-app:active .overview-icon, #dashtodockContainer.right .dash-item-container .grid-search-result:active .overview-icon, #dashtodockContainer.right .dash-item-container .app-well-app:checked .overview-icon, #dashtodockContainer.right .dash-item-container .grid-search-result:checked .overview-icon { background-color: rgba(255, 255, 255, 0.25); box-shadow: none; } #dashtodockContainer.right .notification-badge { background-color: #109b26; border: 1px solid #0c6d1a; box-shadow: -1px 1px 5px 0px rgba(0, 0, 0, 0.5); } (uuay)toggle-on-blue.svg Q <svg viewBox="0 0 48 26" xmlns="http://www.w3.org/2000/svg"><g transform="translate(0 -291.18)"><rect y="291.18" width="48" height="26" rx="13" ry="13" fill="#0073E5"/><rect x="24" y="294.18" width="22" height="22" rx="11" ry="11" fill-opacity=".2"/><rect x="24" y="293.18" width="22" height="22" rx="11" ry="11" fill="#fff"/></g></svg> (uuay)checkbox-off-focused-blue-dark.svg � <svg width="24" height="24" xmlns="http://www.w3.org/2000/svg"><rect x="1.5" y="1.5" width="21" height="21" fill="#4a4a4a" stroke="#3d9eff" stroke-linejoin="round" rx="3" style="fill:#222222"/></svg> (uuay)toggle-off-prussiangreen-dark.svgP <svg width="48" height="26" xmlns="http://www.w3.org/2000/svg"><rect style="fill:#4a4a4a;fill-opacity:1;stroke:none;stroke-width:1;marker:none" width="48" height="26" x="-48" ry="13" fill="#3081e3" rx="13" transform="scale(-1 1)"/><rect ry="11" rx="11" y="3" x="-24" height="22" width="22" style="fill:#000;fill-opacity:.2;stroke:none;stroke-width:.999999;marker:none" fill="#f8f7f7" transform="scale(-1 1)"/><rect ry="11" rx="11" y="2" x="-24" height="22" width="22" style="fill:#fff;fill-opacity:1;stroke:none;stroke-width:.999999;marker:none" fill="#f8f7f7" transform="scale(-1 1)"/></svg> (uuay)checkbox-focused-viridian.svg / <svg width="24" height="24" xmlns="http://www.w3.org/2000/svg"><rect x="1.5" y="1.5" width="21" height="21" rx="3" fill="#037851" stroke="#05dc94" stroke-linejoin="round"/><path d="m20.16 7.527-1.253-1.414-.118.104-8.478 7.426-4.97-4.263-1.503 1.699 6.474 6.811z" fill="#fff" fill-rule="evenodd"/></svg> (uuay)checkbox-focused-red.svg / <svg width="24" height="24" xmlns="http://www.w3.org/2000/svg"><rect x="1.5" y="1.5" width="21" height="21" rx="3" fill="#d72745" stroke="#e77d8f" stroke-linejoin="round"/><path d="m20.16 7.527-1.253-1.414-.118.104-8.478 7.426-4.97-4.263-1.503 1.699 6.474 6.811z" fill="#fff" fill-rule="evenodd"/></svg> (uuay)checkbox-focused-prussiangreen-dark.svg / <svg width="24" height="24" xmlns="http://www.w3.org/2000/svg"><rect x="1.5" y="1.5" width="21" height="21" rx="3" fill="#266866" stroke="#4cbdba" stroke-linejoin="round"/><path d="m20.16 7.527-1.253-1.414-.118.104-8.478 7.426-4.97-4.263-1.503 1.699 6.474 6.811z" fill="#fff" fill-rule="evenodd"/></svg> (uuay)gnome-shell-dark.css ә /* This stylesheet is generated, DO NOT EDIT */ /* Copyright 2009, 2015 Red Hat, Inc. * * Portions adapted from Mx's data/style/default.css * Copyright 2009 Intel Corporation * * This program is free software; you can redistribute it and/or modify it * under the terms and conditions of the GNU Lesser General Public License, * version 2.1, as published by the Free Software Foundation. * * This program is distributed in the hope it will be useful, but WITHOUT ANY * WARRANTY; without even the implied warranty of MERCHANTABILITY or FITNESS * FOR A PARTICULAR PURPOSE. See the GNU Lesser General Public License for * more details. * * You should have received a copy of the GNU Lesser General Public License * along with this program; if not, write to the Free Software Foundation, * Inc., 51 Franklin St - Fifth Floor, Boston, MA 02110-1301 USA. */ /* Global Values */ stage { font-size: 11pt; color: #F7F7F7; } /* Common Stylings */ .screenshot-ui-panel, .workspace-switcher, .switcher-list, .resize-popup, .osd-monitor-label, .osd-window { color: #eeeeec; background-color: rgba(29, 29, 29, 0.975); border: 1px solid #464646; border-radius: 999px; padding: 12px; box-shadow: 0 3px 9px 1px rgba(0, 0, 0, 0.5); } .workspace-thumbnails .workspace-thumbnail { color: #eeeeec; background-color: rgba(238, 238, 236, 0.1); } .app-well-app.app-folder .overview-icon, .app-folder.grid-search-result .overview-icon, .app-well-app .overview-icon, .grid-search-result .overview-icon, .dash-item-container .show-apps .overview-icon, .list-search-result, .search-provider-icon, .switcher-list .item-box { border-radius: 12px; padding: 6px; spacing: 6px; border: 2px solid transparent; transition-duration: 100ms; text-align: center; color: #eeeeec; } .modal-dialog { color: #F7F7F7; background-color: #1d1d1d; border-radius: 8.5px; border: 1px solid rgba(247, 247, 247, 0.15); } #LookingGlassDialog > #Toolbar .lg-toolbar-button, .pad-osd-window .button, .button, .app-folder-dialog .folder-name-container .edit-folder-button { border-radius: 4px; border-style: solid; border-width: 1px; font-weight: bold; padding: 3px 24px; color: #F7F7F7; background-color: #2c2c2c; } #LookingGlassDialog > #Toolbar .lg-toolbar-button:focus, .button:focus, .app-folder-dialog .folder-name-container .edit-folder-button:focus { color: #F7F7F7; background-color: #2c2c2c; box-shadow: inset 0 0 0 2px #ef8661; } #LookingGlassDialog > #Toolbar .lg-toolbar-button:focus:hover, .button:focus:hover, .app-folder-dialog .folder-name-container .edit-folder-button:focus:hover { background-color: #343434; box-shadow: inset 0 0 0 2px #ef8661; } #LookingGlassDialog > #Toolbar .lg-toolbar-button:focus:active, .button:focus:active, .app-folder-dialog .folder-name-container .edit-folder-button:focus:active { background-color: #3b3b3b; box-shadow: inset 0 0 0 2px #ef8661; } #LookingGlassDialog > #Toolbar .lg-toolbar-button:hover, .button:hover, .app-folder-dialog .folder-name-container .edit-folder-button:hover { color: #F7F7F7; background-color: #343434; } #LookingGlassDialog > #Toolbar .lg-toolbar-button:insensitive, .button:insensitive, .app-folder-dialog .folder-name-container .edit-folder-button:insensitive { color: rgba(247, 247, 247, 0.5); background-color: rgba(247, 247, 247, 0.05); } #LookingGlassDialog > #Toolbar .lg-toolbar-button:active, .button:active, .app-folder-dialog .folder-name-container .edit-folder-button:active { color: #F7F7F7; background-color: #3b3b3b; } #LookingGlassDialog > #Toolbar .lg-toolbar-button:checked, .button:checked, .app-folder-dialog .folder-name-container .edit-folder-button:checked { color: #F7F7F7; background-color: #434343; } #LookingGlassDialog > #Toolbar .lg-toolbar-button:checked:hover, .button:checked:hover, .app-folder-dialog .folder-name-container .edit-folder-button:checked:hover { background-color: #4b4b4b; } #LookingGlassDialog > #Toolbar .lg-toolbar-button:checked:active, .button:checked:active, .app-folder-dialog .folder-name-container .edit-folder-button:checked:active { background-color: #525252; } .app-folder-dialog .folder-name-container .edit-folder-button { color: #F7F7F7; background-color: #2c2c2c; } .app-folder-dialog .folder-name-container .edit-folder-button:focus { color: #F7F7F7; background-color: #2c2c2c; box-shadow: inset 0 0 0 2px #ef8661; } .app-folder-dialog .folder-name-container .edit-folder-button:focus:hover { background-color: #343434; box-shadow: inset 0 0 0 2px #ef8661; } .app-folder-dialog .folder-name-container .edit-folder-button:focus:active { background-color: #3b3b3b; box-shadow: inset 0 0 0 2px #ef8661; } .app-folder-dialog .folder-name-container .edit-folder-button:hover { color: #F7F7F7; background-color: #343434; } .app-folder-dialog .folder-name-container .edit-folder-button:insensitive { color: rgba(247, 247, 247, 0.5); background-color: rgba(247, 247, 247, 0.05); } .app-folder-dialog .folder-name-container .edit-folder-button:active { color: #F7F7F7; background-color: #3b3b3b; } .app-folder-dialog .folder-name-container .edit-folder-button:checked { color: #F7F7F7; background-color: #434343; } .app-folder-dialog .folder-name-container .edit-folder-button:checked:hover { background-color: #4b4b4b; } .app-folder-dialog .folder-name-container .edit-folder-button:checked:active { background-color: #525252; } .modal-dialog .modal-dialog-linked-button, .hotplug-notification-item, .notification-banner .notification-button { padding: 12px; color: #F7F7F7; background-color: #2c2c2c; } .modal-dialog .modal-dialog-linked-button:ltr, .hotplug-notification-item:ltr, .notification-banner .notification-button:ltr { margin-right: 1px; } .modal-dialog .modal-dialog-linked-button:rtl, .hotplug-notification-item:rtl, .notification-banner .notification-button:rtl { margin-left: 1px; } .modal-dialog .modal-dialog-linked-button:insensitive, .hotplug-notification-item:insensitive, .notification-banner .notification-button:insensitive { color: rgba(247, 247, 247, 0.5); background-color: rgba(247, 247, 247, 0.05); } .modal-dialog .modal-dialog-linked-button:focus, .hotplug-notification-item:focus, .notification-banner .notification-button:focus { color: #F7F7F7; background-color: #2c2c2c; box-shadow: inset 0 0 0 2px #ef8661; } .modal-dialog .modal-dialog-linked-button:focus:hover, .hotplug-notification-item:focus:hover, .notification-banner .notification-button:focus:hover { background-color: #343434; box-shadow: inset 0 0 0 2px #ef8661; } .modal-dialog .modal-dialog-linked-button:focus:active, .hotplug-notification-item:focus:active, .notification-banner .notification-button:focus:active { background-color: #3b3b3b; box-shadow: inset 0 0 0 2px #ef8661; } .modal-dialog .modal-dialog-linked-button:hover, .hotplug-notification-item:hover, .notification-banner .notification-button:hover { color: #F7F7F7; background-color: #343434; } .modal-dialog .modal-dialog-linked-button:active, .hotplug-notification-item:active, .notification-banner .notification-button:active { color: #F7F7F7; background-color: #3b3b3b; } .modal-dialog .modal-dialog-linked-button:first-child:ltr, .hotplug-notification-item:first-child:ltr, .notification-banner .notification-button:first-child:ltr { border-radius: 0 0 0 7.5px; } .modal-dialog .modal-dialog-linked-button:last-child:ltr, .hotplug-notification-item:last-child:ltr, .notification-banner .notification-button:last-child:ltr { border-radius: 0 0 7.5px 0; margin-right: 0 !important; } .modal-dialog .modal-dialog-linked-button:first-child:rtl, .hotplug-notification-item:first-child:rtl, .notification-banner .notification-button:first-child:rtl { border-radius: 0 0 7.5px 0; margin-left: 0 !important; } .modal-dialog .modal-dialog-linked-button:last-child:rtl, .hotplug-notification-item:last-child:rtl, .notification-banner .notification-button:last-child:rtl { border-radius: 0 0 0 7.5px; margin-right: 0 !important; } .modal-dialog .modal-dialog-linked-button:first-child:last-child, .hotplug-notification-item:first-child:last-child, .notification-banner .notification-button:first-child:last-child { border-radius: 0 0 7.5px 7.5px !important; margin-left: 0 !important; margin-right: 0 !important; } .screenshot-ui-show-pointer-button, .screenshot-ui-type-button { background-color: transparent; background-color: none; } .screenshot-ui-show-pointer-button:insensitive, .screenshot-ui-type-button:insensitive { color: rgba(247, 247, 247, 0.5); background-color: rgba(247, 247, 247, 0.05); background-color: transparent; color: rgba(255, 255, 255, 0.5); } .screenshot-ui-show-pointer-button:insensitive, .screenshot-ui-type-button:insensitive { background-color: transparent; background-color: none; } .screenshot-ui-show-pointer-button:insensitive:insensitive, .screenshot-ui-type-button:insensitive:insensitive { color: rgba(247, 247, 247, 0.5); background-color: rgba(247, 247, 247, 0.05); background-color: transparent; color: rgba(255, 255, 255, 0.5); } .screenshot-ui-show-pointer-button:focus, .screenshot-ui-type-button:focus { color: #eeeeec; background-color: rgba(44, 44, 44, 0.97675); box-shadow: inset 0 0 0 2px #ef8661; } .screenshot-ui-show-pointer-button:focus:hover, .screenshot-ui-type-button:focus:hover { background-color: rgba(52, 52, 52, 0.97675); box-shadow: inset 0 0 0 2px #ef8661; } .screenshot-ui-show-pointer-button:focus:active, .screenshot-ui-type-button:focus:active { background-color: rgba(59, 59, 59, 0.97675); box-shadow: inset 0 0 0 2px #ef8661; } .screenshot-ui-show-pointer-button:hover, .screenshot-ui-type-button:hover { color: #eeeeec; background-color: rgba(52, 52, 52, 0.97675); } .screenshot-ui-show-pointer-button:active, .screenshot-ui-type-button:active { color: #eeeeec; background-color: rgba(59, 59, 59, 0.97675); } .screenshot-ui-show-pointer-button:outlined, .screenshot-ui-type-button:outlined, .screenshot-ui-show-pointer-button:checked, .screenshot-ui-type-button:checked { color: #eeeeec; background-color: rgba(67, 67, 67, 0.97675); } .screenshot-ui-show-pointer-button:outlined:hover, .screenshot-ui-type-button:outlined:hover, .screenshot-ui-show-pointer-button:checked:hover, .screenshot-ui-type-button:checked:hover { background-color: rgba(75, 75, 75, 0.97675); } .screenshot-ui-show-pointer-button:outlined:active, .screenshot-ui-type-button:outlined:active, .screenshot-ui-show-pointer-button:checked:active, .screenshot-ui-type-button:checked:active { background-color: rgba(82, 82, 82, 0.97675); } /* General Typography */ .app-folder-dialog .folder-name-container .folder-name-label, .app-folder-dialog .folder-name-container .folder-name-entry, .search-statustext { font-weight: 800; font-size: 20pt; } .lg-debug-flags-header, .message-dialog-content .message-dialog-title, .message-list .message-list-placeholder, .datemenu-today-button .date-label { font-weight: 800; font-size: 15pt; } .nm-dialog-airplane-headline { font-weight: 700; font-size: 15pt; } .message-dialog-content .message-dialog-title.lightweight, .headline { font-weight: 700; font-size: 13pt; } .lg-extension-name, .osd-window, .nm-dialog-header, .dialog-list .dialog-list-title, .message-list-controls, .weather-button .weather-forecast-temp, .weather-button .weather-header, .world-clocks-button .world-clocks-time, .world-clocks-button .world-clocks-header, .events-button .events-title, .calendar .calendar-month-header .calendar-month-label, .datemenu-today-button .day-label, .popup-menu-ornament { font-weight: 700; font-size: 11pt; } .app-menu .popup-inactive-menu-item:first-child > StLabel { font-weight: 700; font-size: 9pt; } .login-dialog-not-listed-label, .lg-completions-text, .caps-lock-warning-label, #dash, .icon-label-button-container, .prompt-dialog-error-label, .prompt-dialog-info-label, .prompt-dialog-null-label, .run-dialog .run-dialog-description, .dialog-list .dialog-list-box .dialog-list-item .dialog-list-item-description, .weather-button .weather-forecast-time, .world-clocks-button .world-clocks-timezone, .events-button .event-time { font-weight: 400; font-size: 9pt; } .calendar .calendar-day-base.calendar-day-heading, .calendar .calendar-day-base { font-weight: 400; font-size: 8pt; } .unlock-dialog-clock-time, #panel, .weather-button .weather-forecast-time, .world-clocks-button .world-clocks-timezone, .world-clocks-button .world-clocks-time, .events-button .event-time, .calendar .calendar-day-base { font-feature-settings: "tnum"; } /* WIDGETS */ .shell-link { color: #f29b7d; } .shell-link:hover { color: #f7bfab; } .lowres-icon { icon-shadow: 0 1px 2px rgba(0, 0, 0, 0.3); } .icon-dropshadow { icon-shadow: 0 1px 5px rgba(0, 0, 0, 0.8); } /* Entries */ StEntry { min-height: 22px; border-radius: 6px; padding: 8px; border-width: 1px; color: #F7F7F7; background-color: #1d1d1d; color: rgba(247, 247, 247, 0.7); border: 1px solid #464646; selection-background-color: #E95420; selected-color: #FFFFFF; } StEntry:hover { background-color: #1d1d1d; border-color: #535353; color: #F7F7F7; } StEntry:focus { background-color: #1d1d1d; border-color: #ef8661; box-shadow: 0 0 0 1px #ef8661 inset; color: #F7F7F7; } StEntry:insensitive { background-color: #2c2c2c; border-color: #2c2c2c; color: #8a8a8a; } StEntry StIcon.capslock-warning { icon-size: 16px; warning-color: #f99b11; padding: 0 4px; } StEntry StIcon.peek-password { icon-size: 1.09em; padding: 0 4px; } StEntry StLabel.hint-text { margin-left: 2px; color: rgba(247, 247, 247, 0.7); } /* Buttons */ .button { min-height: 22px; } /* Check Boxes */ .check-box StBoxLayout { spacing: .8em; } .check-box StBin { width: 24px; height: 22px; background-image: url("resource:///org/gnome/shell/theme/checkbox-off-dark.svg"); } .check-box:focus StBin { background-image: url("resource:///org/gnome/shell/theme/checkbox-off-focused-dark.svg"); } .check-box:checked StBin { background-image: url("resource:///org/gnome/shell/theme/checkbox-dark.svg"); } .check-box:focus:checked StBin { background-image: url("resource:///org/gnome/shell/theme/checkbox-focused-dark.svg"); } /* Switches */ .toggle-switch { color: #F7F7F7; height: 26px; width: 48px; background-size: contain; background-image: url("resource:///org/gnome/shell/theme/toggle-off-dark.svg"); } .toggle-switch:checked { background-image: url("resource:///org/gnome/shell/theme/toggle-on-dark.svg"); } /* Slider */ .slider { -barlevel-height: 4px; -barlevel-background-color: rgba(247, 247, 247, 0.2); -barlevel-border-width: 2px; -barlevel-border-color: transparent; -barlevel-active-background-color: #E95420; -barlevel-active-border-color: transparent; -barlevel-overdrive-color: #991121; -barlevel-overdrive-border-color: transparent; -barlevel-overdrive-separator-width: 1px; -slider-handle-border-width: 0; -slider-handle-border-color: transparent; -slider-handle-radius: 8px; color: #fcfcfc; height: 16px; } /* Scrollbars */ StScrollView.vfade { -st-vfade-offset: 68px; } StScrollView.hfade { -st-hfade-offset: 68px; } StScrollBar { padding: 0; } StScrollView StScrollBar { min-width: 8px; min-height: 8px; } StScrollBar StBin#trough { border-radius: 0; background-color: transparent; } StScrollBar StButton#vhandle, StScrollBar StButton#hhandle { border-radius: 8px; background-color: #5e5e5e; border: 3px solid transparent; transition: 500ms all ease; } StScrollBar StButton#vhandle:hover, StScrollBar StButton#hhandle:hover { background-color: #8a8a8a; } StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { background-color: #747474; } /* Popovers/Menus */ .popup-menu-boxpointer, .candidate-popup-boxpointer { -arrow-rise: 6px; } .popup-menu { min-width: 15em; color: #F7F7F7; } .popup-menu.panel-menu { margin-bottom: 1.75em; } .popup-menu-content, .candidate-popup-content { padding: 6px; border-radius: 10px; border: 1px solid rgba(247, 247, 247, 0.15); box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.1); background-color: #1d1d1d; } .popup-menu-item { padding: 9px 12px; border-radius: 6px; spacing: 6px; transition: 0.2s all ease; background-color: transparent; } .popup-menu-item:ltr { padding-left: 6px; } .popup-menu-item:rtl { padding-right: 6px; } .popup-menu-item:focus, .popup-menu-item:hover { background-color: rgba(247, 247, 247, 0.1) !important; } .popup-menu-item:focus:active, .popup-menu-item:hover:active { background-color: rgba(247, 247, 247, 0.2) !important; } .popup-menu-item:checked { background-color: #343434 !important; } .popup-menu-item:checked { margin-bottom: 0; box-shadow: inset 0 -1px 0 0 #272727; border-radius: 6px 6px 0 0; } .popup-menu-item:checked:focus, .popup-menu-item:checked:hover { background-color: #434343 !important; } .popup-menu-item:checked:active { background-color: #4b4b4b !important; } .popup-menu-item:active { background-color: #4b4b4b; color: #efefef; } .popup-menu-item:insensitive { color: rgba(247, 247, 247, 0.5); } .popup-menu-item .toggle-switch:ltr { margin-left: 4px; } .popup-menu-item .toggle-switch:rtl { margin-right: 4px; } .popup-inactive-menu-item { color: #F7F7F7; } .popup-inactive-menu-item:insensitive { color: #8a8a8a; } .popup-menu-arrow, .popup-menu-icon { icon-size: 16px !important; } .popup-sub-menu { background-color: #343434; border-radius: 0 0 6px 6px; } .popup-sub-menu .popup-menu-ornament { min-width: 1.09em !important; } .popup-sub-menu .popup-menu-item { border-radius: 0; margin: 0; } .popup-sub-menu .popup-menu-item:last-child { border-radius: 0 0 6px 6px; } .popup-sub-menu .popup-menu-item:focus, .popup-sub-menu .popup-menu-item:hover { background-color: rgba(255, 255, 255, 0.1) !important; } .popup-sub-menu .popup-menu-item:checked { background-color: #4e4e4e !important; } .popup-sub-menu .popup-menu-item:checked:focus, .popup-sub-menu .popup-menu-item:checked:hover { background-color: #484848 !important; } .popup-sub-menu .popup-menu-item:active { background-color: rgba(255, 255, 255, 0.2) !important; } .popup-sub-menu .popup-menu-section .popup-menu-item:last-child:hover, .popup-sub-menu .popup-menu-section .popup-menu-item:last-child:focus { border-radius: 0; } .popup-sub-menu .popup-menu-section:last-child .popup-menu-item:last-child { border-radius: 0 0 6px 6px; } .popup-menu-ornament { width: 1.2em; text-align: center !important; } .popup-menu-ornament:ltr { text-align: right; } .popup-menu-ornament:rtl { text-align: left; } .popup-separator-menu-item { margin: 6px 0; padding: 0 !important; } .popup-separator-menu-item:ltr { margin-right: 4px; } .popup-separator-menu-item:rtl { margin-left: 4px; } .popup-separator-menu-item .popup-separator-menu-item-separator { height: 1px; background-color: #464646; } .popup-separator-menu-item .popup-menu-ornament { width: 0 !important; } .popup-sub-menu .popup-separator-menu-item { background-color: transparent; } .popup-sub-menu .popup-separator-menu-item:ltr { margin-right: 2.5em; } .popup-sub-menu .popup-separator-menu-item:rtl { margin-left: 2.5em; } .popup-sub-menu .popup-separator-menu-item .popup-separator-menu-item-separator { background-color: #585858; } .background-menu { -boxpointer-gap: 0px; -arrow-rise: 0px; } .aggregate-menu { min-width: 22em; } .aggregate-menu .popup-menu-ornament { width: 0 !important; } .aggregate-menu .popup-menu-icon { -st-icon-style: symbolic; } .aggregate-menu .popup-menu-icon:ltr { margin-right: 8px; } .aggregate-menu .popup-menu-icon:rtl { margin-left: 8px; } .aggregate-menu .popup-sub-menu .popup-menu-item > :first-child:ltr { margin-left: 1em; } .aggregate-menu .popup-sub-menu .popup-menu-item > :first-child:rtl { margin-right: 1em; } .app-menu { max-width: 27.25em; } .app-menu .popup-menu-ornament { width: 0 !important; } .app-menu .popup-inactive-menu-item:first-child > StLabel:ltr { margin-right: 8px; } .app-menu .popup-inactive-menu-item:first-child > StLabel:rtl { margin-left: 8px; } /* Date/Time Menu */ #calendarArea { padding: 4px; } .datemenu-calendar-column { spacing: 6px; } .datemenu-calendar-column:ltr { padding-left: 6px; } .datemenu-calendar-column:rtl { padding-right: 6px; } .datemenu-calendar-column .datemenu-displays-box { spacing: 6px; } /* today button (the date) */ .datemenu-today-button { border-radius: 6px; margin: 4px; box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.1); background-color: transparent; background-color: none; box-shadow: none !important; padding: 9px; } .datemenu-today-button:insensitive { color: rgba(247, 247, 247, 0.5); background-color: rgba(247, 247, 247, 0.05); background-color: transparent; color: rgba(255, 255, 255, 0.5); } .datemenu-today-button:focus { color: #F7F7F7; background-color: #2c2c2c; box-shadow: inset 0 0 0 2px #ef8661; } .datemenu-today-button:focus:hover { background-color: #343434; box-shadow: inset 0 0 0 2px #ef8661; } .datemenu-today-button:focus:active { background-color: #3b3b3b; box-shadow: inset 0 0 0 2px #ef8661; } .datemenu-today-button:hover { color: #F7F7F7; background-color: #343434; } .datemenu-today-button:active { color: #F7F7F7; background-color: #3b3b3b; } .datemenu-today-button:insensitive .day-label, .datemenu-today-button:insensitive .date-label { color: #8a8a8a; } /* Calendar */ .calendar { border-radius: 6px; margin: 4px; box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.1); background-color: transparent; background-color: none; box-shadow: none !important; margin-top: 0; } .calendar:insensitive { color: rgba(247, 247, 247, 0.5); background-color: rgba(247, 247, 247, 0.05); background-color: transparent; color: rgba(255, 255, 255, 0.5); } .calendar:focus { color: #F7F7F7; background-color: #2c2c2c; box-shadow: inset 0 0 0 2px #ef8661; } .calendar:focus:hover { background-color: #343434; box-shadow: inset 0 0 0 2px #ef8661; } .calendar:focus:active { background-color: #3b3b3b; box-shadow: inset 0 0 0 2px #ef8661; } .calendar:hover { color: #F7F7F7; background-color: #343434; } .calendar:active { color: #F7F7F7; background-color: #3b3b3b; } .calendar .calendar-month-header .calendar-change-month-back StIcon, .calendar .calendar-month-header .calendar-change-month-forward StIcon { icon-size: 1.09em; } .calendar .calendar-month-header .calendar-month-label { color: white; padding: 8px 0; } .calendar .calendar-month-header .pager-button { background-color: transparent; height: 32px; width: 32px; margin: 2px; border-radius: 4px; } .calendar .calendar-month-header .pager-button:hover, .calendar .calendar-month-header .pager-button:focus { background-color: rgba(247, 247, 247, 0.1); } .calendar .calendar-month-header .pager-button:active { background-color: rgba(247, 247, 247, 0.2); } .calendar .calendar-day-base { text-align: center; margin: 2px; padding: 0 !important; height: 3em !important; width: 3em !important; border-radius: 99px; } .calendar .calendar-day-base:hover { background-color: rgba(247, 247, 247, 0.1); } .calendar .calendar-day-base:focus { background-color: #46281e; box-shadow: inset 0 0 0 2px rgba(233, 84, 32, 0.6); } .calendar .calendar-day-base:active, .calendar .calendar-day-base:selected { color: #efefef; background-color: rgba(247, 247, 247, 0.2); } .calendar .calendar-day-base:active:focus, .calendar .calendar-day-base:selected:focus { background-color: rgba(237, 134, 98, 0.36); } .calendar .calendar-day-base.calendar-day-heading { color: #8a8a8a; padding-top: 6px; height: 16px !important; font-weight: bold; } .calendar .calendar-nonwork-day { color: #8a8a8a; } .calendar .calendar-other-month-day { color: rgba(247, 247, 247, 0.5); } .calendar .calendar-other-month-day.calendar-nonwork-day { color: rgba(138, 138, 138, 0.5); } .calendar .calendar-today { background-color: #E95420; font-weight: 800; color: #FFFFFF !important; } .calendar .calendar-today:hover, .calendar .calendar-today:focus { background-color: #ea5f2e; color: inherit; } .calendar .calendar-today:active, .calendar .calendar-today:selected { background-color: #E95420; color: inherit; } .calendar .calendar-today:active:hover, .calendar .calendar-today:active:focus, .calendar .calendar-today:selected:hover, .calendar .calendar-today:selected:focus { background-color: #ea5f2e; color: inherit; } .calendar .calendar-day-with-events { background-image: url("resource:///org/gnome/shell/theme/calendar-today.svg"); background-size: contain; } .calendar .calendar-week-number { font-size: 7pt; font-weight: bold; font-feature-settings: "tnum"; margin: 6px; padding: 0 6px; border-radius: 3px; background-color: #181818; color: #8a8a8a; } /* Events */ .events-button { border-radius: 6px; margin: 4px; box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.1); color: #F7F7F7; background-color: #2c2c2c; padding: 12px; } .events-button:focus { color: #F7F7F7; background-color: #2c2c2c; box-shadow: inset 0 0 0 2px #ef8661; } .events-button:focus:hover { background-color: #343434; box-shadow: inset 0 0 0 2px #ef8661; } .events-button:focus:active { background-color: #3b3b3b; box-shadow: inset 0 0 0 2px #ef8661; } .events-button:hover { color: #F7F7F7; background-color: #343434; } .events-button:active { color: #F7F7F7; background-color: #3b3b3b; } .events-button .events-box { spacing: 6px; } .events-button .events-list { spacing: 12px; } .events-button .events-title { color: #8a8a8a; margin-bottom: 4px; } .events-button .event-time { color: #8a8a8a; } /* World clocks */ .world-clocks-button { border-radius: 6px; margin: 4px; box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.1); color: #F7F7F7; background-color: #2c2c2c; padding: 12px; } .world-clocks-button:focus { color: #F7F7F7; background-color: #2c2c2c; box-shadow: inset 0 0 0 2px #ef8661; } .world-clocks-button:focus:hover { background-color: #343434; box-shadow: inset 0 0 0 2px #ef8661; } .world-clocks-button:focus:active { background-color: #3b3b3b; box-shadow: inset 0 0 0 2px #ef8661; } .world-clocks-button:hover { color: #F7F7F7; background-color: #343434; } .world-clocks-button:active { color: #F7F7F7; background-color: #3b3b3b; } .world-clocks-button .world-clocks-grid { spacing-rows: 6px; spacing-columns: 12px; } .world-clocks-button .world-clocks-header { color: #8a8a8a; } .world-clocks-button .world-clocks-city { color: #F7F7F7; } .world-clocks-button .world-clocks-time { color: #F7F7F7; } .world-clocks-button .world-clocks-time:ltr { text-align: right; } .world-clocks-button .world-clocks-time:rtl { text-align: left; } .world-clocks-button .world-clocks-timezone { color: #8a8a8a; } /* Weather */ .weather-button { border-radius: 6px; margin: 4px; box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.1); color: #F7F7F7; background-color: #2c2c2c; padding: 12px; } .weather-button:focus { color: #F7F7F7; background-color: #2c2c2c; box-shadow: inset 0 0 0 2px #ef8661; } .weather-button:focus:hover { background-color: #343434; box-shadow: inset 0 0 0 2px #ef8661; } .weather-button:focus:active { background-color: #3b3b3b; box-shadow: inset 0 0 0 2px #ef8661; } .weather-button:hover { color: #F7F7F7; background-color: #343434; } .weather-button:active { color: #F7F7F7; background-color: #3b3b3b; } .weather-button .weather-box { spacing: 10px; } .weather-button .weather-header-box { spacing: 6px; } .weather-button .weather-header { color: #8a8a8a; } .weather-button .weather-header.location { font-weight: normal; } .weather-button .weather-grid { spacing-rows: 6px; spacing-columns: 12px; } .weather-button .weather-forecast-time { color: #ababab; padding-top: 0.2em; padding-bottom: 0.4em; } .weather-button .weather-forecast-icon { icon-size: 2.18em; } /* Message List */ .message-list { width: 29em; border: solid #464646; } .message-list:ltr { margin-left: 0; margin-right: 4px; padding-right: 6px; border-right-width: 1px; } .message-list:rtl { margin-right: 0; margin-left: 4px; padding-left: 6px; border-left-width: 1px; } .message-list .message-list-placeholder { color: rgba(138, 138, 138, 0.5); } .message-list .message-list-placeholder > StIcon { icon-size: 3.27em; margin-bottom: 12px; -st-icon-style: symbolic; } .message-list-sections { spacing: 6px; margin: 0; padding-bottom: 6px; } .message-list-sections:ltr { margin-right: 12px; } .message-list-sections:rtl { margin-left: 12px; } .message-list-section, .message-list-section-list { spacing: 6px; } .message-list-controls { padding: 6px; spacing: 6px; } .message-list-controls .dnd-button { border-width: 2px; border-color: transparent; border-radius: 32px; border-style: solid; } .message-list-controls .dnd-button:focus { border-color: #ef8661; } .message { border-radius: 6px; margin: 4px; box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.1); color: #F7F7F7; background-color: #2c2c2c; } .message:focus { color: #F7F7F7; background-color: #2c2c2c; box-shadow: inset 0 0 0 2px #ef8661; } .message:focus:hover { background-color: #343434; box-shadow: inset 0 0 0 2px #ef8661; } .message:focus:active { background-color: #3b3b3b; box-shadow: inset 0 0 0 2px #ef8661; } .message:hover { color: #F7F7F7; background-color: #343434; } .message:active { color: #F7F7F7; background-color: #3b3b3b; } .message .message-icon-bin { padding: 18px; } .message .message-icon-bin:ltr { padding-right: 6px; } .message .message-icon-bin:rtl { padding-left: 6px; } .message .message-icon-bin > StIcon { icon-size: 2.18em; -st-icon-style: symbolic; } .message .message-icon-bin > .fallback-app-icon { width: 1.09em; height: 1.09em; } .message .message-content { spacing: 4px; padding: 9px; margin-bottom: 8px; } .message .message-title { font-weight: bold; /* HACK: the label should be baseline-aligned with a 1em label, fake this with some bottom padding */ padding-top: 0.57em; } .message .message-secondary-bin { padding: 0 8px; } .message .message-secondary-bin > .event-time { color: rgba(247, 247, 247, 0.5); font-size: 9pt; /* HACK: the label should be baseline-aligned with a 1em label, fake this with some bottom padding */ padding-bottom: 0.13em; } .message .message-secondary-bin > .event-time:ltr { text-align: right; } .message .message-secondary-bin > .event-time:rtl { text-align: left; } .message .message-close-button { color: #F7F7F7; background-color: rgba(247, 247, 247, 0.1); border-radius: 99px; padding: 5px; margin: 1px; } .message .message-close-button:hover { background-color: rgba(247, 247, 247, 0.2); } .message .message-close-button:active { background-color: rgba(247, 247, 247, 0.1); } .message .message-body { color: #dedede; } .url-highlighter { link-color: #f29b7d; } /* Media Controls */ .message-media-control { padding: 0 18px; margin: 12px 0; border-radius: 6px; color: #F7F7F7; } .message-media-control:hover { background-color: rgba(255, 255, 255, 0.1); color: #F7F7F7; } .message-media-control:active { background-color: rgba(247, 247, 247, 0.2); color: #F7F7F7; } .message-media-control:insensitive { color: #979797; } .message-media-control:last-child:ltr { margin-right: 12px; } .message-media-control:last-child:rtl { margin-left: 12px; } .media-message-cover-icon { icon-size: 3.27em !important; border-radius: 6px; } .media-message-cover-icon.fallback { color: #cccccc; background-color: #1d1d1d; border: 1px solid transparent; border-radius: 6px; icon-size: 2.18em !important; padding: 14px; } .candidate-popup-content { padding: 6px; spacing: 6px; } .candidate-index { padding: 0; padding-right: 6px; color: #8a8a8a; } .candidate-box { padding: 6px 12px 6px 12px; border-radius: 6px; } .candidate-box:selected { background-color: #E95420; color: #FFFFFF; } .candidate-box:hover { background-color: rgba(247, 247, 247, 0.1); color: #F7F7F7; } .candidate-page-button-box { height: 2em; } .vertical .candidate-page-button-box { padding-top: 12px; } .horizontal .candidate-page-button-box { padding-left: 12px; } .candidate-page-button { padding: 6px; } .candidate-page-button-previous { border-radius: 6px 0px 0px 6px; border-right-width: 0; box-shadow: none; } .candidate-page-button-next { border-radius: 0px 6px 6px 0px; box-shadow: none; } .candidate-page-button-icon { icon-size: 1.09em; } /* Notifications & Message Tray */ .notification-banner { min-height: 64px; width: 34em; box-shadow: 0 2px 4px 2px rgba(0, 0, 0, 0.1); border-radius: 9px; margin: 4px; background-color: #1d1d1d; } .notification-banner .notification-actions { spacing: 0; } .notification-banner:hover { background-color: #222222; } .notification-banner:active { background-color: #272727; } .notification-banner, .notification-banner:hover, .notification-banner:focus, .notification-banner:active { box-shadow: 0 0 4px 2px rgba(0, 0, 0, 0.1); border: 1px solid #464646; } .summary-source-counter { font-size: 10pt; font-weight: bold; height: 1.6em; width: 1.6em; -shell-counter-overlap-x: 3px; -shell-counter-overlap-y: 3px; background-color: #E95420; color: #FFFFFF; border: 2px solid #F7F7F7; box-shadow: 0 2px 2px rgba(0, 0, 0, 0.5); border-radius: 0.9em; } .chat-body { spacing: 5px; } .chat-response { margin: 5px; } .chat-log-message { color: #dedede; } .chat-new-group { padding-top: 1em; } .chat-received { padding-left: 4px; } .chat-received:rtl { padding-left: 0px; padding-right: 4px; } .chat-sent { padding-left: 18pt; color: white; } .chat-sent:rtl { padding-left: 0; padding-right: 18pt; } .chat-meta-message { padding-left: 4px; font-size: 9pt; font-weight: bold; color: white; } .chat-meta-message:rtl { padding-left: 0; padding-right: 4px; } .hotplug-notification-item-icon { icon-size: 24px; padding: 0 4px; } /* Modal Dialogs */ .modal-dialog .modal-dialog-content-box { margin: 32px 40px; spacing: 32px; max-width: 28em; } /* End Session Dialog */ .end-session-dialog { width: 30em; } .end-session-dialog .end-session-dialog-battery-warning, .end-session-dialog .dialog-list-title { color: #f99b11; } /* Message Dialog */ .message-dialog-content { spacing: 18px; } .message-dialog-content .message-dialog-title { text-align: center; } .message-dialog-content .message-dialog-description { text-align: center; } /* Dialog List */ .dialog-list { spacing: 18px; } .dialog-list .dialog-list-title { text-align: center; } .dialog-list .dialog-list-scrollview { max-height: 200px; } .dialog-list .dialog-list-box { spacing: 1em; } .dialog-list .dialog-list-box .dialog-list-item { spacing: 1em; } .dialog-list .dialog-list-box .dialog-list-item .dialog-list-item-title { font-weight: bold; } .dialog-list .dialog-list-box .dialog-list-item .dialog-list-item-description { color: #eaeaea; } /* Run Dialog */ .run-dialog .modal-dialog-content-box { margin-top: 24px; margin-bottom: 14px; } .run-dialog .run-dialog-entry { width: 20em; } .run-dialog .run-dialog-description { text-align: center; color: #c4c4c4; } /* Password or Authentication Dialog */ .prompt-dialog { width: 28em; } .prompt-dialog .modal-dialog-content-box { margin-bottom: 24px; } .prompt-dialog-password-grid { spacing-rows: 8px; spacing-columns: 4px; } .prompt-dialog-password-grid .prompt-dialog-password-entry { width: auto; } .prompt-dialog-password-grid .prompt-dialog-password-entry:ltr { margin-left: 20px; } .prompt-dialog-password-grid .prompt-dialog-password-entry:rtl { margin-right: 20px; } .prompt-dialog-password-layout { spacing: 8px; } .prompt-dialog-password-entry { width: 20em; } .prompt-dialog-error-label, .prompt-dialog-info-label, .prompt-dialog-null-label { text-align: center; } .prompt-dialog-error-label { color: #f99b11; } /* Polkit Dialog */ .polkit-dialog-user-layout { text-align: center; spacing: 8px; margin-bottom: 6px; } .polkit-dialog-user-layout .polkit-dialog-user-root-label { color: #f99b11; } /* Audio selection dialog */ .audio-device-selection-dialog .modal-dialog-content-box { margin-bottom: 28px; } .audio-device-selection-dialog .audio-selection-box { spacing: 20px; } .audio-selection-device { border-radius: 12px; } .audio-selection-device:hover, .audio-selection-device:focus { background-color: rgba(247, 247, 247, 0.1); } .audio-selection-device:active { background-color: #E95420; color: #FFFFFF; } .audio-selection-device-box { padding: 20px; spacing: 20px; } .audio-selection-device-icon { icon-size: 4.36em; } /* Welcome dialog */ .welcome-dialog-image { background-image: url("resource:///org/gnome/shell/theme/gnome-shell-start.svg"); background-size: contain; /* Reasonable maximum dimensions */ height: 300px; width: 300px; } /* Select Network dialogs */ .nm-dialog { max-height: 34em; min-height: 31em; min-width: 32em; } .nm-dialog-content { spacing: 20px; padding: 24px; } .nm-dialog-subheader { color: #8a8a8a; } .nm-dialog-header-icon { icon-size: 2.18em; } .nm-dialog-header-hbox { spacing: 10px; } .nm-dialog-scroll-view { padding: 6px; border-radius: 6px; background-color: #222222; } .nm-dialog-item { padding: 12px; } .nm-dialog-item:selected { background-color: #E95420; border-radius: 3px; color: #FFFFFF; } .nm-dialog-item:hover { background-color: rgba(247, 247, 247, 0.1); } .nm-dialog-icon { icon-size: 1.09em; } .nm-dialog-icons { spacing: 12px; } .no-networks-box { spacing: 6px; } .no-networks-label { color: #8a8a8a; } .nm-dialog-airplane-box { text-align: center; spacing: 12px; } .nm-dialog-airplane-text { color: #8a8a8a; } /* OSD */ .osd-window { text-align: center; font-weight: bold; spacing: 12px; padding: 12px 18px; margin-bottom: 4em; } .osd-window > * { spacing: 8px; } .osd-window StIcon { icon-size: 2.18em; } .osd-window StLabel:ltr { margin-right: 6px; } .osd-window StLabel:rtl { margin-left: 6px; } .osd-window .level { margin-bottom: 4px; height: 6px; min-width: 10.9em; -barlevel-height: 6px; -barlevel-background-color: rgba(238, 238, 236, 0.1); -barlevel-active-background-color: #eeeeec; -barlevel-overdrive-color: #991121; -barlevel-overdrive-separator-width: 3px; } .osd-window .level:first-child { margin-bottom: 0px; } .osd-window .level:ltr { margin-right: 6px; } .osd-window .level:rtl { margin-left: 6px; } .osd-monitor-label { border-radius: 12px; font-size: 3em; font-weight: bold; margin: 12px; text-align: center; min-width: 1.3em; } /* Pad OSD */ .pad-osd-window { padding: 32px; background-color: rgba(29, 29, 29, 0.975); color: #eeeeec; } .pad-osd-window .button:insensitive { color: #F7F7F7; } .pad-osd-window .pad-osd-title-box { spacing: 12px; } .pad-osd-window .pad-osd-title-menu-box { spacing: 6px; } .combo-box-label { width: 15em; } /* App Switcher */ .switcher-popup { padding: 0; spacing: 24px; } .switcher-list { padding: 10px; border-radius: 20px; box-shadow: 0 8px 8px 0 rgba(0, 0, 0, 0.1); } .switcher-list .switcher-list-item-container { spacing: 12px; } .switcher-list .item-box { background-color: transparent; } .switcher-list .item-box:hover { background-color: rgba(238, 238, 236, 0.1); } .switcher-list .item-box:selected, .switcher-list .item-box:focus { background-color: rgba(238, 238, 236, 0.13); } .switcher-list .item-box:selected:hover, .switcher-list .item-box:focus:hover { background-color: rgba(238, 238, 236, 0.16); } .switcher-list .item-box:selected:active, .switcher-list .item-box:focus:active { background-color: rgba(238, 238, 236, 0.13); } .switcher-list .item-box:active { background-color: rgba(238, 238, 236, 0.16); } .switcher-list .item-box:outlined, .switcher-list .item-box:checked { background-color: rgba(238, 238, 236, 0.19); } .switcher-list .item-box:outlined:active, .switcher-list .item-box:checked:active { background-color: rgba(238, 238, 236, 0.22); } .switcher-list .item-box:outlined:hover, .switcher-list .item-box:checked:hover { background-color: rgba(238, 238, 236, 0.25); } .switcher-list .item-box:drop { border: 2px solid rgba(233, 84, 32, 0.8); background-color: rgba(233, 84, 32, 0.2); } .switcher-list .item-box:hover { background: none; } .switcher-list .separator { width: 1px; background: #464646; } .switcher-list .thumbnail-box { padding: 2px; spacing: 6px; } .switcher-list .thumbnail { width: 256px; border-radius: 6px; } .switcher-arrow { border-color: rgba(0, 0, 0, 0); color: rgba(238, 238, 236, 0.8); } .switcher-arrow:highlighted { border-color: #eeeeec; color: #eeeeec; } .input-source-switcher-symbol { font-size: 34pt; width: 96px; height: 96px; } .cycler-highlight { border: 5px solid #E95420; } /* Workspace Switcher */ .workspace-switcher { margin-bottom: 4em; spacing: 12px; padding: 12px 18px; } .ws-switcher-indicator { background-color: rgba(238, 238, 236, 0.5); padding: 0.1816666667em; margin: 0.9083333333em; border-radius: 2.18em; } .ws-switcher-indicator:active { background-color: #eeeeec; padding: 0.3633333333em; margin: 0.7266666667em; } .icon-label-button-container { spacing: 6px; } .icon-label-button-container StIcon { icon-size: 32px; } .screenshot-ui-panel { border-radius: 33px; padding: 18px; padding-bottom: 12px; margin-bottom: 4em; spacing: 12px; } .screenshot-ui-close-button { padding: 6px; } .screenshot-ui-close-button.left { margin-left: 8px; } .screenshot-ui-close-button.right { margin-right: 8px; } .screenshot-ui-type-button { padding: 12px 18px !important; border-radius: 15px; } .screenshot-ui-capture-button { width: 36px; height: 36px; border-radius: 99px; border: 4px #eeeeec; padding: 4px; } .screenshot-ui-capture-button .screenshot-ui-capture-button-circle { background-color: #eeeeec; transition-duration: 200ms; border-radius: 99px; } .screenshot-ui-capture-button .screenshot-ui-capture-button-circle:hover, .screenshot-ui-capture-button .screenshot-ui-capture-button-circle:focus { background-color: rgba(247, 247, 247, 0.1); } .screenshot-ui-capture-button:hover .screenshot-ui-capture-button-circle, .screenshot-ui-capture-button:focus .screenshot-ui-capture-button-circle { background-color: #cacac4; } .screenshot-ui-capture-button:active .screenshot-ui-capture-button-circle { background-color: #747467; } .screenshot-ui-capture-button:cast .screenshot-ui-capture-button-circle { background-color: #c7162b; } .screenshot-ui-capture-button:cast:hover .screenshot-ui-capture-button-circle, .screenshot-ui-capture-button:cast:focus .screenshot-ui-capture-button-circle { background-color: #de1930; } .screenshot-ui-capture-button:cast:active .screenshot-ui-capture-button-circle { background-color: #a71224; } .screenshot-ui-shot-cast-container { background-color: rgba(247, 247, 247, 0.1); border-radius: 12px; padding: 3px; spacing: 3px; } .screenshot-ui-shot-cast-container:ltr { margin-left: 3px; } .screenshot-ui-shot-cast-container:rtl { margin-right: 3px; } .screenshot-ui-shot-cast-button { padding: 6px 12px; background-color: transparent; border-radius: 9px; } .screenshot-ui-shot-cast-button:hover, .screenshot-ui-shot-cast-button:focus { background-color: rgba(255, 255, 255, 0.1); } .screenshot-ui-shot-cast-button:active { background-color: rgba(255, 255, 255, 0.2); } .screenshot-ui-shot-cast-button:checked { background-color: white; color: black; } .screenshot-ui-shot-cast-button StIcon { icon-size: 1.09em; } .screenshot-ui-show-pointer-button { border-radius: 99px; padding: 12px !important; } .screenshot-ui-show-pointer-button StIcon { icon-size: 1.09em; } .screenshot-ui-area-indicator-shade { background-color: rgba(0, 0, 0, 0.3); } .screenshot-ui-area-selector .screenshot-ui-area-indicator-shade { background-color: rgba(0, 0, 0, 0.5); } .screenshot-ui-area-selector .screenshot-ui-area-indicator-selection { border: 2px white; } .screenshot-ui-area-selector-handle { border-radius: 99px; background-color: white; box-shadow: 0 1px 3px 2px rgba(0, 0, 0, 0.2); width: 24px; height: 24px; } .screenshot-ui-window-selector { background-color: #222222; } .screenshot-ui-window-selector .screenshot-ui-window-selector-window-container { margin: 100px; } .screenshot-ui-window-selector:primary-monitor .screenshot-ui-window-selector-window-container { margin-bottom: 200px; } .screenshot-ui-window-selector-window-border { transition-duration: 200ms; border-radius: 12px; border: 6px transparent; } .screenshot-ui-window-selector-check { transition-duration: 200ms; color: transparent; border-radius: 99px; border-width: 12px; icon-size: 24px; } .screenshot-ui-window-selector-window:hover .screenshot-ui-window-selector-window-border { border-color: #ac3911; } .screenshot-ui-window-selector-window:checked .screenshot-ui-window-selector-window-border { border-color: #E95420; background-color: rgba(233, 84, 32, 0.2); } .screenshot-ui-window-selector-window:checked .screenshot-ui-window-selector-check { color: #FFFFFF; background-color: #E95420; } .screenshot-ui-screen-selector { transition-duration: 200ms; background-color: rgba(0, 0, 0, 0.5); } .screenshot-ui-screen-selector:hover { background-color: rgba(0, 0, 0, 0.3); } .screenshot-ui-screen-selector:active { background-color: rgba(0, 0, 0, 0.7); } .screenshot-ui-screen-selector:checked { background-color: transparent; border: 2px white; } .screenshot-ui-tooltip { color: #eeeeec; background-color: rgba(29, 29, 29, 0.975); border-radius: 99px; padding: 6px 12px; text-align: center; -y-offset: 24px; } /* Top Bar */ #panel { background-color: #131313; font-weight: bold; height: 1.86em; transition-duration: 250ms; } #panel.unlock-screen, #panel.login-screen { background-color: transparent; } #panel .panel-button { font-weight: bold; color: #f2f2f2; -natural-hpadding: 12px; -minimum-hpadding: 6px; transition-duration: 150ms; border: 3px solid transparent; border-radius: 99px; } #panel .panel-button.clock-display .clock { transition-duration: 150ms; border: 3px solid transparent; border-radius: 99px; } #panel .panel-button.screen-recording-indicator { box-shadow: inset 0 0 0 100px #c7162b; } #panel .panel-button.screen-recording-indicator StBoxLayout { spacing: 6px; } #panel .panel-button.screen-recording-indicator StIcon { icon-size: 1.09em; } #panel .panel-button:active, #panel .panel-button:overview, #panel .panel-button:focus, #panel .panel-button:checked { box-shadow: inset 0 0 0 100px rgba(242, 242, 242, 0.2); } #panel .panel-button:active.clock-display, #panel .panel-button:overview.clock-display, #panel .panel-button:focus.clock-display, #panel .panel-button:checked.clock-display { box-shadow: none; } #panel .panel-button:active.clock-display .clock, #panel .panel-button:overview.clock-display .clock, #panel .panel-button:focus.clock-display .clock, #panel .panel-button:checked.clock-display .clock { box-shadow: inset 0 0 0 100px rgba(242, 242, 242, 0.2); } #panel .panel-button:active.screen-recording-indicator, #panel .panel-button:overview.screen-recording-indicator, #panel .panel-button:focus.screen-recording-indicator, #panel .panel-button:checked.screen-recording-indicator { box-shadow: inset 0 0 0 100px rgba(199, 22, 43, 0.85); } #panel .panel-button:hover { box-shadow: inset 0 0 0 100px rgba(242, 242, 242, 0.15); } #panel .panel-button:hover.clock-display { box-shadow: none; } #panel .panel-button:hover.clock-display .clock { box-shadow: inset 0 0 0 100px rgba(242, 242, 242, 0.15); } #panel .panel-button:hover.screen-recording-indicator { box-shadow: inset 0 0 0 100px rgba(199, 22, 43, 0.9); } #panel .panel-button:active:hover, #panel .panel-button:overview:hover, #panel .panel-button:focus:hover, #panel .panel-button:checked:hover { box-shadow: inset 0 0 0 100px rgba(242, 242, 242, 0.25); } #panel .panel-button:active:hover.clock-display, #panel .panel-button:overview:hover.clock-display, #panel .panel-button:focus:hover.clock-display, #panel .panel-button:checked:hover.clock-display { box-shadow: none; } #panel .panel-button:active:hover.clock-display .clock, #panel .panel-button:overview:hover.clock-display .clock, #panel .panel-button:focus:hover.clock-display .clock, #panel .panel-button:checked:hover.clock-display .clock { box-shadow: inset 0 0 0 100px rgba(242, 242, 242, 0.25); } #panel .panel-button:active:hover.screen-recording-indicator, #panel .panel-button:overview:hover.screen-recording-indicator, #panel .panel-button:focus:hover.screen-recording-indicator, #panel .panel-button:checked:hover.screen-recording-indicator { box-shadow: inset 0 0 0 100px rgba(199, 22, 43, 0.8); } #panel .panel-button .system-status-icon { icon-size: 1.09em; padding: 5px; margin: 0 4px; } #panel .panel-button .panel-status-indicators-box .system-status-icon, #panel .panel-button .panel-status-menu-box .system-status-icon { margin: 0; } #panel .panel-button .app-menu-icon { -st-icon-style: symbolic; } #panel .panel-button#panelActivities { -natural-hpadding: 18px; } #panel.unlock-screen .panel-button:active, #panel.unlock-screen .panel-button:overview, #panel.unlock-screen .panel-button:focus, #panel.unlock-screen .panel-button:checked, #panel.login-screen .panel-button:active, #panel.login-screen .panel-button:overview, #panel.login-screen .panel-button:focus, #panel.login-screen .panel-button:checked, #panel:overview .panel-button:active, #panel:overview .panel-button:overview, #panel:overview .panel-button:focus, #panel:overview .panel-button:checked { box-shadow: inset 0 0 0 100px rgba(255, 255, 255, 0.15); } #panel.unlock-screen .panel-button:active.clock-display, #panel.unlock-screen .panel-button:overview.clock-display, #panel.unlock-screen .panel-button:focus.clock-display, #panel.unlock-screen .panel-button:checked.clock-display, #panel.login-screen .panel-button:active.clock-display, #panel.login-screen .panel-button:overview.clock-display, #panel.login-screen .panel-button:focus.clock-display, #panel.login-screen .panel-button:checked.clock-display, #panel:overview .panel-button:active.clock-display, #panel:overview .panel-button:overview.clock-display, #panel:overview .panel-button:focus.clock-display, #panel:overview .panel-button:checked.clock-display { box-shadow: none; } #panel.unlock-screen .panel-button:active.clock-display .clock, #panel.unlock-screen .panel-button:overview.clock-display .clock, #panel.unlock-screen .panel-button:focus.clock-display .clock, #panel.unlock-screen .panel-button:checked.clock-display .clock, #panel.login-screen .panel-button:active.clock-display .clock, #panel.login-screen .panel-button:overview.clock-display .clock, #panel.login-screen .panel-button:focus.clock-display .clock, #panel.login-screen .panel-button:checked.clock-display .clock, #panel:overview .panel-button:active.clock-display .clock, #panel:overview .panel-button:overview.clock-display .clock, #panel:overview .panel-button:focus.clock-display .clock, #panel:overview .panel-button:checked.clock-display .clock { box-shadow: inset 0 0 0 100px rgba(255, 255, 255, 0.15); } #panel.unlock-screen .panel-button:active.screen-recording-indicator, #panel.unlock-screen .panel-button:overview.screen-recording-indicator, #panel.unlock-screen .panel-button:focus.screen-recording-indicator, #panel.unlock-screen .panel-button:checked.screen-recording-indicator, #panel.login-screen .panel-button:active.screen-recording-indicator, #panel.login-screen .panel-button:overview.screen-recording-indicator, #panel.login-screen .panel-button:focus.screen-recording-indicator, #panel.login-screen .panel-button:checked.screen-recording-indicator, #panel:overview .panel-button:active.screen-recording-indicator, #panel:overview .panel-button:overview.screen-recording-indicator, #panel:overview .panel-button:focus.screen-recording-indicator, #panel:overview .panel-button:checked.screen-recording-indicator { box-shadow: inset 0 0 0 100px rgba(199, 22, 43, 0.85); } #panel.unlock-screen .panel-button:hover, #panel.login-screen .panel-button:hover, #panel:overview .panel-button:hover { box-shadow: inset 0 0 0 100px rgba(255, 255, 255, 0.1); } #panel.unlock-screen .panel-button:hover.clock-display, #panel.login-screen .panel-button:hover.clock-display, #panel:overview .panel-button:hover.clock-display { box-shadow: none; } #panel.unlock-screen .panel-button:hover.clock-display .clock, #panel.login-screen .panel-button:hover.clock-display .clock, #panel:overview .panel-button:hover.clock-display .clock { box-shadow: inset 0 0 0 100px rgba(255, 255, 255, 0.1); } #panel.unlock-screen .panel-button:hover.screen-recording-indicator, #panel.login-screen .panel-button:hover.screen-recording-indicator, #panel:overview .panel-button:hover.screen-recording-indicator { box-shadow: inset 0 0 0 100px rgba(199, 22, 43, 0.9); } #panel.unlock-screen .panel-button:active:hover, #panel.unlock-screen .panel-button:overview:hover, #panel.unlock-screen .panel-button:focus:hover, #panel.unlock-screen .panel-button:checked:hover, #panel.login-screen .panel-button:active:hover, #panel.login-screen .panel-button:overview:hover, #panel.login-screen .panel-button:focus:hover, #panel.login-screen .panel-button:checked:hover, #panel:overview .panel-button:active:hover, #panel:overview .panel-button:overview:hover, #panel:overview .panel-button:focus:hover, #panel:overview .panel-button:checked:hover { box-shadow: inset 0 0 0 100px rgba(255, 255, 255, 0.2); } #panel.unlock-screen .panel-button:active:hover.clock-display, #panel.unlock-screen .panel-button:overview:hover.clock-display, #panel.unlock-screen .panel-button:focus:hover.clock-display, #panel.unlock-screen .panel-button:checked:hover.clock-display, #panel.login-screen .panel-button:active:hover.clock-display, #panel.login-screen .panel-button:overview:hover.clock-display, #panel.login-screen .panel-button:focus:hover.clock-display, #panel.login-screen .panel-button:checked:hover.clock-display, #panel:overview .panel-button:active:hover.clock-display, #panel:overview .panel-button:overview:hover.clock-display, #panel:overview .panel-button:focus:hover.clock-display, #panel:overview .panel-button:checked:hover.clock-display { box-shadow: none; } #panel.unlock-screen .panel-button:active:hover.clock-display .clock, #panel.unlock-screen .panel-button:overview:hover.clock-display .clock, #panel.unlock-screen .panel-button:focus:hover.clock-display .clock, #panel.unlock-screen .panel-button:checked:hover.clock-display .clock, #panel.login-screen .panel-button:active:hover.clock-display .clock, #panel.login-screen .panel-button:overview:hover.clock-display .clock, #panel.login-screen .panel-button:focus:hover.clock-display .clock, #panel.login-screen .panel-button:checked:hover.clock-display .clock, #panel:overview .panel-button:active:hover.clock-display .clock, #panel:overview .panel-button:overview:hover.clock-display .clock, #panel:overview .panel-button:focus:hover.clock-display .clock, #panel:overview .panel-button:checked:hover.clock-display .clock { box-shadow: inset 0 0 0 100px rgba(255, 255, 255, 0.2); } #panel.unlock-screen .panel-button:active:hover.screen-recording-indicator, #panel.unlock-screen .panel-button:overview:hover.screen-recording-indicator, #panel.unlock-screen .panel-button:focus:hover.screen-recording-indicator, #panel.unlock-screen .panel-button:checked:hover.screen-recording-indicator, #panel.login-screen .panel-button:active:hover.screen-recording-indicator, #panel.login-screen .panel-button:overview:hover.screen-recording-indicator, #panel.login-screen .panel-button:focus:hover.screen-recording-indicator, #panel.login-screen .panel-button:checked:hover.screen-recording-indicator, #panel:overview .panel-button:active:hover.screen-recording-indicator, #panel:overview .panel-button:overview:hover.screen-recording-indicator, #panel:overview .panel-button:focus:hover.screen-recording-indicator, #panel:overview .panel-button:checked:hover.screen-recording-indicator { box-shadow: inset 0 0 0 100px rgba(199, 22, 43, 0.8); } #panel .panel-status-indicators-box, #panel .panel-status-menu-box { spacing: 2px; } #panel .power-status.panel-status-indicators-box { spacing: 0; } #panel .screencast-indicator, #panel .remote-access-indicator { color: #f99b11; } #appMenu { spacing: 6px; } #appMenu .label-shadow { color: transparent; } #appMenu .panel-status-menu-box { padding: 0 6px; spacing: 6px; } .clock-display-box { spacing: 2px; } .clock-display-box .clock { padding-left: 12px; padding-right: 12px; } /* Activities Ripple */ .ripple-box { background-color: rgba(251, 226, 218, 0.3); box-shadow: 0 0 2px 2px #f29b7d; width: 52px; height: 52px; border-radius: 0 0 52px 0; } .ripple-box:rtl { border-radius: 0 0 0 52px; } /* OVERVIEW */ .controls-manager, .secondary-monitor-workspaces { spacing: 12px; } #overviewGroup { background-color: #222222; } .overview-controls { padding-bottom: 32px; } /* Window Picker */ .window-picker { spacing: 6px; } .window-caption { color: #eeeeec; background-color: rgba(29, 29, 29, 0.975); border-radius: 99px; padding: 6px 12px; border: 1px solid #464646; } .window-close, .screenshot-ui-close-button { background-color: rgba(55, 55, 55, 0.975); color: #eeeeec; border-radius: 99px; padding: 3px; height: 30px; width: 30px; transition-duration: 300ms; border: 1px solid #464646; } .window-close StIcon, .screenshot-ui-close-button StIcon { icon-size: 24px; } .window-close:hover, .screenshot-ui-close-button:hover { background-color: rgba(67, 67, 67, 0.975); } .window-close:active, .screenshot-ui-close-button:active { background-color: rgba(42, 42, 42, 0.975); } .workspace-background { border-radius: 30px; box-shadow: 0 4px 16px 4px rgba(0, 0, 0, 0.275); } .search-entry { border-radius: 18px; margin-top: 24px; margin-bottom: 12px; padding: 7px 9px; width: 320px; background-color: #1d1d1d; color: rgba(247, 247, 247, 0.7); border: 1px solid #464646; } .search-entry:hover { background-color: #1d1d1d; border-color: #535353; color: #F7F7F7; } .search-entry:focus { background-color: #1d1d1d; border-color: #ef8661; box-shadow: 0 0 0 1px #ef8661 inset; color: #F7F7F7; } .search-entry:insensitive { background-color: #2c2c2c; border-color: #2c2c2c; color: #8a8a8a; } .search-entry .search-entry-icon { color: inherit; icon-size: 1.09em; margin-top: 2px; padding: 0 4px; } /* Search */ #searchResults { margin: 0 4px; } #searchResultsContent { max-width: 1072px; } .search-section { spacing: 18px; } .search-section .search-section-separator { height: 8px; background-color: transparent; } .search-section-content { background-color: #1d1d1d; border-radius: 18px; border: 1px solid #464646; color: #eeeeec; padding: 12px; margin: 0 12px; } .list-search-result, .search-provider-icon { background-color: transparent; border-radius: 9px; } .list-search-result:hover, .search-provider-icon:hover { background-color: rgba(238, 238, 236, 0.1); } .list-search-result:selected, .search-provider-icon:selected, .list-search-result:focus, .search-provider-icon:focus { background-color: rgba(238, 238, 236, 0.13); } .list-search-result:selected:hover, .search-provider-icon:selected:hover, .list-search-result:focus:hover, .search-provider-icon:focus:hover { background-color: rgba(238, 238, 236, 0.16); } .list-search-result:selected:active, .search-provider-icon:selected:active, .list-search-result:focus:active, .search-provider-icon:focus:active { background-color: rgba(238, 238, 236, 0.13); } .list-search-result:active, .search-provider-icon:active { background-color: rgba(238, 238, 236, 0.16); } .list-search-result:outlined, .search-provider-icon:outlined, .list-search-result:checked, .search-provider-icon:checked { background-color: rgba(238, 238, 236, 0.19); } .list-search-result:outlined:active, .search-provider-icon:outlined:active, .list-search-result:checked:active, .search-provider-icon:checked:active { background-color: rgba(238, 238, 236, 0.22); } .list-search-result:outlined:hover, .search-provider-icon:outlined:hover, .list-search-result:checked:hover, .search-provider-icon:checked:hover { background-color: rgba(238, 238, 236, 0.25); } .list-search-result:drop, .search-provider-icon:drop { border: 2px solid rgba(233, 84, 32, 0.8); background-color: rgba(233, 84, 32, 0.2); } .grid-search-results { spacing: 30px; margin: 0 12px; } .search-provider-icon:ltr { margin-right: 4px; } .search-provider-icon:rtl { margin-left: 4px; } .search-provider-icon .list-search-provider-content { spacing: 12px; } .search-provider-icon .list-search-provider-content .list-search-provider-details { width: 120px; color: #eeeeec; } .list-search-results { spacing: 6px; } .list-search-result .list-search-result-content { spacing: 6px; } .list-search-result .list-search-result-title { spacing: 12px; } .list-search-result .list-search-result-description { color: #868685; } /* Dash */ #dash { margin-top: 12px; } #dash .placeholder { background-image: none; background-size: contain; height: 32px; } #dash .empty-dash-drop-target { width: 32px; height: 32px; } #dash .app-well-app-running-dot { margin-bottom: 13px; background-color: #E95420; } .dash-background { background-color: #1d1d1d; border-radius: 24px; padding: 12px; border: 1px solid #464646; spacing: 6px; margin-bottom: 12px; } .dash-item-container > * { margin: 0 2px; } .dash-item-container:ltr:first-child { margin-left: 0; } .dash-item-container:rtl:first-child { margin-right: 0; } .dash-item-container .app-well-app .overview-icon, .dash-item-container .grid-search-result .overview-icon { padding: 6px; } .dash-item-container .show-apps .overview-icon { background-color: transparent; } .dash-item-container .show-apps:hover .overview-icon { background-color: rgba(238, 238, 236, 0.1); } .dash-item-container .show-apps:selected .overview-icon, .dash-item-container .show-apps:focus .overview-icon { background-color: rgba(238, 238, 236, 0.13); } .dash-item-container .show-apps:selected .overview-icon:hover .overview-icon, .dash-item-container .show-apps:focus .overview-icon:hover .overview-icon { background-color: rgba(238, 238, 236, 0.16); } .dash-item-container .show-apps:selected .overview-icon:active .overview-icon, .dash-item-container .show-apps:focus .overview-icon:active .overview-icon { background-color: rgba(238, 238, 236, 0.13); } .dash-item-container .show-apps:active .overview-icon { background-color: rgba(238, 238, 236, 0.16); } .dash-item-container .show-apps:outlined .overview-icon, .dash-item-container .show-apps:checked .overview-icon { background-color: rgba(238, 238, 236, 0.19); } .dash-item-container .show-apps:outlined .overview-icon:active .overview-icon, .dash-item-container .show-apps:checked .overview-icon:active .overview-icon { background-color: rgba(238, 238, 236, 0.22); } .dash-item-container .show-apps:outlined .overview-icon:hover .overview-icon, .dash-item-container .show-apps:checked .overview-icon:hover .overview-icon { background-color: rgba(238, 238, 236, 0.25); } .dash-item-container .show-apps:drop .overview-icon { border: 2px solid rgba(233, 84, 32, 0.8); background-color: rgba(233, 84, 32, 0.2); } .dash-item-container .show-apps:focus .overview-icon, .dash-item-container .show-apps:active .overview-icon, .dash-item-container .show-apps:checked .overview-icon { background-color: rgba(238, 238, 236, 0.2); } .dash-item-container .show-apps, .dash-item-container .app-well-app, .dash-item-container .grid-search-result { padding-bottom: 12px; } .dash-separator { width: 1px; margin: 0 4px; background-color: #464646; margin-bottom: 12px; } .dash-label { color: #eeeeec; background-color: rgba(29, 29, 29, 0.975); border-radius: 99px; padding: 6px 12px; text-align: center; -y-offset: 8px; border: 1px solid #464646; } /* App Grid */ .icon-grid { row-spacing: 12px; column-spacing: 12px; max-row-spacing: 42px; max-column-spacing: 42px; page-padding-top: 24px; page-padding-bottom: 24px; page-padding-left: 18px; page-padding-right: 18px; } /* App Icons */ .app-well-app .overview-icon, .grid-search-result .overview-icon { background-color: transparent; } .app-well-app:hover .overview-icon, .grid-search-result:hover .overview-icon { background-color: rgba(238, 238, 236, 0.1); } .app-well-app:selected .overview-icon, .grid-search-result:selected .overview-icon, .app-well-app:focus .overview-icon, .grid-search-result:focus .overview-icon { background-color: rgba(238, 238, 236, 0.13); } .app-well-app:selected .overview-icon:hover .overview-icon, .grid-search-result:selected .overview-icon:hover .overview-icon, .app-well-app:focus .overview-icon:hover .overview-icon, .grid-search-result:focus .overview-icon:hover .overview-icon { background-color: rgba(238, 238, 236, 0.16); } .app-well-app:selected .overview-icon:active .overview-icon, .grid-search-result:selected .overview-icon:active .overview-icon, .app-well-app:focus .overview-icon:active .overview-icon, .grid-search-result:focus .overview-icon:active .overview-icon { background-color: rgba(238, 238, 236, 0.13); } .app-well-app:active .overview-icon, .grid-search-result:active .overview-icon { background-color: rgba(238, 238, 236, 0.16); } .app-well-app:outlined .overview-icon, .grid-search-result:outlined .overview-icon, .app-well-app:checked .overview-icon, .grid-search-result:checked .overview-icon { background-color: rgba(238, 238, 236, 0.19); } .app-well-app:outlined .overview-icon:active .overview-icon, .grid-search-result:outlined .overview-icon:active .overview-icon, .app-well-app:checked .overview-icon:active .overview-icon, .grid-search-result:checked .overview-icon:active .overview-icon { background-color: rgba(238, 238, 236, 0.22); } .app-well-app:outlined .overview-icon:hover .overview-icon, .grid-search-result:outlined .overview-icon:hover .overview-icon, .app-well-app:checked .overview-icon:hover .overview-icon, .grid-search-result:checked .overview-icon:hover .overview-icon { background-color: rgba(238, 238, 236, 0.25); } .app-well-app:drop .overview-icon, .grid-search-result:drop .overview-icon { border: 2px solid rgba(233, 84, 32, 0.8); background-color: rgba(233, 84, 32, 0.2); } .app-well-app:focus .overview-icon, .grid-search-result:focus .overview-icon, .app-well-app:active .overview-icon, .grid-search-result:active .overview-icon, .app-well-app:checked .overview-icon, .grid-search-result:checked .overview-icon { background-color: rgba(238, 238, 236, 0.2); } .app-well-app .overview-icon, .grid-search-result .overview-icon { padding: 12px; } .app-well-app .overview-icon.overview-icon-with-label > StBoxLayout, .grid-search-result .overview-icon.overview-icon-with-label > StBoxLayout { spacing: 6px; } .app-well-app.app-folder .overview-icon, .app-folder.grid-search-result .overview-icon { background-color: rgba(238, 238, 236, 0.05); } .app-well-app.app-folder:hover .overview-icon, .app-folder.grid-search-result:hover .overview-icon { background-color: rgba(238, 238, 236, 0.1); } .app-well-app.app-folder:selected .overview-icon, .app-folder.grid-search-result:selected .overview-icon, .app-well-app.app-folder:focus .overview-icon, .app-folder.grid-search-result:focus .overview-icon { background-color: rgba(238, 238, 236, 0.13); } .app-well-app.app-folder:selected .overview-icon:hover .overview-icon, .app-folder.grid-search-result:selected .overview-icon:hover .overview-icon, .app-well-app.app-folder:focus .overview-icon:hover .overview-icon, .app-folder.grid-search-result:focus .overview-icon:hover .overview-icon { background-color: rgba(238, 238, 236, 0.16); } .app-well-app.app-folder:selected .overview-icon:active .overview-icon, .app-folder.grid-search-result:selected .overview-icon:active .overview-icon, .app-well-app.app-folder:focus .overview-icon:active .overview-icon, .app-folder.grid-search-result:focus .overview-icon:active .overview-icon { background-color: rgba(238, 238, 236, 0.13); } .app-well-app.app-folder:active .overview-icon, .app-folder.grid-search-result:active .overview-icon { background-color: rgba(238, 238, 236, 0.16); } .app-well-app.app-folder:outlined .overview-icon, .app-folder.grid-search-result:outlined .overview-icon, .app-well-app.app-folder:checked .overview-icon, .app-folder.grid-search-result:checked .overview-icon { background-color: rgba(238, 238, 236, 0.19); } .app-well-app.app-folder:outlined .overview-icon:active .overview-icon, .app-folder.grid-search-result:outlined .overview-icon:active .overview-icon, .app-well-app.app-folder:checked .overview-icon:active .overview-icon, .app-folder.grid-search-result:checked .overview-icon:active .overview-icon { background-color: rgba(238, 238, 236, 0.22); } .app-well-app.app-folder:outlined .overview-icon:hover .overview-icon, .app-folder.grid-search-result:outlined .overview-icon:hover .overview-icon, .app-well-app.app-folder:checked .overview-icon:hover .overview-icon, .app-folder.grid-search-result:checked .overview-icon:hover .overview-icon { background-color: rgba(238, 238, 236, 0.25); } .app-well-app.app-folder:drop .overview-icon, .app-folder.grid-search-result:drop .overview-icon { border: 2px solid rgba(233, 84, 32, 0.8); background-color: rgba(233, 84, 32, 0.2); } .app-well-app.app-folder:focus .overview-icon, .app-folder.grid-search-result:focus .overview-icon, .app-well-app.app-folder:active .overview-icon, .app-folder.grid-search-result:active .overview-icon, .app-well-app.app-folder:checked .overview-icon, .app-folder.grid-search-result:checked .overview-icon { background-color: rgba(238, 238, 236, 0.2); } .app-folder-dialog { border-radius: 24px; background-color: #1d1d1d; border: 1px solid #464646; } .app-folder-dialog .folder-name-container { padding: 24px 36px 0; spacing: 12px; /* FIXME: this is to keep the label in sync with the entry */ } .app-folder-dialog .folder-name-container .folder-name-label, .app-folder-dialog .folder-name-container .folder-name-entry { color: #eeeeec; } .app-folder-dialog .folder-name-container .folder-name-entry { width: 300px; background-color: rgba(39, 39, 39, 0.975); border-color: rgba(255, 255, 255, 0.16); } .app-folder-dialog .folder-name-container .folder-name-label { padding: 5px 7px; color: #eeeeec; } .app-folder-dialog .folder-name-container .edit-folder-button { padding: 0; width: 36px; height: 36px; border-radius: 99px; } .app-folder-dialog .folder-name-container .edit-folder-button > StIcon { icon-size: 1.09em; } .app-folder-dialog .icon-grid { row-spacing: 12px; column-spacing: 30px; page-padding-top: 0; page-padding-bottom: 0; page-padding-left: 0; page-padding-right: 0; } .app-folder-dialog .page-indicators { margin-bottom: 18px; } .app-folder-dialog-container { padding: 12px; width: 640px; height: 640px; } .app-well-app-running-dot { height: 5px; width: 5px; border-radius: 5px; margin-bottom: 8px; background-color: #E95420; } .rename-folder-popup .rename-folder-popup-item { spacing: 6px; } .rename-folder-popup .rename-folder-popup-item:ltr, .rename-folder-popup .rename-folder-popup-item:rtl { padding: 0 12px; } .page-indicator { padding: 6px 12px 0; } .page-indicator .page-indicator-icon { width: 10px; height: 10px; border-radius: 10px; background-color: white; } .apps-scroll-view { padding: 0; } .system-action-icon { background-color: rgba(0, 0, 0, 0.8); color: #fff; border-radius: 99px; icon-size: 48px; } .page-navigation-hint { width: 300px; } .page-navigation-hint.dnd { background: rgba(255, 255, 255, 0.1); } .page-navigation-hint.next:ltr, .page-navigation-hint.previous:rtl { background-gradient-start: rgba(255, 255, 255, 0.05); background-gradient-end: transparent; background-gradient-direction: horizontal; border-radius: 18px 0px 0px 18px; } .page-navigation-hint.previous:ltr, .page-navigation-hint.next:rtl { background-gradient-start: transparent; background-gradient-end: rgba(255, 255, 255, 0.05); background-gradient-direction: horizontal; border-radius: 0px 18px 18px 0px; } .page-navigation-arrow { margin: 6px; width: 24px; height: 24px; color: #eeeeec; } /* Workspace pager */ .workspace-thumbnails { visible-width: 32px; spacing: 6px; padding: 6px; border-color: transparent; } .workspace-thumbnails .workspace-thumbnail { border-radius: 3px; background-color: #1d1d1d; border: 1px solid #464646; } .workspace-thumbnails .placeholder { background-image: url("resource:///org/gnome/shell/theme/workspace-placeholder.svg"); background-size: contain; width: 18px; } .workspace-thumbnail-indicator { border: 2px solid #ef8661; border-radius: 3px; padding: 0px; } .ripple-pointer-location { width: 50px; height: 50px; border-radius: 25px; background-color: rgba(247, 191, 171, 0.3); box-shadow: 0 0 2px 2px #f29b7d; } .pie-timer { width: 60px; height: 60px; -pie-border-width: 3px; -pie-border-color: #E95420; -pie-background-color: rgba(251, 226, 218, 0.3); } .magnifier-zoom-region { border: 2px solid #E95420; } .magnifier-zoom-region.full-screen { border-width: 0; } .select-area-rubberband { background-color: rgba(135, 135, 135, 0.2); border: 1px solid rgba(204, 204, 204, 0.8); } .user-icon { /* Yaru: See commit 3d4aca768250 */ background-size: contain; color: #F7F7F7; border-radius: 99px; icon-size: 4.36em; } .user-icon:hover { color: white; } .user-icon StIcon { background-color: rgba(247, 247, 247, 0.05); border-radius: 99px; padding: 12px; width: 2.725em; height: 2.725em; } .user-icon.user-avatar { border: 2px #eeeeec; } .user-widget.vertical .user-icon { icon-size: 6.54em; } .user-widget.vertical .user-icon StIcon { padding: 20px; padding-top: 18px; padding-bottom: 22px; width: 5.995em; height: 5.995em; /* Yaru: See commit 3d4aca768250 */ } .lightbox { background-color: black; } .flashspot { background-color: white; } .hidden { color: rgba(0, 0, 0, 0); } .caps-lock-warning-label { text-align: center; padding-bottom: 8px; color: #f99b11; } /* Workspace animation */ .workspace-animation { background-color: #222222; } /* Tiled window previews */ .tile-preview { background-color: rgba(233, 84, 32, 0.5); border: 1px solid #E95420; } /* On-screen Keyboard */ #keyboard { background-color: rgba(0, 0, 0, 0.9); } #keyboard .page-indicator { padding: 6px; } #keyboard .page-indicator .page-indicator-icon { width: 8px; height: 8px; } .key-container { padding: 4px; spacing: 4px; } .keyboard-key { font-size: 16pt; font-weight: bold; min-height: 1.2em; min-width: 1.2em; border-width: 1px; border-style: solid; border-radius: 10px; box-shadow: 0 1px 0 0 rgba(0, 0, 0, 0.1); color: #F7F7F7; background-color: #222222; } .keyboard-key:focus { color: #F7F7F7; background-color: #362722; box-shadow: inset 0 0 0 2px rgba(233, 84, 32, 0.6); } .keyboard-key:focus:hover { background-color: #42332d; box-shadow: inset 0 0 0 2px rgba(233, 84, 32, 0.7); } .keyboard-key:focus:active { background-color: #463732; box-shadow: inset 0 0 0 2px rgba(233, 84, 32, 0.7); } .keyboard-key:hover { color: #F7F7F7; background-color: #2c2c2c; } .keyboard-key:active { color: #F7F7F7; background-color: #343434; } .keyboard-key:checked { color: #F7F7F7; background-color: #414141; } .keyboard-key:grayed { background-color: #151515; color: #F7F7F7; border-color: rgba(0, 0, 0, 0.7); } .keyboard-key.default-key { color: #F7F7F7; background-color: #222222; border-radius: 10px; } .keyboard-key.default-key:hover { color: #F7F7F7; background-color: #2c2c2c; } .keyboard-key.default-key:active { color: #F7F7F7; background-color: #343434; } .keyboard-key.default-key:checked { color: #F7F7F7; background-color: #414141; } .keyboard-key.enter-key { color: #FFFFFF; background-color: #0d7b1e; border-radius: 10px; color: #eeeeec; } .keyboard-key.enter-key:hover { color: #FFFFFF; background-color: #0f8d22; } .keyboard-key.enter-key:active { color: #FFFFFF; background-color: #109b26; } .keyboard-key.enter-key:checked { color: #FFFFFF; background-color: #13b22b; } .keyboard-key.shift-key-uppercase { background-color: #4e4e4e; color: #F7F7F7; } .keyboard-key.shift-key-uppercase:hover { background-color: #5a5a5a; } .keyboard-key StIcon { icon-size: 24px; } .keyboard-subkeys { -arrow-border-radius: 12px; -arrow-background-color: rgba(9, 9, 9, 0.9); -arrow-border-width: 1px; -arrow-border-color: #464646; -arrow-base: 20px; -arrow-rise: 10px; -boxpointer-gap: 6px; padding: 6px; } .keyboard-subkeys .keyboard-key { color: #F7F7F7; background-color: #222222; border-radius: 10px; } .keyboard-subkeys .keyboard-key:focus { color: #F7F7F7; background-color: #362722; box-shadow: inset 0 0 0 2px rgba(233, 84, 32, 0.6); } .keyboard-subkeys .keyboard-key:focus:hover { background-color: #42332d; box-shadow: inset 0 0 0 2px rgba(233, 84, 32, 0.7); } .keyboard-subkeys .keyboard-key:focus:active { background-color: #463732; box-shadow: inset 0 0 0 2px rgba(233, 84, 32, 0.7); } .keyboard-subkeys .keyboard-key:hover { color: #F7F7F7; background-color: #2c2c2c; } .keyboard-subkeys .keyboard-key:active { color: #F7F7F7; background-color: #343434; } .keyboard-subkeys .keyboard-key:checked { color: #F7F7F7; background-color: #414141; } .emoji-page .keyboard-key { background-color: transparent; border: none; color: initial; } .emoji-panel .keyboard-key:latched { border-color: #eb6637; background-color: #E95420; } .word-suggestions { font-size: 14pt; spacing: 12px; min-height: 20pt; padding: 12px; color: #F7F7F7; } .word-suggestions StButton { margin: 0 3px; min-width: 32px; border-radius: 4px; padding: 6px 18px; background-color: transparent; background-image: none; } .word-suggestions StButton:focus { color: #F7F7F7; background-color: #362722; box-shadow: inset 0 0 0 2px rgba(233, 84, 32, 0.6); } .word-suggestions StButton:focus:hover { background-color: #42332d; box-shadow: inset 0 0 0 2px rgba(233, 84, 32, 0.7); } .word-suggestions StButton:focus:active { background-color: #463732; box-shadow: inset 0 0 0 2px rgba(233, 84, 32, 0.7); } .word-suggestions StButton:hover { color: #F7F7F7; background-color: #2c2c2c; } .word-suggestions StButton:active { color: #F7F7F7; background-color: #343434; } .word-suggestions StButton:checked { color: #F7F7F7; background-color: #414141; } /* Looking Glass */ #LookingGlassDialog { background-color: rgba(29, 29, 29, 0.975); border-radius: 0 0 12px 12px; border-top-width: 0; border: 1px solid rgba(255, 255, 255, 0.16); color: #eeeeec; padding: 6px; spacing: 6px; box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.1); } #LookingGlassDialog > #Toolbar { border: none; padding: 6px; border-radius: 0; background-color: transparent; spacing: 6px; } #LookingGlassDialog > #Toolbar .lg-toolbar-button { padding: 6px 12px; } #LookingGlassDialog > #Toolbar .lg-toolbar-button > StIcon { icon-size: 1.09em; } #LookingGlassDialog .labels { spacing: 6px; } #LookingGlassDialog .notebook-tab { -natural-hpadding: 12px; -minimum-hpadding: 12px; font-weight: bold; padding: 6px 12px; color: #cacac4; transition-duration: 100ms; box-shadow: none; border: none; border-radius: 4px; background-color: transparent; } #LookingGlassDialog .notebook-tab:hover { color: #eeeeec; background-color: rgba(238, 238, 236, 0.05); } #LookingGlassDialog .notebook-tab:selected { color: #eeeeec; background-color: rgba(238, 238, 236, 0.1); } #LookingGlassDialog StBoxLayout#EvalBox { padding: 4px; spacing: 6px; padding: 6px; } #LookingGlassDialog StBoxLayout#ResultsArea { spacing: 6px; padding: 6px; } .lg-dialog { color: #eeeeec; } .lg-dialog StEntry { background-color: rgba(42, 42, 42, 0.575); color: #eeeeec; border-color: rgba(238, 238, 236, 0.2); min-height: 22px; selection-background-color: #E95420; selected-color: #FFFFFF; } .lg-dialog StEntry, .lg-dialog StEntry:focus { box-shadow: none; } .lg-dialog .shell-link { color: #f29b7d; } .lg-dialog .shell-link:hover { color: #f7bfab; } .lg-dialog .shell-link:active { color: #ee784e; } .lg-dialog .actor-link { color: #8a8a8a; } .lg-dialog .actor-link:hover { color: #bdbdbd; } .lg-dialog .actor-link:active { color: #575757; } .lg-completions-text { font-style: italic; color: #eeeeec; } .lg-obj-inspector-title { spacing: 6px; color: #eeeeec; } .lg-obj-inspector-button { border: 1px solid rgba(0, 0, 0, 0.7); padding: 4px; border-radius: 6px; color: #eeeeec; } .lg-obj-inspector-button:hover { border: 1px solid #ffffff; } #lookingGlassExtensions { padding: 6px; } .lg-extensions-list { padding: 6px; spacing: 6px; } .lg-extension { padding: 12px; border-radius: 6px; margin: 4px; box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.1); color: #F7F7F7; background-color: #2c2c2c; } .lg-extension:focus { color: #F7F7F7; background-color: #2c2c2c; box-shadow: inset 0 0 0 2px #ef8661; } .lg-extension:focus:hover { background-color: #343434; box-shadow: inset 0 0 0 2px #ef8661; } .lg-extension:focus:active { background-color: #3b3b3b; box-shadow: inset 0 0 0 2px #ef8661; } .lg-extension:hover { color: #F7F7F7; background-color: #343434; } .lg-extension:active { color: #F7F7F7; background-color: #3b3b3b; } .lg-extension-meta { spacing: 6px; } #LookingGlassPropertyInspector { background: rgba(29, 29, 29, 0.975); border: 1px solid rgba(0, 0, 0, 0.7); border-radius: 6px; padding: 6px; } .lg-debug-flag-button { color: #F7F7F7; } .lg-debug-flag-button StLabel { padding: 6px, 12px; } .lg-debug-flag-button:hover { color: white; } .lg-debug-flag-button:active { color: #c4c4c4; } .lg-debug-flags-header { padding-top: 12px; padding: 6px; } /* Login Dialog */ .login-dialog-banner-view { padding-top: 24px; max-width: 23em; } .login-dialog, .unlock-dialog { border: none; background-color: transparent; } .login-dialog .modal-dialog-button-box, .unlock-dialog .modal-dialog-button-box { spacing: 3px; } .login-dialog .modal-dialog-button, .unlock-dialog .modal-dialog-button { padding: 4px 18px; box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2); background-color: #222222; border-color: #464646; color: #F7F7F7; } .login-dialog .modal-dialog-button:hover, .unlock-dialog .modal-dialog-button:hover { background-color: #2f2f2f; } .login-dialog .modal-dialog-button:focus, .unlock-dialog .modal-dialog-button:focus { border-color: #ef8661; box-shadow: inset 0 0 0 1px #ef8661; } .login-dialog .modal-dialog-button:active, .unlock-dialog .modal-dialog-button:active { box-shadow: none; background-color: #151515; color: rgba(238, 238, 236, 0.7); } .login-dialog .modal-dialog-button:default, .unlock-dialog .modal-dialog-button:default { background-color: #E95420; color: #FFFFFF; } .login-dialog .modal-dialog-button:default:focus, .unlock-dialog .modal-dialog-button:default:focus { box-shadow: inset 0 0 0 2px rgba(233, 84, 32, 0.6); } .login-dialog .modal-dialog-button:default:hover, .login-dialog .modal-dialog-button:default:focus, .unlock-dialog .modal-dialog-button:default:hover, .unlock-dialog .modal-dialog-button:default:focus { background-color: #eb6637; color: white; } .login-dialog .modal-dialog-button:default:active, .unlock-dialog .modal-dialog-button:default:active { background-color: #d14515; color: #ededed; } .login-dialog .modal-dialog-button:default:insensitive, .unlock-dialog .modal-dialog-button:default:insensitive { color: rgba(247, 247, 247, 0.5); background-color: rgba(247, 247, 247, 0.05); background-color: rgba(233, 84, 32, 0.5); color: rgba(255, 255, 255, 0.5); } .login-dialog .cancel-button, .login-dialog .switch-user-button, .login-dialog .login-dialog-session-list-button, .unlock-dialog .cancel-button, .unlock-dialog .switch-user-button, .unlock-dialog .login-dialog-session-list-button { padding: 0; border-radius: 99px; width: 2.18em; height: 2.18em; } .login-dialog .cancel-button StIcon, .login-dialog .switch-user-button StIcon, .login-dialog .login-dialog-session-list-button StIcon, .unlock-dialog .cancel-button StIcon, .unlock-dialog .switch-user-button StIcon, .unlock-dialog .login-dialog-session-list-button StIcon { icon-size: 1.09em; } .login-dialog .caps-lock-warning-label, .login-dialog .login-dialog-message, .unlock-dialog .caps-lock-warning-label, .unlock-dialog .login-dialog-message { color: #eeeeec; } .login-dialog-logo-bin { padding: 24px 0px; } .login-dialog-banner { color: #d6d6d1; } .login-dialog-button-box { width: 23em; spacing: 5px; } .login-dialog-message { text-align: center; } .login-dialog-user-selection-box { padding: 100px 0px; } .login-dialog-not-listed-label { padding-left: 2px; } .login-dialog-not-listed-button:focus .login-dialog-not-listed-label, .login-dialog-not-listed-button:hover .login-dialog-not-listed-label { color: #eeeeec; } .login-dialog-not-listed-label { font-weight: bold; color: #a6a69b; padding-top: 1em; } .login-dialog-auth-list-view { -st-vfade-offset: 1em; } .login-dialog-auth-list { spacing: 6px; margin-left: 2em; } .login-dialog-auth-list-title { margin-left: 2em; } .login-dialog-auth-list-item { border-radius: 10px; padding: 6px; color: #a6a69b; } .login-dialog-auth-list-item:focus, .login-dialog-auth-list-item:selected { background-color: #E95420; color: #FFFFFF; } .login-dialog-auth-list-label { font-size: 13pt; font-weight: bold; padding-left: 15px; } .login-dialog-auth-list-label:ltr { padding-left: 14px; text-align: left; } .login-dialog-auth-list-label:rtl { padding-right: 14px; text-align: right; } .login-dialog-user-list-view { -st-vfade-offset: 1em; } .login-dialog-user-list { spacing: 12px; width: 23em; } .login-dialog-user-list:expanded .login-dialog-user-list-item:selected { background-color: rgba(255, 255, 255, 0.1); color: #FFFFFF; } .login-dialog-user-list:expanded .login-dialog-user-list-item:logged-in { border-right: 2px solid rgba(255, 255, 255, 0.1); } .login-dialog-user-list-item { border-radius: 10px; padding: 6px; color: #a6a69b; } .login-dialog-user-list-item:ltr .user-widget { padding-right: 1em; } .login-dialog-user-list-item:rtl .user-widget { padding-left: 1em; } .login-dialog-user-list-item .login-dialog-timed-login-indicator { height: 2px; margin-top: 6px; background-color: #eeeeec; } .login-dialog-user-list-item:focus .login-dialog-timed-login-indicator { background-color: #FFFFFF; } .user-widget-label { color: #eeeeec; } .user-widget.horizontal .user-widget-label { font-size: 13pt; font-weight: bold; padding-left: 15px; } .user-widget.horizontal .user-widget-label:ltr { padding-left: 14px; text-align: left; } .user-widget.horizontal .user-widget-label:rtl { padding-right: 14px; text-align: right; } .user-widget.vertical .user-widget-label { font-size: 16pt; text-align: center; font-weight: normal; padding-top: 16px; } .login-dialog-timed-login-indicator { height: 2px; background-color: #919191; } .login-dialog-prompt-layout { padding-top: 24px; padding-bottom: 12px; spacing: 12px; width: 23em; } .login-dialog-prompt-entry { height: 1.5em; } .login-dialog-prompt-label { color: #bebeb6; font-size: 12pt; padding-top: 1em; } .login-dialog StEntry { background-color: #1b1b1b; color: #F7F7F7; } .unlock-dialog StEntry { border: none !important; } .unlock-dialog StEntry, .unlock-dialog StEntry:focus { color: #F7F7F7; background-color: rgba(247, 247, 247, 0.1); box-shadow: none; } .unlock-dialog StEntry:insensitive { color: rgba(247, 247, 247, 0.5); background-color: rgba(247, 247, 247, 0.05); } .unlock-dialog StEntry StLabel.hint-text { color: rgba(247, 247, 247, 0.7); } .unlock-dialog .user-icon { background-color: rgba(247, 247, 247, 0.1); color: #F7F7F7; } .unlock-dialog .cancel-button, .unlock-dialog .switch-user-button, .unlock-dialog .login-dialog-session-list-button { border-color: transparent; background-color: rgba(247, 247, 247, 0.1); box-shadow: none; } .unlock-dialog .cancel-button, .unlock-dialog .cancel-button:hover, .unlock-dialog .cancel-button:focus, .unlock-dialog .cancel-button:active, .unlock-dialog .switch-user-button, .unlock-dialog .switch-user-button:hover, .unlock-dialog .switch-user-button:focus, .unlock-dialog .switch-user-button:active, .unlock-dialog .login-dialog-session-list-button, .unlock-dialog .login-dialog-session-list-button:hover, .unlock-dialog .login-dialog-session-list-button:focus, .unlock-dialog .login-dialog-session-list-button:active { color: #F7F7F7; } .unlock-dialog .cancel-button:hover, .unlock-dialog .cancel-button:focus, .unlock-dialog .switch-user-button:hover, .unlock-dialog .switch-user-button:focus, .unlock-dialog .login-dialog-session-list-button:hover, .unlock-dialog .login-dialog-session-list-button:focus { background-color: rgba(247, 247, 247, 0.15); } .unlock-dialog .cancel-button:active, .unlock-dialog .switch-user-button:active, .unlock-dialog .login-dialog-session-list-button:active { background-color: rgba(247, 247, 247, 0.2); } /* Screen Shield */ .unlock-dialog-clock { color: white; font-weight: 300; text-align: center; spacing: 24px; padding-bottom: 2.5em; } .unlock-dialog-clock-time { font-size: 64pt; padding-top: 42px; } .unlock-dialog-clock-date { font-size: 16pt; font-weight: normal; } .unlock-dialog-clock-hint { font-weight: normal; padding-top: 48px; } .unlock-dialog-notifications-container { margin: 12px; spacing: 6px; width: 23em; background-color: transparent; } .unlock-dialog-notifications-container .summary-notification-stack-scrollview { padding-top: 0; padding-bottom: 0; } .unlock-dialog-notifications-container .notification, .unlock-dialog-notifications-container .unlock-dialog-notification-source { padding: 12px 16px; border: none; background-color: rgba(238, 238, 236, 0.1); color: #eeeeec; border-radius: 12px; } .unlock-dialog-notifications-container .notification.critical, .unlock-dialog-notifications-container .unlock-dialog-notification-source.critical { background-color: rgba(238, 238, 236, 0.2); } .unlock-dialog-notification-label { padding: 0 0 0 12px; } .unlock-dialog-notification-count-text { font-weight: bold; padding: 0 12px; color: #eeeeec; background-color: rgba(238, 238, 236, 0.1); border-radius: 99px; } .screen-shield-background { background: black; box-shadow: 0 2px 4px rgba(0, 0, 0, 0.6); } #lockDialogGroup { background-color: #222222; } #unlockDialogNotifications StButton#vhandle, #unlockDialogNotifications StButton#hhandle { background-color: rgba(29, 29, 29, 0.3); } #unlockDialogNotifications StButton#vhandle:hover, #unlockDialogNotifications StButton#vhandle:focus, #unlockDialogNotifications StButton#hhandle:hover, #unlockDialogNotifications StButton#hhandle:focus { background-color: rgba(29, 29, 29, 0.5); } #unlockDialogNotifications StButton#vhandle:active, #unlockDialogNotifications StButton#hhandle:active { background-color: rgba(233, 84, 32, 0.5); } * { font-weight: normal !important; text-shadow: none !important; } .file-item { border-radius: 6px; } /* Default Ubuntu Dock styling, append !important to any changed rules This must be in sync with - https://github.com/micheleg/dash-to-dock/blob/ubuntu-dock/_stylesheet.scss */ #dashtodockContainer.bottom #dash { margin: 0px; padding: 0px; } #dashtodockContainer.bottom #dash .dash-background { margin: 0; margin-bottom: 4px; padding: 0; border-radius: 18px; spacing: 6px; } #dashtodockContainer.bottom #dash .dash-separator { background-color: #464646; margin: 0 4px; width: 1px; height: 0; margin-bottom: 4px; } #dashtodockContainer.bottom #dash #dashtodockDashContainer { padding: 10px; padding-bottom: 0; padding-top: 0; } #dashtodockContainer.bottom #dash .dash-item-container { /* Disable all margins defined upstream, we handle them here */ margin: 0 2px; } #dashtodockContainer.bottom #dash .dash-item-container > * { margin: 0; } #dashtodockContainer.bottom #dash .dash-item-container:ltr:first-child, #dashtodockContainer.bottom #dash .dash-item-container:rtl:last-child { margin-left: 0; } #dashtodockContainer.bottom #dash .dash-item-container:ltr:last-child, #dashtodockContainer.bottom #dash .dash-item-container:rtl:first-child { margin-right: 0; } #dashtodockContainer.bottom #dash .dash-item-container .app-well-app, #dashtodockContainer.bottom #dash .dash-item-container .grid-search-result, #dashtodockContainer.bottom #dash .dash-item-container .show-apps { padding: 2px 2px; padding-bottom: 14px; padding-top: 10px; } #dashtodockContainer.bottom #dash .dash-item-container .app-well-app:ltr:first-child, #dashtodockContainer.bottom #dash .dash-item-container .grid-search-result:ltr:first-child, #dashtodockContainer.bottom #dash .dash-item-container .app-well-app:rtl:last-child, #dashtodockContainer.bottom #dash .dash-item-container .grid-search-result:rtl:last-child, #dashtodockContainer.bottom #dash .dash-item-container .show-apps:ltr:first-child, #dashtodockContainer.bottom #dash .dash-item-container .show-apps:rtl:last-child { padding-left: 0; } #dashtodockContainer.bottom #dash .dash-item-container .app-well-app:ltr:last-child, #dashtodockContainer.bottom #dash .dash-item-container .grid-search-result:ltr:last-child, #dashtodockContainer.bottom #dash .dash-item-container .app-well-app:rtl:first-child, #dashtodockContainer.bottom #dash .dash-item-container .grid-search-result:rtl:first-child, #dashtodockContainer.bottom #dash .dash-item-container .show-apps:ltr:last-child, #dashtodockContainer.bottom #dash .dash-item-container .show-apps:rtl:first-child { padding-right: 0; } #dashtodockContainer.bottom #dash .dash-item-container .app-well-app.running .overview-icon, #dashtodockContainer.bottom #dash .dash-item-container .running.grid-search-result .overview-icon { background-image: none; } #dashtodockContainer.bottom #dash .dash-item-container .app-well-app.focused .overview-icon, #dashtodockContainer.bottom #dash .dash-item-container .focused.grid-search-result .overview-icon { background-color: rgba(238, 238, 236, 0.2); } #dashtodockContainer.bottom #dash .dash-item-container .app-well-app .app-well-app-running-dot, #dashtodockContainer.bottom #dash .dash-item-container .grid-search-result .app-well-app-running-dot { margin-bottom: 2px; } #dashtodockContainer.bottom #dash .dash-item-container > StButton { transition-duration: 250; background-size: contain; } #dashtodockContainer.bottom.fixed #dash .dash-background { margin-top: 4px; } #dashtodockContainer.bottom.fixed #dash .dash-item-container .app-well-app, #dashtodockContainer.bottom.fixed #dash .dash-item-container .grid-search-result, #dashtodockContainer.bottom.fixed #dash .dash-item-container .show-apps { padding-top: 14px; } .dash-label.bottom { margin-bottom: 10px; -x-offset: 0; -y-offset: 0; } #dashtodockContainer.bottom.shrink #dash { margin: 0px; padding: 0px; } #dashtodockContainer.bottom.shrink #dash .dash-background { margin: 0; margin-bottom: 4px; padding: 0; border-radius: 14px; spacing: 2px; } #dashtodockContainer.bottom.shrink #dash .dash-separator { background-color: #464646; margin: 0 1px; width: 1px; height: 0; margin-bottom: 4px; } #dashtodockContainer.bottom.shrink #dash #dashtodockDashContainer { padding: 3px; padding-bottom: 0; padding-top: 0; } #dashtodockContainer.bottom.shrink #dash .dash-item-container { /* Disable all margins defined upstream, we handle them here */ margin: 0 2px; } #dashtodockContainer.bottom.shrink #dash .dash-item-container > * { margin: 0; } #dashtodockContainer.bottom.shrink #dash .dash-item-container:ltr:first-child, #dashtodockContainer.bottom.shrink #dash .dash-item-container:rtl:last-child { margin-left: 0; } #dashtodockContainer.bottom.shrink #dash .dash-item-container:ltr:last-child, #dashtodockContainer.bottom.shrink #dash .dash-item-container:rtl:first-child { margin-right: 0; } #dashtodockContainer.bottom.shrink #dash .dash-item-container .app-well-app, #dashtodockContainer.bottom.shrink #dash .dash-item-container .grid-search-result, #dashtodockContainer.bottom.shrink #dash .dash-item-container .show-apps { padding: 1px 1px; padding-bottom: 7px; padding-top: 3px; } #dashtodockContainer.bottom.shrink #dash .dash-item-container .app-well-app:ltr:first-child, #dashtodockContainer.bottom.shrink #dash .dash-item-container .grid-search-result:ltr:first-child, #dashtodockContainer.bottom.shrink #dash .dash-item-container .app-well-app:rtl:last-child, #dashtodockContainer.bottom.shrink #dash .dash-item-container .grid-search-result:rtl:last-child, #dashtodockContainer.bottom.shrink #dash .dash-item-container .show-apps:ltr:first-child, #dashtodockContainer.bottom.shrink #dash .dash-item-container .show-apps:rtl:last-child { padding-left: 0; } #dashtodockContainer.bottom.shrink #dash .dash-item-container .app-well-app:ltr:last-child, #dashtodockContainer.bottom.shrink #dash .dash-item-container .grid-search-result:ltr:last-child, #dashtodockContainer.bottom.shrink #dash .dash-item-container .app-well-app:rtl:first-child, #dashtodockContainer.bottom.shrink #dash .dash-item-container .grid-search-result:rtl:first-child, #dashtodockContainer.bottom.shrink #dash .dash-item-container .show-apps:ltr:last-child, #dashtodockContainer.bottom.shrink #dash .dash-item-container .show-apps:rtl:first-child { padding-right: 0; } #dashtodockContainer.bottom.shrink #dash .dash-item-container .app-well-app.running .overview-icon, #dashtodockContainer.bottom.shrink #dash .dash-item-container .running.grid-search-result .overview-icon { background-image: none; } #dashtodockContainer.bottom.shrink #dash .dash-item-container .app-well-app.focused .overview-icon, #dashtodockContainer.bottom.shrink #dash .dash-item-container .focused.grid-search-result .overview-icon { background-color: rgba(238, 238, 236, 0.2); } #dashtodockContainer.bottom.shrink #dash .dash-item-container .app-well-app .app-well-app-running-dot, #dashtodockContainer.bottom.shrink #dash .dash-item-container .grid-search-result .app-well-app-running-dot { margin-bottom: 2px; } #dashtodockContainer.bottom.shrink #dash .dash-item-container > StButton { transition-duration: 250; background-size: contain; } #dashtodockContainer.bottom.shrink.fixed #dash .dash-background { margin-top: 1px; } #dashtodockContainer.bottom.shrink.fixed #dash .dash-item-container .app-well-app, #dashtodockContainer.bottom.shrink.fixed #dash .dash-item-container .grid-search-result, #dashtodockContainer.bottom.shrink.fixed #dash .dash-item-container .show-apps { padding-top: 4px; } .dash-label.bottom.shrink { margin-bottom: 3px; -x-offset: 0; -y-offset: 0; } #dashtodockContainer.bottom.extended #dash { margin: 0px; padding: 0px; } #dashtodockContainer.bottom.extended #dash .dash-background { margin: 0; margin-bottom: 0; padding: 0; border-radius: 0; spacing: 6px; } #dashtodockContainer.bottom.extended #dash .dash-separator { background-color: #464646; margin: 0 4px; width: 1px; height: 0; margin-bottom: 0; } #dashtodockContainer.bottom.extended #dash #dashtodockDashContainer { padding: 0; padding-bottom: 0; padding-top: 0; } #dashtodockContainer.bottom.extended #dash #dashtodockDashContainer > :first-child .show-apps { padding-left: 8px; } #dashtodockContainer.bottom.extended #dash #dashtodockDashContainer #dashtodockDashScrollview:first-child { padding-left: 8px; } #dashtodockContainer.bottom.extended #dash #dashtodockDashContainer > :last-child .show-apps { padding-right: 8px; } #dashtodockContainer.bottom.extended #dash #dashtodockDashContainer #dashtodockDashScrollview:last-child { padding-right: 8px; } #dashtodockContainer.bottom.extended #dash .dash-item-container { /* Disable all margins defined upstream, we handle them here */ margin: 0 2px; } #dashtodockContainer.bottom.extended #dash .dash-item-container > * { margin: 0; } #dashtodockContainer.bottom.extended #dash .dash-item-container:ltr:first-child, #dashtodockContainer.bottom.extended #dash .dash-item-container:rtl:last-child { margin-left: 0; } #dashtodockContainer.bottom.extended #dash .dash-item-container:ltr:last-child, #dashtodockContainer.bottom.extended #dash .dash-item-container:rtl:first-child { margin-right: 0; } #dashtodockContainer.bottom.extended #dash .dash-item-container .app-well-app, #dashtodockContainer.bottom.extended #dash .dash-item-container .grid-search-result, #dashtodockContainer.bottom.extended #dash .dash-item-container .show-apps { padding: 2px 2px; padding-bottom: 10px; padding-top: 10px; } #dashtodockContainer.bottom.extended #dash .dash-item-container .app-well-app:ltr:first-child, #dashtodockContainer.bottom.extended #dash .dash-item-container .grid-search-result:ltr:first-child, #dashtodockContainer.bottom.extended #dash .dash-item-container .app-well-app:rtl:last-child, #dashtodockContainer.bottom.extended #dash .dash-item-container .grid-search-result:rtl:last-child, #dashtodockContainer.bottom.extended #dash .dash-item-container .show-apps:ltr:first-child, #dashtodockContainer.bottom.extended #dash .dash-item-container .show-apps:rtl:last-child { padding-left: 0; } #dashtodockContainer.bottom.extended #dash .dash-item-container .app-well-app:ltr:last-child, #dashtodockContainer.bottom.extended #dash .dash-item-container .grid-search-result:ltr:last-child, #dashtodockContainer.bottom.extended #dash .dash-item-container .app-well-app:rtl:first-child, #dashtodockContainer.bottom.extended #dash .dash-item-container .grid-search-result:rtl:first-child, #dashtodockContainer.bottom.extended #dash .dash-item-container .show-apps:ltr:last-child, #dashtodockContainer.bottom.extended #dash .dash-item-container .show-apps:rtl:first-child { padding-right: 0; } #dashtodockContainer.bottom.extended #dash .dash-item-container .app-well-app.running .overview-icon, #dashtodockContainer.bottom.extended #dash .dash-item-container .running.grid-search-result .overview-icon { background-image: none; } #dashtodockContainer.bottom.extended #dash .dash-item-container .app-well-app.focused .overview-icon, #dashtodockContainer.bottom.extended #dash .dash-item-container .focused.grid-search-result .overview-icon { background-color: rgba(238, 238, 236, 0.2); } #dashtodockContainer.bottom.extended #dash .dash-item-container .app-well-app .app-well-app-running-dot, #dashtodockContainer.bottom.extended #dash .dash-item-container .grid-search-result .app-well-app-running-dot { margin-bottom: 2px; } #dashtodockContainer.bottom.extended #dash .dash-item-container > StButton { transition-duration: 250; background-size: contain; } #dashtodockContainer.bottom.extended.fixed #dash .dash-background { margin-top: 0; } #dashtodockContainer.bottom.extended.fixed #dash .dash-item-container .app-well-app, #dashtodockContainer.bottom.extended.fixed #dash .dash-item-container .grid-search-result, #dashtodockContainer.bottom.extended.fixed #dash .dash-item-container .show-apps { padding-top: 10px; } .dash-label.bottom { margin-bottom: 10px; -x-offset: 0; -y-offset: 0; } #dashtodockContainer.bottom.extended.shrink #dash { margin: 0px; padding: 0px; } #dashtodockContainer.bottom.extended.shrink #dash .dash-background { margin: 0; margin-bottom: 0; padding: 0; border-radius: 0; spacing: 2px; } #dashtodockContainer.bottom.extended.shrink #dash .dash-separator { background-color: #464646; margin: 0 1px; width: 1px; height: 0; margin-bottom: 0; } #dashtodockContainer.bottom.extended.shrink #dash #dashtodockDashContainer { padding: 0; padding-bottom: 0; padding-top: 0; } #dashtodockContainer.bottom.extended.shrink #dash #dashtodockDashContainer > :first-child .show-apps { padding-left: 6px; } #dashtodockContainer.bottom.extended.shrink #dash #dashtodockDashContainer #dashtodockDashScrollview:first-child { padding-left: 6px; } #dashtodockContainer.bottom.extended.shrink #dash #dashtodockDashContainer > :last-child .show-apps { padding-right: 6px; } #dashtodockContainer.bottom.extended.shrink #dash #dashtodockDashContainer #dashtodockDashScrollview:last-child { padding-right: 6px; } #dashtodockContainer.bottom.extended.shrink #dash .dash-item-container { /* Disable all margins defined upstream, we handle them here */ margin: 0 2px; } #dashtodockContainer.bottom.extended.shrink #dash .dash-item-container > * { margin: 0; } #dashtodockContainer.bottom.extended.shrink #dash .dash-item-container:ltr:first-child, #dashtodockContainer.bottom.extended.shrink #dash .dash-item-container:rtl:last-child { margin-left: 0; } #dashtodockContainer.bottom.extended.shrink #dash .dash-item-container:ltr:last-child, #dashtodockContainer.bottom.extended.shrink #dash .dash-item-container:rtl:first-child { margin-right: 0; } #dashtodockContainer.bottom.extended.shrink #dash .dash-item-container .app-well-app, #dashtodockContainer.bottom.extended.shrink #dash .dash-item-container .grid-search-result, #dashtodockContainer.bottom.extended.shrink #dash .dash-item-container .show-apps { padding: 1px 1px; padding-bottom: 3px; padding-top: 3px; } #dashtodockContainer.bottom.extended.shrink #dash .dash-item-container .app-well-app:ltr:first-child, #dashtodockContainer.bottom.extended.shrink #dash .dash-item-container .grid-search-result:ltr:first-child, #dashtodockContainer.bottom.extended.shrink #dash .dash-item-container .app-well-app:rtl:last-child, #dashtodockContainer.bottom.extended.shrink #dash .dash-item-container .grid-search-result:rtl:last-child, #dashtodockContainer.bottom.extended.shrink #dash .dash-item-container .show-apps:ltr:first-child, #dashtodockContainer.bottom.extended.shrink #dash .dash-item-container .show-apps:rtl:last-child { padding-left: 0; } #dashtodockContainer.bottom.extended.shrink #dash .dash-item-container .app-well-app:ltr:last-child, #dashtodockContainer.bottom.extended.shrink #dash .dash-item-container .grid-search-result:ltr:last-child, #dashtodockContainer.bottom.extended.shrink #dash .dash-item-container .app-well-app:rtl:first-child, #dashtodockContainer.bottom.extended.shrink #dash .dash-item-container .grid-search-result:rtl:first-child, #dashtodockContainer.bottom.extended.shrink #dash .dash-item-container .show-apps:ltr:last-child, #dashtodockContainer.bottom.extended.shrink #dash .dash-item-container .show-apps:rtl:first-child { padding-right: 0; } #dashtodockContainer.bottom.extended.shrink #dash .dash-item-container .app-well-app.running .overview-icon, #dashtodockContainer.bottom.extended.shrink #dash .dash-item-container .running.grid-search-result .overview-icon { background-image: none; } #dashtodockContainer.bottom.extended.shrink #dash .dash-item-container .app-well-app.focused .overview-icon, #dashtodockContainer.bottom.extended.shrink #dash .dash-item-container .focused.grid-search-result .overview-icon { background-color: rgba(238, 238, 236, 0.2); } #dashtodockContainer.bottom.extended.shrink #dash .dash-item-container .app-well-app .app-well-app-running-dot, #dashtodockContainer.bottom.extended.shrink #dash .dash-item-container .grid-search-result .app-well-app-running-dot { margin-bottom: 2px; } #dashtodockContainer.bottom.extended.shrink #dash .dash-item-container > StButton { transition-duration: 250; background-size: contain; } #dashtodockContainer.bottom.extended.shrink.fixed #dash .dash-background { margin-top: 0; } #dashtodockContainer.bottom.extended.shrink.fixed #dash .dash-item-container .app-well-app, #dashtodockContainer.bottom.extended.shrink.fixed #dash .dash-item-container .grid-search-result, #dashtodockContainer.bottom.extended.shrink.fixed #dash .dash-item-container .show-apps { padding-top: 3px; } .dash-label.bottom.shrink { margin-bottom: 3px; -x-offset: 0; -y-offset: 0; } #dashtodockContainer.top #dash { margin: 0px; padding: 0px; } #dashtodockContainer.top #dash .dash-background { margin: 0; margin-top: 4px; padding: 0; border-radius: 18px; spacing: 6px; } #dashtodockContainer.top #dash .dash-separator { background-color: #464646; margin: 0 4px; width: 1px; height: 0; margin-top: 4px; } #dashtodockContainer.top #dash #dashtodockDashContainer { padding: 10px; padding-top: 0; padding-bottom: 0; } #dashtodockContainer.top #dash .dash-item-container { /* Disable all margins defined upstream, we handle them here */ margin: 0 2px; } #dashtodockContainer.top #dash .dash-item-container > * { margin: 0; } #dashtodockContainer.top #dash .dash-item-container:ltr:first-child, #dashtodockContainer.top #dash .dash-item-container:rtl:last-child { margin-left: 0; } #dashtodockContainer.top #dash .dash-item-container:ltr:last-child, #dashtodockContainer.top #dash .dash-item-container:rtl:first-child { margin-right: 0; } #dashtodockContainer.top #dash .dash-item-container .app-well-app, #dashtodockContainer.top #dash .dash-item-container .grid-search-result, #dashtodockContainer.top #dash .dash-item-container .show-apps { padding: 2px 2px; padding-top: 14px; padding-bottom: 10px; } #dashtodockContainer.top #dash .dash-item-container .app-well-app:ltr:first-child, #dashtodockContainer.top #dash .dash-item-container .grid-search-result:ltr:first-child, #dashtodockContainer.top #dash .dash-item-container .app-well-app:rtl:last-child, #dashtodockContainer.top #dash .dash-item-container .grid-search-result:rtl:last-child, #dashtodockContainer.top #dash .dash-item-container .show-apps:ltr:first-child, #dashtodockContainer.top #dash .dash-item-container .show-apps:rtl:last-child { padding-left: 0; } #dashtodockContainer.top #dash .dash-item-container .app-well-app:ltr:last-child, #dashtodockContainer.top #dash .dash-item-container .grid-search-result:ltr:last-child, #dashtodockContainer.top #dash .dash-item-container .app-well-app:rtl:first-child, #dashtodockContainer.top #dash .dash-item-container .grid-search-result:rtl:first-child, #dashtodockContainer.top #dash .dash-item-container .show-apps:ltr:last-child, #dashtodockContainer.top #dash .dash-item-container .show-apps:rtl:first-child { padding-right: 0; } #dashtodockContainer.top #dash .dash-item-container .app-well-app.running .overview-icon, #dashtodockContainer.top #dash .dash-item-container .running.grid-search-result .overview-icon { background-image: none; } #dashtodockContainer.top #dash .dash-item-container .app-well-app.focused .overview-icon, #dashtodockContainer.top #dash .dash-item-container .focused.grid-search-result .overview-icon { background-color: rgba(238, 238, 236, 0.2); } #dashtodockContainer.top #dash .dash-item-container .app-well-app .app-well-app-running-dot, #dashtodockContainer.top #dash .dash-item-container .grid-search-result .app-well-app-running-dot { margin-bottom: 2px; } #dashtodockContainer.top #dash .dash-item-container > StButton { transition-duration: 250; background-size: contain; } #dashtodockContainer.top.fixed #dash .dash-background { margin-bottom: 4px; } #dashtodockContainer.top.fixed #dash .dash-item-container .app-well-app, #dashtodockContainer.top.fixed #dash .dash-item-container .grid-search-result, #dashtodockContainer.top.fixed #dash .dash-item-container .show-apps { padding-bottom: 14px; } .dash-label.top { margin-top: 10px; -x-offset: 0; -y-offset: 0; } #dashtodockContainer.top.shrink #dash { margin: 0px; padding: 0px; } #dashtodockContainer.top.shrink #dash .dash-background { margin: 0; margin-top: 4px; padding: 0; border-radius: 14px; spacing: 2px; } #dashtodockContainer.top.shrink #dash .dash-separator { background-color: #464646; margin: 0 1px; width: 1px; height: 0; margin-top: 4px; } #dashtodockContainer.top.shrink #dash #dashtodockDashContainer { padding: 3px; padding-top: 0; padding-bottom: 0; } #dashtodockContainer.top.shrink #dash .dash-item-container { /* Disable all margins defined upstream, we handle them here */ margin: 0 2px; } #dashtodockContainer.top.shrink #dash .dash-item-container > * { margin: 0; } #dashtodockContainer.top.shrink #dash .dash-item-container:ltr:first-child, #dashtodockContainer.top.shrink #dash .dash-item-container:rtl:last-child { margin-left: 0; } #dashtodockContainer.top.shrink #dash .dash-item-container:ltr:last-child, #dashtodockContainer.top.shrink #dash .dash-item-container:rtl:first-child { margin-right: 0; } #dashtodockContainer.top.shrink #dash .dash-item-container .app-well-app, #dashtodockContainer.top.shrink #dash .dash-item-container .grid-search-result, #dashtodockContainer.top.shrink #dash .dash-item-container .show-apps { padding: 1px 1px; padding-top: 7px; padding-bottom: 3px; } #dashtodockContainer.top.shrink #dash .dash-item-container .app-well-app:ltr:first-child, #dashtodockContainer.top.shrink #dash .dash-item-container .grid-search-result:ltr:first-child, #dashtodockContainer.top.shrink #dash .dash-item-container .app-well-app:rtl:last-child, #dashtodockContainer.top.shrink #dash .dash-item-container .grid-search-result:rtl:last-child, #dashtodockContainer.top.shrink #dash .dash-item-container .show-apps:ltr:first-child, #dashtodockContainer.top.shrink #dash .dash-item-container .show-apps:rtl:last-child { padding-left: 0; } #dashtodockContainer.top.shrink #dash .dash-item-container .app-well-app:ltr:last-child, #dashtodockContainer.top.shrink #dash .dash-item-container .grid-search-result:ltr:last-child, #dashtodockContainer.top.shrink #dash .dash-item-container .app-well-app:rtl:first-child, #dashtodockContainer.top.shrink #dash .dash-item-container .grid-search-result:rtl:first-child, #dashtodockContainer.top.shrink #dash .dash-item-container .show-apps:ltr:last-child, #dashtodockContainer.top.shrink #dash .dash-item-container .show-apps:rtl:first-child { padding-right: 0; } #dashtodockContainer.top.shrink #dash .dash-item-container .app-well-app.running .overview-icon, #dashtodockContainer.top.shrink #dash .dash-item-container .running.grid-search-result .overview-icon { background-image: none; } #dashtodockContainer.top.shrink #dash .dash-item-container .app-well-app.focused .overview-icon, #dashtodockContainer.top.shrink #dash .dash-item-container .focused.grid-search-result .overview-icon { background-color: rgba(238, 238, 236, 0.2); } #dashtodockContainer.top.shrink #dash .dash-item-container .app-well-app .app-well-app-running-dot, #dashtodockContainer.top.shrink #dash .dash-item-container .grid-search-result .app-well-app-running-dot { margin-bottom: 2px; } #dashtodockContainer.top.shrink #dash .dash-item-container > StButton { transition-duration: 250; background-size: contain; } #dashtodockContainer.top.shrink.fixed #dash .dash-background { margin-bottom: 1px; } #dashtodockContainer.top.shrink.fixed #dash .dash-item-container .app-well-app, #dashtodockContainer.top.shrink.fixed #dash .dash-item-container .grid-search-result, #dashtodockContainer.top.shrink.fixed #dash .dash-item-container .show-apps { padding-bottom: 4px; } .dash-label.top.shrink { margin-top: 3px; -x-offset: 0; -y-offset: 0; } #dashtodockContainer.top.extended #dash { margin: 0px; padding: 0px; } #dashtodockContainer.top.extended #dash .dash-background { margin: 0; margin-top: 0; padding: 0; border-radius: 0; spacing: 6px; } #dashtodockContainer.top.extended #dash .dash-separator { background-color: #464646; margin: 0 4px; width: 1px; height: 0; margin-top: 0; } #dashtodockContainer.top.extended #dash #dashtodockDashContainer { padding: 0; padding-top: 0; padding-bottom: 0; } #dashtodockContainer.top.extended #dash #dashtodockDashContainer > :first-child .show-apps { padding-left: 8px; } #dashtodockContainer.top.extended #dash #dashtodockDashContainer #dashtodockDashScrollview:first-child { padding-left: 8px; } #dashtodockContainer.top.extended #dash #dashtodockDashContainer > :last-child .show-apps { padding-right: 8px; } #dashtodockContainer.top.extended #dash #dashtodockDashContainer #dashtodockDashScrollview:last-child { padding-right: 8px; } #dashtodockContainer.top.extended #dash .dash-item-container { /* Disable all margins defined upstream, we handle them here */ margin: 0 2px; } #dashtodockContainer.top.extended #dash .dash-item-container > * { margin: 0; } #dashtodockContainer.top.extended #dash .dash-item-container:ltr:first-child, #dashtodockContainer.top.extended #dash .dash-item-container:rtl:last-child { margin-left: 0; } #dashtodockContainer.top.extended #dash .dash-item-container:ltr:last-child, #dashtodockContainer.top.extended #dash .dash-item-container:rtl:first-child { margin-right: 0; } #dashtodockContainer.top.extended #dash .dash-item-container .app-well-app, #dashtodockContainer.top.extended #dash .dash-item-container .grid-search-result, #dashtodockContainer.top.extended #dash .dash-item-container .show-apps { padding: 2px 2px; padding-top: 10px; padding-bottom: 10px; } #dashtodockContainer.top.extended #dash .dash-item-container .app-well-app:ltr:first-child, #dashtodockContainer.top.extended #dash .dash-item-container .grid-search-result:ltr:first-child, #dashtodockContainer.top.extended #dash .dash-item-container .app-well-app:rtl:last-child, #dashtodockContainer.top.extended #dash .dash-item-container .grid-search-result:rtl:last-child, #dashtodockContainer.top.extended #dash .dash-item-container .show-apps:ltr:first-child, #dashtodockContainer.top.extended #dash .dash-item-container .show-apps:rtl:last-child { padding-left: 0; } #dashtodockContainer.top.extended #dash .dash-item-container .app-well-app:ltr:last-child, #dashtodockContainer.top.extended #dash .dash-item-container .grid-search-result:ltr:last-child, #dashtodockContainer.top.extended #dash .dash-item-container .app-well-app:rtl:first-child, #dashtodockContainer.top.extended #dash .dash-item-container .grid-search-result:rtl:first-child, #dashtodockContainer.top.extended #dash .dash-item-container .show-apps:ltr:last-child, #dashtodockContainer.top.extended #dash .dash-item-container .show-apps:rtl:first-child { padding-right: 0; } #dashtodockContainer.top.extended #dash .dash-item-container .app-well-app.running .overview-icon, #dashtodockContainer.top.extended #dash .dash-item-container .running.grid-search-result .overview-icon { background-image: none; } #dashtodockContainer.top.extended #dash .dash-item-container .app-well-app.focused .overview-icon, #dashtodockContainer.top.extended #dash .dash-item-container .focused.grid-search-result .overview-icon { background-color: rgba(238, 238, 236, 0.2); } #dashtodockContainer.top.extended #dash .dash-item-container .app-well-app .app-well-app-running-dot, #dashtodockContainer.top.extended #dash .dash-item-container .grid-search-result .app-well-app-running-dot { margin-bottom: 2px; } #dashtodockContainer.top.extended #dash .dash-item-container > StButton { transition-duration: 250; background-size: contain; } #dashtodockContainer.top.extended.fixed #dash .dash-background { margin-bottom: 0; } #dashtodockContainer.top.extended.fixed #dash .dash-item-container .app-well-app, #dashtodockContainer.top.extended.fixed #dash .dash-item-container .grid-search-result, #dashtodockContainer.top.extended.fixed #dash .dash-item-container .show-apps { padding-bottom: 10px; } .dash-label.top { margin-top: 10px; -x-offset: 0; -y-offset: 0; } #dashtodockContainer.top.extended.shrink #dash { margin: 0px; padding: 0px; } #dashtodockContainer.top.extended.shrink #dash .dash-background { margin: 0; margin-top: 0; padding: 0; border-radius: 0; spacing: 2px; } #dashtodockContainer.top.extended.shrink #dash .dash-separator { background-color: #464646; margin: 0 1px; width: 1px; height: 0; margin-top: 0; } #dashtodockContainer.top.extended.shrink #dash #dashtodockDashContainer { padding: 0; padding-top: 0; padding-bottom: 0; } #dashtodockContainer.top.extended.shrink #dash #dashtodockDashContainer > :first-child .show-apps { padding-left: 6px; } #dashtodockContainer.top.extended.shrink #dash #dashtodockDashContainer #dashtodockDashScrollview:first-child { padding-left: 6px; } #dashtodockContainer.top.extended.shrink #dash #dashtodockDashContainer > :last-child .show-apps { padding-right: 6px; } #dashtodockContainer.top.extended.shrink #dash #dashtodockDashContainer #dashtodockDashScrollview:last-child { padding-right: 6px; } #dashtodockContainer.top.extended.shrink #dash .dash-item-container { /* Disable all margins defined upstream, we handle them here */ margin: 0 2px; } #dashtodockContainer.top.extended.shrink #dash .dash-item-container > * { margin: 0; } #dashtodockContainer.top.extended.shrink #dash .dash-item-container:ltr:first-child, #dashtodockContainer.top.extended.shrink #dash .dash-item-container:rtl:last-child { margin-left: 0; } #dashtodockContainer.top.extended.shrink #dash .dash-item-container:ltr:last-child, #dashtodockContainer.top.extended.shrink #dash .dash-item-container:rtl:first-child { margin-right: 0; } #dashtodockContainer.top.extended.shrink #dash .dash-item-container .app-well-app, #dashtodockContainer.top.extended.shrink #dash .dash-item-container .grid-search-result, #dashtodockContainer.top.extended.shrink #dash .dash-item-container .show-apps { padding: 1px 1px; padding-top: 3px; padding-bottom: 3px; } #dashtodockContainer.top.extended.shrink #dash .dash-item-container .app-well-app:ltr:first-child, #dashtodockContainer.top.extended.shrink #dash .dash-item-container .grid-search-result:ltr:first-child, #dashtodockContainer.top.extended.shrink #dash .dash-item-container .app-well-app:rtl:last-child, #dashtodockContainer.top.extended.shrink #dash .dash-item-container .grid-search-result:rtl:last-child, #dashtodockContainer.top.extended.shrink #dash .dash-item-container .show-apps:ltr:first-child, #dashtodockContainer.top.extended.shrink #dash .dash-item-container .show-apps:rtl:last-child { padding-left: 0; } #dashtodockContainer.top.extended.shrink #dash .dash-item-container .app-well-app:ltr:last-child, #dashtodockContainer.top.extended.shrink #dash .dash-item-container .grid-search-result:ltr:last-child, #dashtodockContainer.top.extended.shrink #dash .dash-item-container .app-well-app:rtl:first-child, #dashtodockContainer.top.extended.shrink #dash .dash-item-container .grid-search-result:rtl:first-child, #dashtodockContainer.top.extended.shrink #dash .dash-item-container .show-apps:ltr:last-child, #dashtodockContainer.top.extended.shrink #dash .dash-item-container .show-apps:rtl:first-child { padding-right: 0; } #dashtodockContainer.top.extended.shrink #dash .dash-item-container .app-well-app.running .overview-icon, #dashtodockContainer.top.extended.shrink #dash .dash-item-container .running.grid-search-result .overview-icon { background-image: none; } #dashtodockContainer.top.extended.shrink #dash .dash-item-container .app-well-app.focused .overview-icon, #dashtodockContainer.top.extended.shrink #dash .dash-item-container .focused.grid-search-result .overview-icon { background-color: rgba(238, 238, 236, 0.2); } #dashtodockContainer.top.extended.shrink #dash .dash-item-container .app-well-app .app-well-app-running-dot, #dashtodockContainer.top.extended.shrink #dash .dash-item-container .grid-search-result .app-well-app-running-dot { margin-bottom: 2px; } #dashtodockContainer.top.extended.shrink #dash .dash-item-container > StButton { transition-duration: 250; background-size: contain; } #dashtodockContainer.top.extended.shrink.fixed #dash .dash-background { margin-bottom: 0; } #dashtodockContainer.top.extended.shrink.fixed #dash .dash-item-container .app-well-app, #dashtodockContainer.top.extended.shrink.fixed #dash .dash-item-container .grid-search-result, #dashtodockContainer.top.extended.shrink.fixed #dash .dash-item-container .show-apps { padding-bottom: 3px; } .dash-label.top.shrink { margin-top: 3px; -x-offset: 0; -y-offset: 0; } #dashtodockContainer.left #dash { margin: 0px; padding: 0px; } #dashtodockContainer.left #dash .dash-background { margin: 0; margin-left: 4px; padding: 0; border-radius: 18px; spacing: 6px; } #dashtodockContainer.left #dash .dash-separator { background-color: #464646; width: 0; height: 1px; margin: 4px 0; margin-left: 4px; } #dashtodockContainer.left #dash #dashtodockDashContainer { padding: 10px; padding-left: 0; padding-right: 0; } #dashtodockContainer.left #dash .dash-item-container { /* Disable all margins defined upstream, we handle them here */ margin: 2px 0; } #dashtodockContainer.left #dash .dash-item-container > * { margin: 0; } #dashtodockContainer.left #dash .dash-item-container:first-child { margin-top: 0; } #dashtodockContainer.left #dash .dash-item-container:last-child { margin-bottom: 0; } #dashtodockContainer.left #dash .dash-item-container .app-well-app, #dashtodockContainer.left #dash .dash-item-container .grid-search-result, #dashtodockContainer.left #dash .dash-item-container .show-apps { padding: 2px 2px; padding-left: 14px; padding-right: 10px; } #dashtodockContainer.left #dash .dash-item-container .app-well-app:first-child, #dashtodockContainer.left #dash .dash-item-container .grid-search-result:first-child, #dashtodockContainer.left #dash .dash-item-container .show-apps:first-child { padding-top: 0; } #dashtodockContainer.left #dash .dash-item-container .app-well-app:last-child, #dashtodockContainer.left #dash .dash-item-container .grid-search-result:last-child, #dashtodockContainer.left #dash .dash-item-container .show-apps:last-child { padding-bottom: 0; } #dashtodockContainer.left #dash .dash-item-container .app-well-app.running .overview-icon, #dashtodockContainer.left #dash .dash-item-container .running.grid-search-result .overview-icon { background-image: none; } #dashtodockContainer.left #dash .dash-item-container .app-well-app.focused .overview-icon, #dashtodockContainer.left #dash .dash-item-container .focused.grid-search-result .overview-icon { background-color: rgba(238, 238, 236, 0.2); } #dashtodockContainer.left #dash .dash-item-container .app-well-app .app-well-app-running-dot, #dashtodockContainer.left #dash .dash-item-container .grid-search-result .app-well-app-running-dot { margin-bottom: 2px; } #dashtodockContainer.left #dash .dash-item-container > StButton { transition-duration: 250; background-size: contain; } #dashtodockContainer.left.fixed #dash .dash-background { margin-right: 4px; } #dashtodockContainer.left.fixed #dash .dash-item-container .app-well-app, #dashtodockContainer.left.fixed #dash .dash-item-container .grid-search-result, #dashtodockContainer.left.fixed #dash .dash-item-container .show-apps { padding-right: 14px; } .dash-label.left { margin: 0; -x-offset: 10px; -y-offset: 0; } #dashtodockContainer.left.shrink #dash { margin: 0px; padding: 0px; } #dashtodockContainer.left.shrink #dash .dash-background { margin: 0; margin-left: 4px; padding: 0; border-radius: 14px; spacing: 2px; } #dashtodockContainer.left.shrink #dash .dash-separator { background-color: #464646; width: 0; height: 1px; margin: 1px 0; margin-left: 4px; } #dashtodockContainer.left.shrink #dash #dashtodockDashContainer { padding: 3px; padding-left: 0; padding-right: 0; } #dashtodockContainer.left.shrink #dash .dash-item-container { /* Disable all margins defined upstream, we handle them here */ margin: 2px 0; } #dashtodockContainer.left.shrink #dash .dash-item-container > * { margin: 0; } #dashtodockContainer.left.shrink #dash .dash-item-container:first-child { margin-top: 0; } #dashtodockContainer.left.shrink #dash .dash-item-container:last-child { margin-bottom: 0; } #dashtodockContainer.left.shrink #dash .dash-item-container .app-well-app, #dashtodockContainer.left.shrink #dash .dash-item-container .grid-search-result, #dashtodockContainer.left.shrink #dash .dash-item-container .show-apps { padding: 1px 1px; padding-left: 7px; padding-right: 3px; } #dashtodockContainer.left.shrink #dash .dash-item-container .app-well-app:first-child, #dashtodockContainer.left.shrink #dash .dash-item-container .grid-search-result:first-child, #dashtodockContainer.left.shrink #dash .dash-item-container .show-apps:first-child { padding-top: 0; } #dashtodockContainer.left.shrink #dash .dash-item-container .app-well-app:last-child, #dashtodockContainer.left.shrink #dash .dash-item-container .grid-search-result:last-child, #dashtodockContainer.left.shrink #dash .dash-item-container .show-apps:last-child { padding-bottom: 0; } #dashtodockContainer.left.shrink #dash .dash-item-container .app-well-app.running .overview-icon, #dashtodockContainer.left.shrink #dash .dash-item-container .running.grid-search-result .overview-icon { background-image: none; } #dashtodockContainer.left.shrink #dash .dash-item-container .app-well-app.focused .overview-icon, #dashtodockContainer.left.shrink #dash .dash-item-container .focused.grid-search-result .overview-icon { background-color: rgba(238, 238, 236, 0.2); } #dashtodockContainer.left.shrink #dash .dash-item-container .app-well-app .app-well-app-running-dot, #dashtodockContainer.left.shrink #dash .dash-item-container .grid-search-result .app-well-app-running-dot { margin-bottom: 2px; } #dashtodockContainer.left.shrink #dash .dash-item-container > StButton { transition-duration: 250; background-size: contain; } #dashtodockContainer.left.shrink.fixed #dash .dash-background { margin-right: 1px; } #dashtodockContainer.left.shrink.fixed #dash .dash-item-container .app-well-app, #dashtodockContainer.left.shrink.fixed #dash .dash-item-container .grid-search-result, #dashtodockContainer.left.shrink.fixed #dash .dash-item-container .show-apps { padding-right: 4px; } .dash-label.left.shrink { margin: 0; -x-offset: 3px; -y-offset: 0; } #dashtodockContainer.left.extended #dash { margin: 0px; padding: 0px; } #dashtodockContainer.left.extended #dash .dash-background { margin: 0; margin-left: 0; padding: 0; border-radius: 0; spacing: 6px; } #dashtodockContainer.left.extended #dash .dash-separator { background-color: #464646; width: 0; height: 1px; margin: 4px 0; margin-left: 0; } #dashtodockContainer.left.extended #dash #dashtodockDashContainer { padding: 0; padding-left: 0; padding-right: 0; } #dashtodockContainer.left.extended #dash #dashtodockDashContainer > :first-child .show-apps { padding-top: 8px; } #dashtodockContainer.left.extended #dash #dashtodockDashContainer #dashtodockDashScrollview:first-child { padding-top: 8px; } #dashtodockContainer.left.extended #dash #dashtodockDashContainer > :last-child .show-apps { padding-bottom: 8px; } #dashtodockContainer.left.extended #dash #dashtodockDashContainer #dashtodockDashScrollview:last-child { padding-bottom: 8px; } #dashtodockContainer.left.extended #dash .dash-item-container { /* Disable all margins defined upstream, we handle them here */ margin: 2px 0; } #dashtodockContainer.left.extended #dash .dash-item-container > * { margin: 0; } #dashtodockContainer.left.extended #dash .dash-item-container:first-child { margin-top: 0; } #dashtodockContainer.left.extended #dash .dash-item-container:last-child { margin-bottom: 0; } #dashtodockContainer.left.extended #dash .dash-item-container .app-well-app, #dashtodockContainer.left.extended #dash .dash-item-container .grid-search-result, #dashtodockContainer.left.extended #dash .dash-item-container .show-apps { padding: 2px 2px; padding-left: 10px; padding-right: 10px; } #dashtodockContainer.left.extended #dash .dash-item-container .app-well-app:first-child, #dashtodockContainer.left.extended #dash .dash-item-container .grid-search-result:first-child, #dashtodockContainer.left.extended #dash .dash-item-container .show-apps:first-child { padding-top: 0; } #dashtodockContainer.left.extended #dash .dash-item-container .app-well-app:last-child, #dashtodockContainer.left.extended #dash .dash-item-container .grid-search-result:last-child, #dashtodockContainer.left.extended #dash .dash-item-container .show-apps:last-child { padding-bottom: 0; } #dashtodockContainer.left.extended #dash .dash-item-container .app-well-app.running .overview-icon, #dashtodockContainer.left.extended #dash .dash-item-container .running.grid-search-result .overview-icon { background-image: none; } #dashtodockContainer.left.extended #dash .dash-item-container .app-well-app.focused .overview-icon, #dashtodockContainer.left.extended #dash .dash-item-container .focused.grid-search-result .overview-icon { background-color: rgba(238, 238, 236, 0.2); } #dashtodockContainer.left.extended #dash .dash-item-container .app-well-app .app-well-app-running-dot, #dashtodockContainer.left.extended #dash .dash-item-container .grid-search-result .app-well-app-running-dot { margin-bottom: 2px; } #dashtodockContainer.left.extended #dash .dash-item-container > StButton { transition-duration: 250; background-size: contain; } #dashtodockContainer.left.extended.fixed #dash .dash-background { margin-right: 0; } #dashtodockContainer.left.extended.fixed #dash .dash-item-container .app-well-app, #dashtodockContainer.left.extended.fixed #dash .dash-item-container .grid-search-result, #dashtodockContainer.left.extended.fixed #dash .dash-item-container .show-apps { padding-right: 10px; } .dash-label.left { margin: 0; -x-offset: 10px; -y-offset: 0; } #dashtodockContainer.left.extended.shrink #dash { margin: 0px; padding: 0px; } #dashtodockContainer.left.extended.shrink #dash .dash-background { margin: 0; margin-left: 0; padding: 0; border-radius: 0; spacing: 2px; } #dashtodockContainer.left.extended.shrink #dash .dash-separator { background-color: #464646; width: 0; height: 1px; margin: 1px 0; margin-left: 0; } #dashtodockContainer.left.extended.shrink #dash #dashtodockDashContainer { padding: 0; padding-left: 0; padding-right: 0; } #dashtodockContainer.left.extended.shrink #dash #dashtodockDashContainer > :first-child .show-apps { padding-top: 6px; } #dashtodockContainer.left.extended.shrink #dash #dashtodockDashContainer #dashtodockDashScrollview:first-child { padding-top: 6px; } #dashtodockContainer.left.extended.shrink #dash #dashtodockDashContainer > :last-child .show-apps { padding-bottom: 6px; } #dashtodockContainer.left.extended.shrink #dash #dashtodockDashContainer #dashtodockDashScrollview:last-child { padding-bottom: 6px; } #dashtodockContainer.left.extended.shrink #dash .dash-item-container { /* Disable all margins defined upstream, we handle them here */ margin: 2px 0; } #dashtodockContainer.left.extended.shrink #dash .dash-item-container > * { margin: 0; } #dashtodockContainer.left.extended.shrink #dash .dash-item-container:first-child { margin-top: 0; } #dashtodockContainer.left.extended.shrink #dash .dash-item-container:last-child { margin-bottom: 0; } #dashtodockContainer.left.extended.shrink #dash .dash-item-container .app-well-app, #dashtodockContainer.left.extended.shrink #dash .dash-item-container .grid-search-result, #dashtodockContainer.left.extended.shrink #dash .dash-item-container .show-apps { padding: 1px 1px; padding-left: 3px; padding-right: 3px; } #dashtodockContainer.left.extended.shrink #dash .dash-item-container .app-well-app:first-child, #dashtodockContainer.left.extended.shrink #dash .dash-item-container .grid-search-result:first-child, #dashtodockContainer.left.extended.shrink #dash .dash-item-container .show-apps:first-child { padding-top: 0; } #dashtodockContainer.left.extended.shrink #dash .dash-item-container .app-well-app:last-child, #dashtodockContainer.left.extended.shrink #dash .dash-item-container .grid-search-result:last-child, #dashtodockContainer.left.extended.shrink #dash .dash-item-container .show-apps:last-child { padding-bottom: 0; } #dashtodockContainer.left.extended.shrink #dash .dash-item-container .app-well-app.running .overview-icon, #dashtodockContainer.left.extended.shrink #dash .dash-item-container .running.grid-search-result .overview-icon { background-image: none; } #dashtodockContainer.left.extended.shrink #dash .dash-item-container .app-well-app.focused .overview-icon, #dashtodockContainer.left.extended.shrink #dash .dash-item-container .focused.grid-search-result .overview-icon { background-color: rgba(238, 238, 236, 0.2); } #dashtodockContainer.left.extended.shrink #dash .dash-item-container .app-well-app .app-well-app-running-dot, #dashtodockContainer.left.extended.shrink #dash .dash-item-container .grid-search-result .app-well-app-running-dot { margin-bottom: 2px; } #dashtodockContainer.left.extended.shrink #dash .dash-item-container > StButton { transition-duration: 250; background-size: contain; } #dashtodockContainer.left.extended.shrink.fixed #dash .dash-background { margin-right: 0; } #dashtodockContainer.left.extended.shrink.fixed #dash .dash-item-container .app-well-app, #dashtodockContainer.left.extended.shrink.fixed #dash .dash-item-container .grid-search-result, #dashtodockContainer.left.extended.shrink.fixed #dash .dash-item-container .show-apps { padding-right: 3px; } .dash-label.left.shrink { margin: 0; -x-offset: 3px; -y-offset: 0; } #dashtodockContainer.right #dash { margin: 0px; padding: 0px; } #dashtodockContainer.right #dash .dash-background { margin: 0; margin-right: 4px; padding: 0; border-radius: 18px; spacing: 6px; } #dashtodockContainer.right #dash .dash-separator { background-color: #464646; width: 0; height: 1px; margin: 4px 0; margin-right: 4px; } #dashtodockContainer.right #dash #dashtodockDashContainer { padding: 10px; padding-right: 0; padding-left: 0; } #dashtodockContainer.right #dash .dash-item-container { /* Disable all margins defined upstream, we handle them here */ margin: 2px 0; } #dashtodockContainer.right #dash .dash-item-container > * { margin: 0; } #dashtodockContainer.right #dash .dash-item-container:first-child { margin-top: 0; } #dashtodockContainer.right #dash .dash-item-container:last-child { margin-bottom: 0; } #dashtodockContainer.right #dash .dash-item-container .app-well-app, #dashtodockContainer.right #dash .dash-item-container .grid-search-result, #dashtodockContainer.right #dash .dash-item-container .show-apps { padding: 2px 2px; padding-right: 14px; padding-left: 10px; } #dashtodockContainer.right #dash .dash-item-container .app-well-app:first-child, #dashtodockContainer.right #dash .dash-item-container .grid-search-result:first-child, #dashtodockContainer.right #dash .dash-item-container .show-apps:first-child { padding-top: 0; } #dashtodockContainer.right #dash .dash-item-container .app-well-app:last-child, #dashtodockContainer.right #dash .dash-item-container .grid-search-result:last-child, #dashtodockContainer.right #dash .dash-item-container .show-apps:last-child { padding-bottom: 0; } #dashtodockContainer.right #dash .dash-item-container .app-well-app.running .overview-icon, #dashtodockContainer.right #dash .dash-item-container .running.grid-search-result .overview-icon { background-image: none; } #dashtodockContainer.right #dash .dash-item-container .app-well-app.focused .overview-icon, #dashtodockContainer.right #dash .dash-item-container .focused.grid-search-result .overview-icon { background-color: rgba(238, 238, 236, 0.2); } #dashtodockContainer.right #dash .dash-item-container .app-well-app .app-well-app-running-dot, #dashtodockContainer.right #dash .dash-item-container .grid-search-result .app-well-app-running-dot { margin-bottom: 2px; } #dashtodockContainer.right #dash .dash-item-container > StButton { transition-duration: 250; background-size: contain; } #dashtodockContainer.right.fixed #dash .dash-background { margin-left: 4px; } #dashtodockContainer.right.fixed #dash .dash-item-container .app-well-app, #dashtodockContainer.right.fixed #dash .dash-item-container .grid-search-result, #dashtodockContainer.right.fixed #dash .dash-item-container .show-apps { padding-left: 14px; } .dash-label.right { margin: 0; -x-offset: 10px; -y-offset: 0; } #dashtodockContainer.right.shrink #dash { margin: 0px; padding: 0px; } #dashtodockContainer.right.shrink #dash .dash-background { margin: 0; margin-right: 4px; padding: 0; border-radius: 14px; spacing: 2px; } #dashtodockContainer.right.shrink #dash .dash-separator { background-color: #464646; width: 0; height: 1px; margin: 1px 0; margin-right: 4px; } #dashtodockContainer.right.shrink #dash #dashtodockDashContainer { padding: 3px; padding-right: 0; padding-left: 0; } #dashtodockContainer.right.shrink #dash .dash-item-container { /* Disable all margins defined upstream, we handle them here */ margin: 2px 0; } #dashtodockContainer.right.shrink #dash .dash-item-container > * { margin: 0; } #dashtodockContainer.right.shrink #dash .dash-item-container:first-child { margin-top: 0; } #dashtodockContainer.right.shrink #dash .dash-item-container:last-child { margin-bottom: 0; } #dashtodockContainer.right.shrink #dash .dash-item-container .app-well-app, #dashtodockContainer.right.shrink #dash .dash-item-container .grid-search-result, #dashtodockContainer.right.shrink #dash .dash-item-container .show-apps { padding: 1px 1px; padding-right: 7px; padding-left: 3px; } #dashtodockContainer.right.shrink #dash .dash-item-container .app-well-app:first-child, #dashtodockContainer.right.shrink #dash .dash-item-container .grid-search-result:first-child, #dashtodockContainer.right.shrink #dash .dash-item-container .show-apps:first-child { padding-top: 0; } #dashtodockContainer.right.shrink #dash .dash-item-container .app-well-app:last-child, #dashtodockContainer.right.shrink #dash .dash-item-container .grid-search-result:last-child, #dashtodockContainer.right.shrink #dash .dash-item-container .show-apps:last-child { padding-bottom: 0; } #dashtodockContainer.right.shrink #dash .dash-item-container .app-well-app.running .overview-icon, #dashtodockContainer.right.shrink #dash .dash-item-container .running.grid-search-result .overview-icon { background-image: none; } #dashtodockContainer.right.shrink #dash .dash-item-container .app-well-app.focused .overview-icon, #dashtodockContainer.right.shrink #dash .dash-item-container .focused.grid-search-result .overview-icon { background-color: rgba(238, 238, 236, 0.2); } #dashtodockContainer.right.shrink #dash .dash-item-container .app-well-app .app-well-app-running-dot, #dashtodockContainer.right.shrink #dash .dash-item-container .grid-search-result .app-well-app-running-dot { margin-bottom: 2px; } #dashtodockContainer.right.shrink #dash .dash-item-container > StButton { transition-duration: 250; background-size: contain; } #dashtodockContainer.right.shrink.fixed #dash .dash-background { margin-left: 1px; } #dashtodockContainer.right.shrink.fixed #dash .dash-item-container .app-well-app, #dashtodockContainer.right.shrink.fixed #dash .dash-item-container .grid-search-result, #dashtodockContainer.right.shrink.fixed #dash .dash-item-container .show-apps { padding-left: 4px; } .dash-label.right.shrink { margin: 0; -x-offset: 3px; -y-offset: 0; } #dashtodockContainer.right.extended #dash { margin: 0px; padding: 0px; } #dashtodockContainer.right.extended #dash .dash-background { margin: 0; margin-right: 0; padding: 0; border-radius: 0; spacing: 6px; } #dashtodockContainer.right.extended #dash .dash-separator { background-color: #464646; width: 0; height: 1px; margin: 4px 0; margin-right: 0; } #dashtodockContainer.right.extended #dash #dashtodockDashContainer { padding: 0; padding-right: 0; padding-left: 0; } #dashtodockContainer.right.extended #dash #dashtodockDashContainer > :first-child .show-apps { padding-top: 8px; } #dashtodockContainer.right.extended #dash #dashtodockDashContainer #dashtodockDashScrollview:first-child { padding-top: 8px; } #dashtodockContainer.right.extended #dash #dashtodockDashContainer > :last-child .show-apps { padding-bottom: 8px; } #dashtodockContainer.right.extended #dash #dashtodockDashContainer #dashtodockDashScrollview:last-child { padding-bottom: 8px; } #dashtodockContainer.right.extended #dash .dash-item-container { /* Disable all margins defined upstream, we handle them here */ margin: 2px 0; } #dashtodockContainer.right.extended #dash .dash-item-container > * { margin: 0; } #dashtodockContainer.right.extended #dash .dash-item-container:first-child { margin-top: 0; } #dashtodockContainer.right.extended #dash .dash-item-container:last-child { margin-bottom: 0; } #dashtodockContainer.right.extended #dash .dash-item-container .app-well-app, #dashtodockContainer.right.extended #dash .dash-item-container .grid-search-result, #dashtodockContainer.right.extended #dash .dash-item-container .show-apps { padding: 2px 2px; padding-right: 10px; padding-left: 10px; } #dashtodockContainer.right.extended #dash .dash-item-container .app-well-app:first-child, #dashtodockContainer.right.extended #dash .dash-item-container .grid-search-result:first-child, #dashtodockContainer.right.extended #dash .dash-item-container .show-apps:first-child { padding-top: 0; } #dashtodockContainer.right.extended #dash .dash-item-container .app-well-app:last-child, #dashtodockContainer.right.extended #dash .dash-item-container .grid-search-result:last-child, #dashtodockContainer.right.extended #dash .dash-item-container .show-apps:last-child { padding-bottom: 0; } #dashtodockContainer.right.extended #dash .dash-item-container .app-well-app.running .overview-icon, #dashtodockContainer.right.extended #dash .dash-item-container .running.grid-search-result .overview-icon { background-image: none; } #dashtodockContainer.right.extended #dash .dash-item-container .app-well-app.focused .overview-icon, #dashtodockContainer.right.extended #dash .dash-item-container .focused.grid-search-result .overview-icon { background-color: rgba(238, 238, 236, 0.2); } #dashtodockContainer.right.extended #dash .dash-item-container .app-well-app .app-well-app-running-dot, #dashtodockContainer.right.extended #dash .dash-item-container .grid-search-result .app-well-app-running-dot { margin-bottom: 2px; } #dashtodockContainer.right.extended #dash .dash-item-container > StButton { transition-duration: 250; background-size: contain; } #dashtodockContainer.right.extended.fixed #dash .dash-background { margin-left: 0; } #dashtodockContainer.right.extended.fixed #dash .dash-item-container .app-well-app, #dashtodockContainer.right.extended.fixed #dash .dash-item-container .grid-search-result, #dashtodockContainer.right.extended.fixed #dash .dash-item-container .show-apps { padding-left: 10px; } .dash-label.right { margin: 0; -x-offset: 10px; -y-offset: 0; } #dashtodockContainer.right.extended.shrink #dash { margin: 0px; padding: 0px; } #dashtodockContainer.right.extended.shrink #dash .dash-background { margin: 0; margin-right: 0; padding: 0; border-radius: 0; spacing: 2px; } #dashtodockContainer.right.extended.shrink #dash .dash-separator { background-color: #464646; width: 0; height: 1px; margin: 1px 0; margin-right: 0; } #dashtodockContainer.right.extended.shrink #dash #dashtodockDashContainer { padding: 0; padding-right: 0; padding-left: 0; } #dashtodockContainer.right.extended.shrink #dash #dashtodockDashContainer > :first-child .show-apps { padding-top: 6px; } #dashtodockContainer.right.extended.shrink #dash #dashtodockDashContainer #dashtodockDashScrollview:first-child { padding-top: 6px; } #dashtodockContainer.right.extended.shrink #dash #dashtodockDashContainer > :last-child .show-apps { padding-bottom: 6px; } #dashtodockContainer.right.extended.shrink #dash #dashtodockDashContainer #dashtodockDashScrollview:last-child { padding-bottom: 6px; } #dashtodockContainer.right.extended.shrink #dash .dash-item-container { /* Disable all margins defined upstream, we handle them here */ margin: 2px 0; } #dashtodockContainer.right.extended.shrink #dash .dash-item-container > * { margin: 0; } #dashtodockContainer.right.extended.shrink #dash .dash-item-container:first-child { margin-top: 0; } #dashtodockContainer.right.extended.shrink #dash .dash-item-container:last-child { margin-bottom: 0; } #dashtodockContainer.right.extended.shrink #dash .dash-item-container .app-well-app, #dashtodockContainer.right.extended.shrink #dash .dash-item-container .grid-search-result, #dashtodockContainer.right.extended.shrink #dash .dash-item-container .show-apps { padding: 1px 1px; padding-right: 3px; padding-left: 3px; } #dashtodockContainer.right.extended.shrink #dash .dash-item-container .app-well-app:first-child, #dashtodockContainer.right.extended.shrink #dash .dash-item-container .grid-search-result:first-child, #dashtodockContainer.right.extended.shrink #dash .dash-item-container .show-apps:first-child { padding-top: 0; } #dashtodockContainer.right.extended.shrink #dash .dash-item-container .app-well-app:last-child, #dashtodockContainer.right.extended.shrink #dash .dash-item-container .grid-search-result:last-child, #dashtodockContainer.right.extended.shrink #dash .dash-item-container .show-apps:last-child { padding-bottom: 0; } #dashtodockContainer.right.extended.shrink #dash .dash-item-container .app-well-app.running .overview-icon, #dashtodockContainer.right.extended.shrink #dash .dash-item-container .running.grid-search-result .overview-icon { background-image: none; } #dashtodockContainer.right.extended.shrink #dash .dash-item-container .app-well-app.focused .overview-icon, #dashtodockContainer.right.extended.shrink #dash .dash-item-container .focused.grid-search-result .overview-icon { background-color: rgba(238, 238, 236, 0.2); } #dashtodockContainer.right.extended.shrink #dash .dash-item-container .app-well-app .app-well-app-running-dot, #dashtodockContainer.right.extended.shrink #dash .dash-item-container .grid-search-result .app-well-app-running-dot { margin-bottom: 2px; } #dashtodockContainer.right.extended.shrink #dash .dash-item-container > StButton { transition-duration: 250; background-size: contain; } #dashtodockContainer.right.extended.shrink.fixed #dash .dash-background { margin-left: 0; } #dashtodockContainer.right.extended.shrink.fixed #dash .dash-item-container .app-well-app, #dashtodockContainer.right.extended.shrink.fixed #dash .dash-item-container .grid-search-result, #dashtodockContainer.right.extended.shrink.fixed #dash .dash-item-container .show-apps { padding-left: 3px; } .dash-label.right.shrink { margin: 0; -x-offset: 3px; -y-offset: 0; } #dashtodockContainer.top.shrink #dash .dash-background { margin-top: 4px; margin-bottom: 0; } #dashtodockContainer.straight-corner #dash .dash-background, #dashtodockContainer.shrink.straight-corner #dash .dash-background { border-radius: 0px; } /* Scrollview style */ .bottom #dashtodockDashScrollview, .top #dashtodockDashScrollview { -st-hfade-offset: 24px; } .left #dashtodockDashScrollview, .right #dashtodockDashScrollview { -st-vfade-offset: 24px; } #dashtodockContainer.dashtodock #dash .dash-background { background: #1d1d1d; } #dashtodockContainer.dashtodock .progress-bar { /* Customization of the progress bar style, e.g.: -progress-bar-background: rgba(0.8, 0.8, 0.8, 1); -progress-bar-border: rgba(0.9, 0.9, 0.9, 1); */ } #dashtodockContainer.top #dash .placeholder, #dashtodockContainer.bottom #dash .placeholder { width: 32px; height: 1px; } /* * This is applied to a dummy actor. Only the alpha value for the background and border color * and the transition-duration are used */ #dashtodockContainer.dummy-opaque { background-color: rgba(0, 0, 0, 0.8); border-color: rgba(0, 0, 0, 0.4); transition-duration: 300ms; } /* * This is applied to a dummy actor. Only the alpha value for the background and border color * and the transition-duration are used */ #dashtodockContainer.dummy-transparent { background-color: rgba(0, 0, 0, 0.2); border-color: rgba(0, 0, 0, 0.1); transition-duration: 500ms; } #dashtodockContainer .number-overlay { color: white; background-color: rgba(0, 0, 0, 0.8); text-align: center; } #dashtodockContainer .notification-badge { color: white; background-color: red; padding: 0.2em 0.5em; border-radius: 1em; font-weight: bold; text-align: center; margin: 2px; } #dashtodockPreviewSeparator.popup-separator-menu-item-horizontal { width: 1px; height: auto; border-right-width: 1px; margin: 32px 0px; } .dashtodock-app-well-preview-menu-item { padding: 1em 1em 0.5em 1em; } #dashtodockContainer .metro .overview-icon { border-radius: 0px; } #dashtodockContainer.bottom .metro.running2.focused, #dashtodockContainer.top .metro.running2.focused { background-image: url("./media/highlight_stacked_bg.svg"); background-position: 0px 0px; background-size: contain; } #dashtodockContainer.left .metro.running2.focused, #dashtodockContainer.right .metro.running2.focused { background-image: url("./media/highlight_stacked_bg_h.svg"); background-position: 0px 0px; background-size: contain; } #dashtodockContainer.bottom .metro.running3.focused, #dashtodockContainer.top .metro.running3.focused { background-image: url("./media/highlight_stacked_bg.svg"); background-position: 0px 0px; background-size: contain; } #dashtodockContainer.left .metro.running3.focused, #dashtodockContainer.right .metro.running3.focused { background-image: url("./media/highlight_stacked_bg_h.svg"); background-position: 0px 0px; background-size: contain; } #dashtodockContainer.bottom .metro.running4.focused, #dashtodockContainer.top .metro.running4.focused { background-image: url("./media/highlight_stacked_bg.svg"); background-position: 0px 0px; background-size: contain; } #dashtodockContainer.left .metro.running4.focused, #dashtodockContainer.right .metro.running4.focused { background-image: url("./media/highlight_stacked_bg_h.svg"); background-position: 0px 0px; background-size: contain; } /* Yaru Dock styling */ #dashtodockContainer.bottom #dash, #dashtodockContainer.bottom.dashtodock #dash, #dashtodockContainer.bottom.shrink #dash { margin: 0px; padding: 0px; } #dashtodockContainer.bottom #dash .dash-background, #dashtodockContainer.bottom.dashtodock #dash .dash-background, #dashtodockContainer.bottom.shrink #dash .dash-background { background: rgba(19, 19, 19, 0.75); transition-duration: 250ms; } #dashtodockContainer.bottom #dash .dash-separator, #dashtodockContainer.bottom.dashtodock #dash .dash-separator, #dashtodockContainer.bottom.shrink #dash .dash-separator { background: rgba(238, 238, 236, 0.3); } #dashtodockContainer.bottom.overview #dash .dash-background, #dashtodockContainer.bottom.overview.dashtodock #dash .dash-background, #dashtodockContainer.bottom.overview.shrink #dash .dash-background { background-color: #131313; } #dashtodockContainer.bottom.extended #dash .dash-background, #dashtodockContainer.bottom.extended.dashtodock #dash .dash-background, #dashtodockContainer.bottom.extended.shrink #dash .dash-background { border: none; } #dashtodockContainer.bottom .dash-item-container .show-apps, #dashtodockContainer.bottom .dash-item-container .app-well-app, #dashtodockContainer.bottom .dash-item-container .grid-search-result { border-radius: 18px; } #dashtodockContainer.bottom .dash-item-container .show-apps:active .overview-icon, #dashtodockContainer.bottom .dash-item-container .show-apps:checked .overview-icon, #dashtodockContainer.bottom .dash-item-container .app-well-app:active .overview-icon, #dashtodockContainer.bottom .dash-item-container .grid-search-result:active .overview-icon, #dashtodockContainer.bottom .dash-item-container .app-well-app:checked .overview-icon, #dashtodockContainer.bottom .dash-item-container .grid-search-result:checked .overview-icon { background-color: rgba(255, 255, 255, 0.25); box-shadow: none; } #dashtodockContainer.bottom .notification-badge { background-color: #109b26; border: 1px solid #0c6d1a; box-shadow: -1px 1px 5px 0px rgba(0, 0, 0, 0.5); } #dashtodockContainer.top #dash, #dashtodockContainer.top.dashtodock #dash, #dashtodockContainer.top.shrink #dash { margin: 0px; padding: 0px; } #dashtodockContainer.top #dash .dash-background, #dashtodockContainer.top.dashtodock #dash .dash-background, #dashtodockContainer.top.shrink #dash .dash-background { background: rgba(19, 19, 19, 0.75); transition-duration: 250ms; } #dashtodockContainer.top #dash .dash-separator, #dashtodockContainer.top.dashtodock #dash .dash-separator, #dashtodockContainer.top.shrink #dash .dash-separator { background: rgba(238, 238, 236, 0.3); } #dashtodockContainer.top.overview #dash .dash-background, #dashtodockContainer.top.overview.dashtodock #dash .dash-background, #dashtodockContainer.top.overview.shrink #dash .dash-background { background-color: #131313; } #dashtodockContainer.top.extended #dash .dash-background, #dashtodockContainer.top.extended.dashtodock #dash .dash-background, #dashtodockContainer.top.extended.shrink #dash .dash-background { border: none; } #dashtodockContainer.top .dash-item-container .show-apps, #dashtodockContainer.top .dash-item-container .app-well-app, #dashtodockContainer.top .dash-item-container .grid-search-result { border-radius: 18px; } #dashtodockContainer.top .dash-item-container .show-apps:active .overview-icon, #dashtodockContainer.top .dash-item-container .show-apps:checked .overview-icon, #dashtodockContainer.top .dash-item-container .app-well-app:active .overview-icon, #dashtodockContainer.top .dash-item-container .grid-search-result:active .overview-icon, #dashtodockContainer.top .dash-item-container .app-well-app:checked .overview-icon, #dashtodockContainer.top .dash-item-container .grid-search-result:checked .overview-icon { background-color: rgba(255, 255, 255, 0.25); box-shadow: none; } #dashtodockContainer.top .notification-badge { background-color: #109b26; border: 1px solid #0c6d1a; box-shadow: -1px 1px 5px 0px rgba(0, 0, 0, 0.5); } #dashtodockContainer.left #dash, #dashtodockContainer.left.dashtodock #dash, #dashtodockContainer.left.shrink #dash { margin: 0px; padding: 0px; } #dashtodockContainer.left #dash .dash-background, #dashtodockContainer.left.dashtodock #dash .dash-background, #dashtodockContainer.left.shrink #dash .dash-background { background: rgba(19, 19, 19, 0.75); transition-duration: 250ms; } #dashtodockContainer.left #dash .dash-separator, #dashtodockContainer.left.dashtodock #dash .dash-separator, #dashtodockContainer.left.shrink #dash .dash-separator { background: rgba(238, 238, 236, 0.3); } #dashtodockContainer.left.overview #dash .dash-background, #dashtodockContainer.left.overview.dashtodock #dash .dash-background, #dashtodockContainer.left.overview.shrink #dash .dash-background { background-color: #131313; } #dashtodockContainer.left.extended #dash .dash-background, #dashtodockContainer.left.extended.dashtodock #dash .dash-background, #dashtodockContainer.left.extended.shrink #dash .dash-background { border: none; } #dashtodockContainer.left .dash-item-container .show-apps, #dashtodockContainer.left .dash-item-container .app-well-app, #dashtodockContainer.left .dash-item-container .grid-search-result { border-radius: 18px; } #dashtodockContainer.left .dash-item-container .show-apps:active .overview-icon, #dashtodockContainer.left .dash-item-container .show-apps:checked .overview-icon, #dashtodockContainer.left .dash-item-container .app-well-app:active .overview-icon, #dashtodockContainer.left .dash-item-container .grid-search-result:active .overview-icon, #dashtodockContainer.left .dash-item-container .app-well-app:checked .overview-icon, #dashtodockContainer.left .dash-item-container .grid-search-result:checked .overview-icon { background-color: rgba(255, 255, 255, 0.25); box-shadow: none; } #dashtodockContainer.left .notification-badge { background-color: #109b26; border: 1px solid #0c6d1a; box-shadow: -1px 1px 5px 0px rgba(0, 0, 0, 0.5); } #dashtodockContainer.right #dash, #dashtodockContainer.right.dashtodock #dash, #dashtodockContainer.right.shrink #dash { margin: 0px; padding: 0px; } #dashtodockContainer.right #dash .dash-background, #dashtodockContainer.right.dashtodock #dash .dash-background, #dashtodockContainer.right.shrink #dash .dash-background { background: rgba(19, 19, 19, 0.75); transition-duration: 250ms; } #dashtodockContainer.right #dash .dash-separator, #dashtodockContainer.right.dashtodock #dash .dash-separator, #dashtodockContainer.right.shrink #dash .dash-separator { background: rgba(238, 238, 236, 0.3); } #dashtodockContainer.right.overview #dash .dash-background, #dashtodockContainer.right.overview.dashtodock #dash .dash-background, #dashtodockContainer.right.overview.shrink #dash .dash-background { background-color: #131313; } #dashtodockContainer.right.extended #dash .dash-background, #dashtodockContainer.right.extended.dashtodock #dash .dash-background, #dashtodockContainer.right.extended.shrink #dash .dash-background { border: none; } #dashtodockContainer.right .dash-item-container .show-apps, #dashtodockContainer.right .dash-item-container .app-well-app, #dashtodockContainer.right .dash-item-container .grid-search-result { border-radius: 18px; } #dashtodockContainer.right .dash-item-container .show-apps:active .overview-icon, #dashtodockContainer.right .dash-item-container .show-apps:checked .overview-icon, #dashtodockContainer.right .dash-item-container .app-well-app:active .overview-icon, #dashtodockContainer.right .dash-item-container .grid-search-result:active .overview-icon, #dashtodockContainer.right .dash-item-container .app-well-app:checked .overview-icon, #dashtodockContainer.right .dash-item-container .grid-search-result:checked .overview-icon { background-color: rgba(255, 255, 255, 0.25); box-shadow: none; } #dashtodockContainer.right .notification-badge { background-color: #109b26; border: 1px solid #0c6d1a; box-shadow: -1px 1px 5px 0px rgba(0, 0, 0, 0.5); } (uuay)toggle-off-bark.svg P <svg width="48" height="26" xmlns="http://www.w3.org/2000/svg"><rect style="fill:#bababa;fill-opacity:1;stroke:none;stroke-width:1;marker:none" width="48" height="26" x="-48" ry="13" fill="#3081e3" rx="13" transform="scale(-1 1)"/><rect ry="11" rx="11" y="3" x="-24" height="22" width="22" style="fill:#000;fill-opacity:.2;stroke:none;stroke-width:.999999;marker:none" fill="#f8f7f7" transform="scale(-1 1)"/><rect ry="11" rx="11" y="2" x="-24" height="22" width="22" style="fill:#fff;fill-opacity:1;stroke:none;stroke-width:.999999;marker:none" fill="#f8f7f7" transform="scale(-1 1)"/></svg> (uuay)gnome-shell-prussiangreen.css \� /* This stylesheet is generated, DO NOT EDIT */ /* Copyright 2009, 2015 Red Hat, Inc. * * Portions adapted from Mx's data/style/default.css * Copyright 2009 Intel Corporation * * This program is free software; you can redistribute it and/or modify it * under the terms and conditions of the GNU Lesser General Public License, * version 2.1, as published by the Free Software Foundation. * * This program is distributed in the hope it will be useful, but WITHOUT ANY * WARRANTY; without even the implied warranty of MERCHANTABILITY or FITNESS * FOR A PARTICULAR PURPOSE. See the GNU Lesser General Public License for * more details. * * You should have received a copy of the GNU Lesser General Public License * along with this program; if not, write to the Free Software Foundation, * Inc., 51 Franklin St - Fifth Floor, Boston, MA 02110-1301 USA. */ /* Global Values */ stage { font-size: 11pt; color: #3D3D3D; } /* Common Stylings */ .screenshot-ui-panel, .workspace-switcher, .switcher-list, .resize-popup, .osd-monitor-label, .osd-window { color: #eeeeec; background-color: rgba(29, 29, 29, 0.975); border: 1px solid #464646; border-radius: 999px; padding: 12px; box-shadow: 0 3px 9px 1px rgba(0, 0, 0, 0.5); } .workspace-thumbnails .workspace-thumbnail { color: #eeeeec; background-color: rgba(238, 238, 236, 0.1); } .app-well-app.app-folder .overview-icon, .app-folder.grid-search-result .overview-icon, .app-well-app .overview-icon, .grid-search-result .overview-icon, .dash-item-container .show-apps .overview-icon, .list-search-result, .search-provider-icon, .switcher-list .item-box { border-radius: 12px; padding: 6px; spacing: 6px; border: 2px solid transparent; transition-duration: 100ms; text-align: center; color: #eeeeec; } .modal-dialog { color: #3D3D3D; background-color: #FAFAFA; border-radius: 8.5px; border: 1px solid rgba(255, 255, 255, 0.8); } #LookingGlassDialog > #Toolbar .lg-toolbar-button, .pad-osd-window .button, .button, .app-folder-dialog .folder-name-container .edit-folder-button { border-radius: 4px; border-style: solid; border-width: 1px; font-weight: bold; padding: 3px 24px; color: #3D3D3D; background-color: #ededed; } #LookingGlassDialog > #Toolbar .lg-toolbar-button:focus, .button:focus, .app-folder-dialog .folder-name-container .edit-folder-button:focus { color: #3D3D3D; background-color: #ededed; box-shadow: inset 0 0 0 2px #43b6b3; } #LookingGlassDialog > #Toolbar .lg-toolbar-button:focus:hover, .button:focus:hover, .app-folder-dialog .folder-name-container .edit-folder-button:focus:hover { background-color: #e5e5e5; box-shadow: inset 0 0 0 2px #43b6b3; } #LookingGlassDialog > #Toolbar .lg-toolbar-button:focus:active, .button:focus:active, .app-folder-dialog .folder-name-container .edit-folder-button:focus:active { background-color: #dedede; box-shadow: inset 0 0 0 2px #43b6b3; } #LookingGlassDialog > #Toolbar .lg-toolbar-button:hover, .button:hover, .app-folder-dialog .folder-name-container .edit-folder-button:hover { color: #3D3D3D; background-color: #e5e5e5; } #LookingGlassDialog > #Toolbar .lg-toolbar-button:insensitive, .button:insensitive, .app-folder-dialog .folder-name-container .edit-folder-button:insensitive { color: rgba(61, 61, 61, 0.5); background-color: rgba(61, 61, 61, 0.05); } #LookingGlassDialog > #Toolbar .lg-toolbar-button:active, .button:active, .app-folder-dialog .folder-name-container .edit-folder-button:active { color: #3D3D3D; background-color: #dedede; } #LookingGlassDialog > #Toolbar .lg-toolbar-button:checked, .button:checked, .app-folder-dialog .folder-name-container .edit-folder-button:checked { color: #3D3D3D; background-color: #d6d6d6; } #LookingGlassDialog > #Toolbar .lg-toolbar-button:checked:hover, .button:checked:hover, .app-folder-dialog .folder-name-container .edit-folder-button:checked:hover { background-color: #cecece; } #LookingGlassDialog > #Toolbar .lg-toolbar-button:checked:active, .button:checked:active, .app-folder-dialog .folder-name-container .edit-folder-button:checked:active { background-color: #c7c7c7; } .app-folder-dialog .folder-name-container .edit-folder-button { color: #F7F7F7; background-color: #2c2c2c; } .app-folder-dialog .folder-name-container .edit-folder-button:focus { color: #F7F7F7; background-color: #2c2c2c; box-shadow: inset 0 0 0 2px #43b6b3; } .app-folder-dialog .folder-name-container .edit-folder-button:focus:hover { background-color: #242424; box-shadow: inset 0 0 0 2px #43b6b3; } .app-folder-dialog .folder-name-container .edit-folder-button:focus:active { background-color: #1d1d1d; box-shadow: inset 0 0 0 2px #43b6b3; } .app-folder-dialog .folder-name-container .edit-folder-button:hover { color: #F7F7F7; background-color: #242424; } .app-folder-dialog .folder-name-container .edit-folder-button:insensitive { color: rgba(247, 247, 247, 0.5); background-color: rgba(247, 247, 247, 0.05); } .app-folder-dialog .folder-name-container .edit-folder-button:active { color: #F7F7F7; background-color: #1d1d1d; } .app-folder-dialog .folder-name-container .edit-folder-button:checked { color: #F7F7F7; background-color: #151515; } .app-folder-dialog .folder-name-container .edit-folder-button:checked:hover { background-color: #0d0d0d; } .app-folder-dialog .folder-name-container .edit-folder-button:checked:active { background-color: #060606; } .modal-dialog .modal-dialog-linked-button, .hotplug-notification-item, .notification-banner .notification-button { padding: 12px; color: #3D3D3D; background-color: #ededed; } .modal-dialog .modal-dialog-linked-button:ltr, .hotplug-notification-item:ltr, .notification-banner .notification-button:ltr { margin-right: 1px; } .modal-dialog .modal-dialog-linked-button:rtl, .hotplug-notification-item:rtl, .notification-banner .notification-button:rtl { margin-left: 1px; } .modal-dialog .modal-dialog-linked-button:insensitive, .hotplug-notification-item:insensitive, .notification-banner .notification-button:insensitive { color: rgba(61, 61, 61, 0.5); background-color: rgba(61, 61, 61, 0.05); } .modal-dialog .modal-dialog-linked-button:focus, .hotplug-notification-item:focus, .notification-banner .notification-button:focus { color: #3D3D3D; background-color: #ededed; box-shadow: inset 0 0 0 2px #43b6b3; } .modal-dialog .modal-dialog-linked-button:focus:hover, .hotplug-notification-item:focus:hover, .notification-banner .notification-button:focus:hover { background-color: #e5e5e5; box-shadow: inset 0 0 0 2px #43b6b3; } .modal-dialog .modal-dialog-linked-button:focus:active, .hotplug-notification-item:focus:active, .notification-banner .notification-button:focus:active { background-color: #dedede; box-shadow: inset 0 0 0 2px #43b6b3; } .modal-dialog .modal-dialog-linked-button:hover, .hotplug-notification-item:hover, .notification-banner .notification-button:hover { color: #3D3D3D; background-color: #e5e5e5; } .modal-dialog .modal-dialog-linked-button:active, .hotplug-notification-item:active, .notification-banner .notification-button:active { color: #3D3D3D; background-color: #dedede; } .modal-dialog .modal-dialog-linked-button:first-child:ltr, .hotplug-notification-item:first-child:ltr, .notification-banner .notification-button:first-child:ltr { border-radius: 0 0 0 7.5px; } .modal-dialog .modal-dialog-linked-button:last-child:ltr, .hotplug-notification-item:last-child:ltr, .notification-banner .notification-button:last-child:ltr { border-radius: 0 0 7.5px 0; margin-right: 0 !important; } .modal-dialog .modal-dialog-linked-button:first-child:rtl, .hotplug-notification-item:first-child:rtl, .notification-banner .notification-button:first-child:rtl { border-radius: 0 0 7.5px 0; margin-left: 0 !important; } .modal-dialog .modal-dialog-linked-button:last-child:rtl, .hotplug-notification-item:last-child:rtl, .notification-banner .notification-button:last-child:rtl { border-radius: 0 0 0 7.5px; margin-right: 0 !important; } .modal-dialog .modal-dialog-linked-button:first-child:last-child, .hotplug-notification-item:first-child:last-child, .notification-banner .notification-button:first-child:last-child { border-radius: 0 0 7.5px 7.5px !important; margin-left: 0 !important; margin-right: 0 !important; } .screenshot-ui-show-pointer-button, .screenshot-ui-type-button { background-color: transparent; background-color: none; } .screenshot-ui-show-pointer-button:insensitive, .screenshot-ui-type-button:insensitive { color: rgba(61, 61, 61, 0.5); background-color: rgba(61, 61, 61, 0.05); background-color: transparent; color: rgba(255, 255, 255, 0.5); } .screenshot-ui-show-pointer-button:insensitive, .screenshot-ui-type-button:insensitive { background-color: transparent; background-color: none; } .screenshot-ui-show-pointer-button:insensitive:insensitive, .screenshot-ui-type-button:insensitive:insensitive { color: rgba(61, 61, 61, 0.5); background-color: rgba(61, 61, 61, 0.05); background-color: transparent; color: rgba(255, 255, 255, 0.5); } .screenshot-ui-show-pointer-button:focus, .screenshot-ui-type-button:focus { color: #eeeeec; background-color: rgba(44, 44, 44, 0.97675); box-shadow: inset 0 0 0 2px #43b6b3; } .screenshot-ui-show-pointer-button:focus:hover, .screenshot-ui-type-button:focus:hover { background-color: rgba(36, 36, 36, 0.97675); box-shadow: inset 0 0 0 2px #43b6b3; } .screenshot-ui-show-pointer-button:focus:active, .screenshot-ui-type-button:focus:active { background-color: rgba(29, 29, 29, 0.97675); box-shadow: inset 0 0 0 2px #43b6b3; } .screenshot-ui-show-pointer-button:hover, .screenshot-ui-type-button:hover { color: #eeeeec; background-color: rgba(36, 36, 36, 0.97675); } .screenshot-ui-show-pointer-button:active, .screenshot-ui-type-button:active { color: #eeeeec; background-color: rgba(29, 29, 29, 0.97675); } .screenshot-ui-show-pointer-button:outlined, .screenshot-ui-type-button:outlined, .screenshot-ui-show-pointer-button:checked, .screenshot-ui-type-button:checked { color: #eeeeec; background-color: rgba(21, 21, 21, 0.97675); } .screenshot-ui-show-pointer-button:outlined:hover, .screenshot-ui-type-button:outlined:hover, .screenshot-ui-show-pointer-button:checked:hover, .screenshot-ui-type-button:checked:hover { background-color: rgba(13, 13, 13, 0.97675); } .screenshot-ui-show-pointer-button:outlined:active, .screenshot-ui-type-button:outlined:active, .screenshot-ui-show-pointer-button:checked:active, .screenshot-ui-type-button:checked:active { background-color: rgba(6, 6, 6, 0.97675); } /* General Typography */ .app-folder-dialog .folder-name-container .folder-name-label, .app-folder-dialog .folder-name-container .folder-name-entry, .search-statustext { font-weight: 800; font-size: 20pt; } .lg-debug-flags-header, .message-dialog-content .message-dialog-title, .message-list .message-list-placeholder, .datemenu-today-button .date-label { font-weight: 800; font-size: 15pt; } .nm-dialog-airplane-headline { font-weight: 700; font-size: 15pt; } .message-dialog-content .message-dialog-title.lightweight, .headline { font-weight: 700; font-size: 13pt; } .lg-extension-name, .osd-window, .nm-dialog-header, .dialog-list .dialog-list-title, .message-list-controls, .weather-button .weather-forecast-temp, .weather-button .weather-header, .world-clocks-button .world-clocks-time, .world-clocks-button .world-clocks-header, .events-button .events-title, .calendar .calendar-month-header .calendar-month-label, .datemenu-today-button .day-label, .popup-menu-ornament { font-weight: 700; font-size: 11pt; } .app-menu .popup-inactive-menu-item:first-child > StLabel { font-weight: 700; font-size: 9pt; } .login-dialog-not-listed-label, .lg-completions-text, .caps-lock-warning-label, #dash, .icon-label-button-container, .prompt-dialog-error-label, .prompt-dialog-info-label, .prompt-dialog-null-label, .run-dialog .run-dialog-description, .dialog-list .dialog-list-box .dialog-list-item .dialog-list-item-description, .weather-button .weather-forecast-time, .world-clocks-button .world-clocks-timezone, .events-button .event-time { font-weight: 400; font-size: 9pt; } .calendar .calendar-day-base.calendar-day-heading, .calendar .calendar-day-base { font-weight: 400; font-size: 8pt; } .unlock-dialog-clock-time, #panel, .weather-button .weather-forecast-time, .world-clocks-button .world-clocks-timezone, .world-clocks-button .world-clocks-time, .events-button .event-time, .calendar .calendar-day-base { font-feature-settings: "tnum"; } /* WIDGETS */ .shell-link { color: #225d5b; } .shell-link:hover { color: #308280; } .lowres-icon { icon-shadow: 0 1px 2px rgba(0, 0, 0, 0.3); } .icon-dropshadow { icon-shadow: 0 1px 5px rgba(0, 0, 0, 0.8); } /* Entries */ StEntry { min-height: 22px; border-radius: 6px; padding: 8px; border-width: 1px; color: #3D3D3D; background-color: white; color: rgba(61, 61, 61, 0.7); border: 1px solid #c7c7c7; selection-background-color: #308280; selected-color: #FFFFFF; } StEntry:hover { background-color: white; border-color: #d4d4d4; color: #3D3D3D; } StEntry:focus { background-color: white; border-color: #43b6b3; box-shadow: 0 0 0 1px #43b6b3 inset; color: #3D3D3D; } StEntry:insensitive { background-color: white; border-color: white; color: #9c9c9c; } StEntry StIcon.capslock-warning { icon-size: 16px; warning-color: #f99b11; padding: 0 4px; } StEntry StIcon.peek-password { icon-size: 1.09em; padding: 0 4px; } StEntry StLabel.hint-text { margin-left: 2px; color: rgba(61, 61, 61, 0.7); } /* Buttons */ .button { min-height: 22px; } /* Check Boxes */ .check-box StBoxLayout { spacing: .8em; } .check-box StBin { width: 24px; height: 22px; background-image: url("resource:///org/gnome/shell/theme/checkbox-off-prussiangreen.svg"); } .check-box:focus StBin { background-image: url("resource:///org/gnome/shell/theme/checkbox-off-focused-prussiangreen.svg"); } .check-box:checked StBin { background-image: url("resource:///org/gnome/shell/theme/checkbox-prussiangreen.svg"); } .check-box:focus:checked StBin { background-image: url("resource:///org/gnome/shell/theme/checkbox-focused-prussiangreen.svg"); } /* Switches */ .toggle-switch { color: #3D3D3D; height: 26px; width: 48px; background-size: contain; background-image: url("resource:///org/gnome/shell/theme/toggle-off-prussiangreen.svg"); } .toggle-switch:checked { background-image: url("resource:///org/gnome/shell/theme/toggle-on-prussiangreen.svg"); } /* Slider */ .slider { -barlevel-height: 4px; -barlevel-background-color: rgba(61, 61, 61, 0.4); -barlevel-border-width: 2px; -barlevel-border-color: transparent; -barlevel-active-background-color: #308280; -barlevel-active-border-color: transparent; -barlevel-overdrive-color: #c7162b; -barlevel-overdrive-border-color: transparent; -barlevel-overdrive-separator-width: 1px; -slider-handle-border-width: 1px; -slider-handle-border-color: #b5b5b5; -slider-handle-radius: 8px; color: #fcfcfc; height: 18px; } /* Scrollbars */ StScrollView.vfade { -st-vfade-offset: 68px; } StScrollView.hfade { -st-hfade-offset: 68px; } StScrollBar { padding: 0; } StScrollView StScrollBar { min-width: 8px; min-height: 8px; } StScrollBar StBin#trough { border-radius: 0; background-color: transparent; } StScrollBar StButton#vhandle, StScrollBar StButton#hhandle { border-radius: 8px; background-color: #c1c1c1; border: 3px solid transparent; transition: 500ms all ease; } StScrollBar StButton#vhandle:hover, StScrollBar StButton#hhandle:hover { background-color: #9c9c9c; } StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { background-color: #aeaeae; } /* Popovers/Menus */ .popup-menu-boxpointer, .candidate-popup-boxpointer { -arrow-rise: 6px; } .popup-menu { min-width: 15em; color: #3D3D3D; } .popup-menu.panel-menu { margin-bottom: 1.75em; } .popup-menu-content, .candidate-popup-content { padding: 6px; border-radius: 10px; border: 1px solid rgba(255, 255, 255, 0.8); box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.1); background-color: #FAFAFA; } .popup-menu-item { padding: 9px 12px; border-radius: 6px; spacing: 6px; transition: 0.2s all ease; background-color: transparent; } .popup-menu-item:ltr { padding-left: 6px; } .popup-menu-item:rtl { padding-right: 6px; } .popup-menu-item:focus, .popup-menu-item:hover { background-color: rgba(61, 61, 61, 0.1) !important; } .popup-menu-item:focus:active, .popup-menu-item:hover:active { background-color: rgba(61, 61, 61, 0.2) !important; } .popup-menu-item:checked { background-color: #e8e8e8 !important; } .popup-menu-item:checked { margin-bottom: 0; box-shadow: inset 0 -1px 0 0 #dbdbdb; border-radius: 6px 6px 0 0; } .popup-menu-item:checked:focus, .popup-menu-item:checked:hover { background-color: #d9d9d9 !important; } .popup-menu-item:checked:active { background-color: #d1d1d1 !important; } .popup-menu-item:active { background-color: #d1d1d1; color: #303030; } .popup-menu-item:insensitive { color: rgba(61, 61, 61, 0.5); } .popup-menu-item .toggle-switch:ltr { margin-left: 4px; } .popup-menu-item .toggle-switch:rtl { margin-right: 4px; } .popup-inactive-menu-item { color: #3D3D3D; } .popup-inactive-menu-item:insensitive { color: #9c9c9c; } .popup-menu-arrow, .popup-menu-icon { icon-size: 16px !important; } .popup-sub-menu { background-color: #e8e8e8; border-radius: 0 0 6px 6px; } .popup-sub-menu .popup-menu-ornament { min-width: 1.09em !important; } .popup-sub-menu .popup-menu-item { border-radius: 0; margin: 0; } .popup-sub-menu .popup-menu-item:last-child { border-radius: 0 0 6px 6px; } .popup-sub-menu .popup-menu-item:focus, .popup-sub-menu .popup-menu-item:hover { background-color: rgba(87, 87, 87, 0.1) !important; } .popup-sub-menu .popup-menu-item:checked { background-color: white !important; } .popup-sub-menu .popup-menu-item:checked:focus, .popup-sub-menu .popup-menu-item:checked:hover { background-color: #fdfdfd !important; } .popup-sub-menu .popup-menu-item:active { background-color: rgba(87, 87, 87, 0.2) !important; } .popup-sub-menu .popup-menu-section .popup-menu-item:last-child:hover, .popup-sub-menu .popup-menu-section .popup-menu-item:last-child:focus { border-radius: 0; } .popup-sub-menu .popup-menu-section:last-child .popup-menu-item:last-child { border-radius: 0 0 6px 6px; } .popup-menu-ornament { width: 1.2em; text-align: center !important; } .popup-menu-ornament:ltr { text-align: right; } .popup-menu-ornament:rtl { text-align: left; } .popup-separator-menu-item { margin: 6px 0; padding: 0 !important; } .popup-separator-menu-item:ltr { margin-right: 4px; } .popup-separator-menu-item:rtl { margin-left: 4px; } .popup-separator-menu-item .popup-separator-menu-item-separator { height: 1px; background-color: #c7c7c7; } .popup-separator-menu-item .popup-menu-ornament { width: 0 !important; } .popup-sub-menu .popup-separator-menu-item { background-color: transparent; } .popup-sub-menu .popup-separator-menu-item:ltr { margin-right: 2.5em; } .popup-sub-menu .popup-separator-menu-item:rtl { margin-left: 2.5em; } .popup-sub-menu .popup-separator-menu-item .popup-separator-menu-item-separator { background-color: #d9d9d9; } .background-menu { -boxpointer-gap: 0px; -arrow-rise: 0px; } .aggregate-menu { min-width: 22em; } .aggregate-menu .popup-menu-ornament { width: 0 !important; } .aggregate-menu .popup-menu-icon { -st-icon-style: symbolic; } .aggregate-menu .popup-menu-icon:ltr { margin-right: 8px; } .aggregate-menu .popup-menu-icon:rtl { margin-left: 8px; } .aggregate-menu .popup-sub-menu .popup-menu-item > :first-child:ltr { margin-left: 1em; } .aggregate-menu .popup-sub-menu .popup-menu-item > :first-child:rtl { margin-right: 1em; } .app-menu { max-width: 27.25em; } .app-menu .popup-menu-ornament { width: 0 !important; } .app-menu .popup-inactive-menu-item:first-child > StLabel:ltr { margin-right: 8px; } .app-menu .popup-inactive-menu-item:first-child > StLabel:rtl { margin-left: 8px; } /* Date/Time Menu */ #calendarArea { padding: 4px; } .datemenu-calendar-column { spacing: 6px; } .datemenu-calendar-column:ltr { padding-left: 6px; } .datemenu-calendar-column:rtl { padding-right: 6px; } .datemenu-calendar-column .datemenu-displays-box { spacing: 6px; } /* today button (the date) */ .datemenu-today-button { border-radius: 6px; margin: 4px; box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.1); background-color: transparent; background-color: none; box-shadow: none !important; padding: 9px; } .datemenu-today-button:insensitive { color: rgba(61, 61, 61, 0.5); background-color: rgba(61, 61, 61, 0.05); background-color: transparent; color: rgba(255, 255, 255, 0.5); } .datemenu-today-button:focus { color: #3D3D3D; background-color: #ededed; box-shadow: inset 0 0 0 2px #43b6b3; } .datemenu-today-button:focus:hover { background-color: #e5e5e5; box-shadow: inset 0 0 0 2px #43b6b3; } .datemenu-today-button:focus:active { background-color: #dedede; box-shadow: inset 0 0 0 2px #43b6b3; } .datemenu-today-button:hover { color: #3D3D3D; background-color: #e5e5e5; } .datemenu-today-button:active { color: #3D3D3D; background-color: #dedede; } .datemenu-today-button:insensitive .day-label, .datemenu-today-button:insensitive .date-label { color: #9c9c9c; } /* Calendar */ .calendar { border-radius: 6px; margin: 4px; box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.1); background-color: transparent; background-color: none; box-shadow: none !important; margin-top: 0; } .calendar:insensitive { color: rgba(61, 61, 61, 0.5); background-color: rgba(61, 61, 61, 0.05); background-color: transparent; color: rgba(255, 255, 255, 0.5); } .calendar:focus { color: #3D3D3D; background-color: #ededed; box-shadow: inset 0 0 0 2px #43b6b3; } .calendar:focus:hover { background-color: #e5e5e5; box-shadow: inset 0 0 0 2px #43b6b3; } .calendar:focus:active { background-color: #dedede; box-shadow: inset 0 0 0 2px #43b6b3; } .calendar:hover { color: #3D3D3D; background-color: #e5e5e5; } .calendar:active { color: #3D3D3D; background-color: #dedede; } .calendar .calendar-month-header .calendar-change-month-back StIcon, .calendar .calendar-month-header .calendar-change-month-forward StIcon { icon-size: 1.09em; } .calendar .calendar-month-header .calendar-month-label { color: #4a4a4a; padding: 8px 0; } .calendar .calendar-month-header .pager-button { background-color: transparent; height: 32px; width: 32px; margin: 2px; border-radius: 4px; } .calendar .calendar-month-header .pager-button:hover, .calendar .calendar-month-header .pager-button:focus { background-color: rgba(61, 61, 61, 0.1); } .calendar .calendar-month-header .pager-button:active { background-color: rgba(61, 61, 61, 0.2); } .calendar .calendar-day-base { text-align: center; margin: 2px; padding: 0 !important; height: 3em !important; width: 3em !important; border-radius: 99px; } .calendar .calendar-day-base:hover { background-color: rgba(61, 61, 61, 0.1); } .calendar .calendar-day-base:focus { background-color: #d2e2e2; box-shadow: inset 0 0 0 2px rgba(48, 130, 128, 0.6); } .calendar .calendar-day-base:active, .calendar .calendar-day-base:selected { color: #303030; background-color: rgba(61, 61, 61, 0.2); } .calendar .calendar-day-base:active:focus, .calendar .calendar-day-base:selected:focus { background-color: rgba(52, 109, 107, 0.36); } .calendar .calendar-day-base.calendar-day-heading { color: #9c9c9c; padding-top: 6px; height: 16px !important; font-weight: bold; } .calendar .calendar-nonwork-day { color: #9c9c9c; } .calendar .calendar-other-month-day { color: rgba(61, 61, 61, 0.5); } .calendar .calendar-other-month-day.calendar-nonwork-day { color: rgba(156, 156, 156, 0.5); } .calendar .calendar-today { background-color: #308280; font-weight: 800; color: #FFFFFF !important; } .calendar .calendar-today:hover, .calendar .calendar-today:focus { background-color: #348d8b; color: inherit; } .calendar .calendar-today:active, .calendar .calendar-today:selected { background-color: #308280; color: inherit; } .calendar .calendar-today:active:hover, .calendar .calendar-today:active:focus, .calendar .calendar-today:selected:hover, .calendar .calendar-today:selected:focus { background-color: #348d8b; color: inherit; } .calendar .calendar-day-with-events { background-image: url("resource:///org/gnome/shell/theme/calendar-today-light.svg"); background-size: contain; } .calendar .calendar-week-number { font-size: 7pt; font-weight: bold; font-feature-settings: "tnum"; margin: 6px; padding: 0 6px; border-radius: 3px; background-color: whitesmoke; color: #9c9c9c; } /* Events */ .events-button { border-radius: 6px; margin: 4px; box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.1); color: #3D3D3D; background-color: #ededed; padding: 12px; } .events-button:focus { color: #3D3D3D; background-color: #ededed; box-shadow: inset 0 0 0 2px #43b6b3; } .events-button:focus:hover { background-color: #e5e5e5; box-shadow: inset 0 0 0 2px #43b6b3; } .events-button:focus:active { background-color: #dedede; box-shadow: inset 0 0 0 2px #43b6b3; } .events-button:hover { color: #3D3D3D; background-color: #e5e5e5; } .events-button:active { color: #3D3D3D; background-color: #dedede; } .events-button .events-box { spacing: 6px; } .events-button .events-list { spacing: 12px; } .events-button .events-title { color: #9c9c9c; margin-bottom: 4px; } .events-button .event-time { color: #9c9c9c; } /* World clocks */ .world-clocks-button { border-radius: 6px; margin: 4px; box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.1); color: #3D3D3D; background-color: #ededed; padding: 12px; } .world-clocks-button:focus { color: #3D3D3D; background-color: #ededed; box-shadow: inset 0 0 0 2px #43b6b3; } .world-clocks-button:focus:hover { background-color: #e5e5e5; box-shadow: inset 0 0 0 2px #43b6b3; } .world-clocks-button:focus:active { background-color: #dedede; box-shadow: inset 0 0 0 2px #43b6b3; } .world-clocks-button:hover { color: #3D3D3D; background-color: #e5e5e5; } .world-clocks-button:active { color: #3D3D3D; background-color: #dedede; } .world-clocks-button .world-clocks-grid { spacing-rows: 6px; spacing-columns: 12px; } .world-clocks-button .world-clocks-header { color: #9c9c9c; } .world-clocks-button .world-clocks-city { color: #3D3D3D; } .world-clocks-button .world-clocks-time { color: #3D3D3D; } .world-clocks-button .world-clocks-time:ltr { text-align: right; } .world-clocks-button .world-clocks-time:rtl { text-align: left; } .world-clocks-button .world-clocks-timezone { color: #9c9c9c; } /* Weather */ .weather-button { border-radius: 6px; margin: 4px; box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.1); color: #3D3D3D; background-color: #ededed; padding: 12px; } .weather-button:focus { color: #3D3D3D; background-color: #ededed; box-shadow: inset 0 0 0 2px #43b6b3; } .weather-button:focus:hover { background-color: #e5e5e5; box-shadow: inset 0 0 0 2px #43b6b3; } .weather-button:focus:active { background-color: #dedede; box-shadow: inset 0 0 0 2px #43b6b3; } .weather-button:hover { color: #3D3D3D; background-color: #e5e5e5; } .weather-button:active { color: #3D3D3D; background-color: #dedede; } .weather-button .weather-box { spacing: 10px; } .weather-button .weather-header-box { spacing: 6px; } .weather-button .weather-header { color: #9c9c9c; } .weather-button .weather-header.location { font-weight: normal; } .weather-button .weather-grid { spacing-rows: 6px; spacing-columns: 12px; } .weather-button .weather-forecast-time { color: black; padding-top: 0.2em; padding-bottom: 0.4em; } .weather-button .weather-forecast-icon { icon-size: 2.18em; } /* Message List */ .message-list { width: 29em; border: solid #c7c7c7; } .message-list:ltr { margin-left: 0; margin-right: 4px; padding-right: 6px; border-right-width: 1px; } .message-list:rtl { margin-right: 0; margin-left: 4px; padding-left: 6px; border-left-width: 1px; } .message-list .message-list-placeholder { color: rgba(156, 156, 156, 0.5); } .message-list .message-list-placeholder > StIcon { icon-size: 3.27em; margin-bottom: 12px; -st-icon-style: symbolic; } .message-list-sections { spacing: 6px; margin: 0; padding-bottom: 6px; } .message-list-sections:ltr { margin-right: 12px; } .message-list-sections:rtl { margin-left: 12px; } .message-list-section, .message-list-section-list { spacing: 6px; } .message-list-controls { padding: 6px; spacing: 6px; } .message-list-controls .dnd-button { border-width: 2px; border-color: transparent; border-radius: 32px; border-style: solid; } .message-list-controls .dnd-button:focus { border-color: #43b6b3; } .message { border-radius: 6px; margin: 4px; box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.1); color: #3D3D3D; background-color: #ededed; } .message:focus { color: #3D3D3D; background-color: #ededed; box-shadow: inset 0 0 0 2px #43b6b3; } .message:focus:hover { background-color: #e5e5e5; box-shadow: inset 0 0 0 2px #43b6b3; } .message:focus:active { background-color: #dedede; box-shadow: inset 0 0 0 2px #43b6b3; } .message:hover { color: #3D3D3D; background-color: #e5e5e5; } .message:active { color: #3D3D3D; background-color: #dedede; } .message .message-icon-bin { padding: 18px; } .message .message-icon-bin:ltr { padding-right: 6px; } .message .message-icon-bin:rtl { padding-left: 6px; } .message .message-icon-bin > StIcon { icon-size: 2.18em; -st-icon-style: symbolic; } .message .message-icon-bin > .fallback-app-icon { width: 1.09em; height: 1.09em; } .message .message-content { spacing: 4px; padding: 9px; margin-bottom: 8px; } .message .message-title { font-weight: bold; /* HACK: the label should be baseline-aligned with a 1em label, fake this with some bottom padding */ padding-top: 0.57em; } .message .message-secondary-bin { padding: 0 8px; } .message .message-secondary-bin > .event-time { color: rgba(61, 61, 61, 0.5); font-size: 9pt; /* HACK: the label should be baseline-aligned with a 1em label, fake this with some bottom padding */ padding-bottom: 0.13em; } .message .message-secondary-bin > .event-time:ltr { text-align: right; } .message .message-secondary-bin > .event-time:rtl { text-align: left; } .message .message-close-button { color: #3D3D3D; background-color: rgba(61, 61, 61, 0.1); border-radius: 99px; padding: 5px; margin: 1px; } .message .message-close-button:hover { background-color: rgba(61, 61, 61, 0.2); } .message .message-close-button:active { background-color: rgba(61, 61, 61, 0.1); } .message .message-body { color: #242424; } .url-highlighter { link-color: #225d5b; } /* Media Controls */ .message-media-control { padding: 0 18px; margin: 12px 0; border-radius: 6px; color: #3D3D3D; } .message-media-control:hover { background-color: rgba(74, 74, 74, 0.1); color: #3D3D3D; } .message-media-control:active { background-color: rgba(61, 61, 61, 0.2); color: #3D3D3D; } .message-media-control:insensitive { color: darkgray; } .message-media-control:last-child:ltr { margin-right: 12px; } .message-media-control:last-child:rtl { margin-left: 12px; } .media-message-cover-icon { icon-size: 3.27em !important; border-radius: 6px; } .media-message-cover-icon.fallback { color: #121212; background-color: #FAFAFA; border: 1px solid transparent; border-radius: 6px; icon-size: 2.18em !important; padding: 14px; } .candidate-popup-content { padding: 6px; spacing: 6px; } .candidate-index { padding: 0; padding-right: 6px; color: #9c9c9c; } .candidate-box { padding: 6px 12px 6px 12px; border-radius: 6px; } .candidate-box:selected { background-color: #308280; color: #FFFFFF; } .candidate-box:hover { background-color: rgba(61, 61, 61, 0.1); color: #3D3D3D; } .candidate-page-button-box { height: 2em; } .vertical .candidate-page-button-box { padding-top: 12px; } .horizontal .candidate-page-button-box { padding-left: 12px; } .candidate-page-button { padding: 6px; } .candidate-page-button-previous { border-radius: 6px 0px 0px 6px; border-right-width: 0; box-shadow: none; } .candidate-page-button-next { border-radius: 0px 6px 6px 0px; box-shadow: none; } .candidate-page-button-icon { icon-size: 1.09em; } /* Notifications & Message Tray */ .notification-banner { min-height: 64px; width: 34em; box-shadow: 0 2px 4px 2px rgba(0, 0, 0, 0.1); border-radius: 9px; margin: 4px; background-color: #FAFAFA; } .notification-banner .notification-actions { spacing: 0; } .notification-banner:hover { background-color: whitesmoke; } .notification-banner:active { background-color: #f0f0f0; } .notification-banner, .notification-banner:hover, .notification-banner:focus, .notification-banner:active { box-shadow: 0 0 4px 2px rgba(0, 0, 0, 0.1); border: 1px solid #c7c7c7; } .summary-source-counter { font-size: 10pt; font-weight: bold; height: 1.6em; width: 1.6em; -shell-counter-overlap-x: 3px; -shell-counter-overlap-y: 3px; background-color: #308280; color: #FFFFFF; border: 2px solid #3D3D3D; box-shadow: 0 2px 2px rgba(0, 0, 0, 0.5); border-radius: 0.9em; } .chat-body { spacing: 5px; } .chat-response { margin: 5px; } .chat-log-message { color: #242424; } .chat-new-group { padding-top: 1em; } .chat-received { padding-left: 4px; } .chat-received:rtl { padding-left: 0px; padding-right: 4px; } .chat-sent { padding-left: 18pt; color: #636363; } .chat-sent:rtl { padding-left: 0; padding-right: 18pt; } .chat-meta-message { padding-left: 4px; font-size: 9pt; font-weight: bold; color: #6b6b6b; } .chat-meta-message:rtl { padding-left: 0; padding-right: 4px; } .hotplug-notification-item-icon { icon-size: 24px; padding: 0 4px; } /* Modal Dialogs */ .modal-dialog .modal-dialog-content-box { margin: 32px 40px; spacing: 32px; max-width: 28em; } /* End Session Dialog */ .end-session-dialog { width: 30em; } .end-session-dialog .end-session-dialog-battery-warning, .end-session-dialog .dialog-list-title { color: #f99b11; } /* Message Dialog */ .message-dialog-content { spacing: 18px; } .message-dialog-content .message-dialog-title { text-align: center; } .message-dialog-content .message-dialog-description { text-align: center; } /* Dialog List */ .dialog-list { spacing: 18px; } .dialog-list .dialog-list-title { text-align: center; } .dialog-list .dialog-list-scrollview { max-height: 200px; } .dialog-list .dialog-list-box { spacing: 1em; } .dialog-list .dialog-list-box .dialog-list-item { spacing: 1em; } .dialog-list .dialog-list-box .dialog-list-item .dialog-list-item-title { font-weight: bold; } .dialog-list .dialog-list-box .dialog-list-item .dialog-list-item-description { color: #303030; } /* Run Dialog */ .run-dialog .modal-dialog-content-box { margin-top: 24px; margin-bottom: 14px; } .run-dialog .run-dialog-entry { width: 20em; } .run-dialog .run-dialog-description { text-align: center; color: #0a0a0a; } /* Password or Authentication Dialog */ .prompt-dialog { width: 28em; } .prompt-dialog .modal-dialog-content-box { margin-bottom: 24px; } .prompt-dialog-password-grid { spacing-rows: 8px; spacing-columns: 4px; } .prompt-dialog-password-grid .prompt-dialog-password-entry { width: auto; } .prompt-dialog-password-grid .prompt-dialog-password-entry:ltr { margin-left: 20px; } .prompt-dialog-password-grid .prompt-dialog-password-entry:rtl { margin-right: 20px; } .prompt-dialog-password-layout { spacing: 8px; } .prompt-dialog-password-entry { width: 20em; } .prompt-dialog-error-label, .prompt-dialog-info-label, .prompt-dialog-null-label { text-align: center; } .prompt-dialog-error-label { color: #f99b11; } /* Polkit Dialog */ .polkit-dialog-user-layout { text-align: center; spacing: 8px; margin-bottom: 6px; } .polkit-dialog-user-layout .polkit-dialog-user-root-label { color: #f99b11; } /* Audio selection dialog */ .audio-device-selection-dialog .modal-dialog-content-box { margin-bottom: 28px; } .audio-device-selection-dialog .audio-selection-box { spacing: 20px; } .audio-selection-device { border-radius: 12px; } .audio-selection-device:hover, .audio-selection-device:focus { background-color: rgba(61, 61, 61, 0.1); } .audio-selection-device:active { background-color: #308280; color: #FFFFFF; } .audio-selection-device-box { padding: 20px; spacing: 20px; } .audio-selection-device-icon { icon-size: 4.36em; } /* Welcome dialog */ .welcome-dialog-image { background-image: url("resource:///org/gnome/shell/theme/gnome-shell-start.svg"); background-size: contain; /* Reasonable maximum dimensions */ height: 300px; width: 300px; } /* Select Network dialogs */ .nm-dialog { max-height: 34em; min-height: 31em; min-width: 32em; } .nm-dialog-content { spacing: 20px; padding: 24px; } .nm-dialog-subheader { color: #9c9c9c; } .nm-dialog-header-icon { icon-size: 2.18em; } .nm-dialog-header-hbox { spacing: 10px; } .nm-dialog-scroll-view { padding: 6px; border-radius: 6px; background-color: #ffffff; } .nm-dialog-item { padding: 12px; } .nm-dialog-item:selected { background-color: #308280; border-radius: 3px; color: #FFFFFF; } .nm-dialog-item:hover { background-color: rgba(61, 61, 61, 0.1); } .nm-dialog-icon { icon-size: 1.09em; } .nm-dialog-icons { spacing: 12px; } .no-networks-box { spacing: 6px; } .no-networks-label { color: #9c9c9c; } .nm-dialog-airplane-box { text-align: center; spacing: 12px; } .nm-dialog-airplane-text { color: #9c9c9c; } /* OSD */ .osd-window { text-align: center; font-weight: bold; spacing: 12px; padding: 12px 18px; margin-bottom: 4em; } .osd-window > * { spacing: 8px; } .osd-window StIcon { icon-size: 2.18em; } .osd-window StLabel:ltr { margin-right: 6px; } .osd-window StLabel:rtl { margin-left: 6px; } .osd-window .level { margin-bottom: 4px; height: 6px; min-width: 10.9em; -barlevel-height: 6px; -barlevel-background-color: rgba(238, 238, 236, 0.3); -barlevel-active-background-color: #eeeeec; -barlevel-overdrive-color: #c7162b; -barlevel-overdrive-separator-width: 3px; } .osd-window .level:first-child { margin-bottom: 0px; } .osd-window .level:ltr { margin-right: 6px; } .osd-window .level:rtl { margin-left: 6px; } .osd-monitor-label { border-radius: 12px; font-size: 3em; font-weight: bold; margin: 12px; text-align: center; min-width: 1.3em; } /* Pad OSD */ .pad-osd-window { padding: 32px; background-color: rgba(29, 29, 29, 0.975); color: #eeeeec; } .pad-osd-window .button:insensitive { color: #3D3D3D; } .pad-osd-window .pad-osd-title-box { spacing: 12px; } .pad-osd-window .pad-osd-title-menu-box { spacing: 6px; } .combo-box-label { width: 15em; } /* App Switcher */ .switcher-popup { padding: 0; spacing: 24px; } .switcher-list { padding: 10px; border-radius: 20px; box-shadow: 0 8px 8px 0 rgba(0, 0, 0, 0.1); } .switcher-list .switcher-list-item-container { spacing: 12px; } .switcher-list .item-box { background-color: transparent; } .switcher-list .item-box:hover { background-color: rgba(238, 238, 236, 0.1); } .switcher-list .item-box:selected, .switcher-list .item-box:focus { background-color: rgba(238, 238, 236, 0.13); } .switcher-list .item-box:selected:hover, .switcher-list .item-box:focus:hover { background-color: rgba(238, 238, 236, 0.16); } .switcher-list .item-box:selected:active, .switcher-list .item-box:focus:active { background-color: rgba(238, 238, 236, 0.13); } .switcher-list .item-box:active { background-color: rgba(238, 238, 236, 0.16); } .switcher-list .item-box:outlined, .switcher-list .item-box:checked { background-color: rgba(238, 238, 236, 0.19); } .switcher-list .item-box:outlined:active, .switcher-list .item-box:checked:active { background-color: rgba(238, 238, 236, 0.22); } .switcher-list .item-box:outlined:hover, .switcher-list .item-box:checked:hover { background-color: rgba(238, 238, 236, 0.25); } .switcher-list .item-box:drop { border: 2px solid rgba(48, 130, 128, 0.8); background-color: rgba(48, 130, 128, 0.2); } .switcher-list .item-box:hover { background: none; } .switcher-list .separator { width: 1px; background: #c7c7c7; } .switcher-list .thumbnail-box { padding: 2px; spacing: 6px; } .switcher-list .thumbnail { width: 256px; border-radius: 6px; } .switcher-arrow { border-color: rgba(0, 0, 0, 0); color: rgba(238, 238, 236, 0.8); } .switcher-arrow:highlighted { border-color: #eeeeec; color: #eeeeec; } .input-source-switcher-symbol { font-size: 34pt; width: 96px; height: 96px; } .cycler-highlight { border: 5px solid #308280; } /* Workspace Switcher */ .workspace-switcher { margin-bottom: 4em; spacing: 12px; padding: 12px 18px; } .ws-switcher-indicator { background-color: rgba(238, 238, 236, 0.5); padding: 0.1816666667em; margin: 0.9083333333em; border-radius: 2.18em; } .ws-switcher-indicator:active { background-color: #eeeeec; padding: 0.3633333333em; margin: 0.7266666667em; } .icon-label-button-container { spacing: 6px; } .icon-label-button-container StIcon { icon-size: 32px; } .screenshot-ui-panel { border-radius: 33px; padding: 18px; padding-bottom: 12px; margin-bottom: 4em; spacing: 12px; } .screenshot-ui-close-button { padding: 6px; } .screenshot-ui-close-button.left { margin-left: 8px; } .screenshot-ui-close-button.right { margin-right: 8px; } .screenshot-ui-type-button { padding: 12px 18px !important; border-radius: 15px; } .screenshot-ui-capture-button { width: 36px; height: 36px; border-radius: 99px; border: 4px #eeeeec; padding: 4px; } .screenshot-ui-capture-button .screenshot-ui-capture-button-circle { background-color: #eeeeec; transition-duration: 200ms; border-radius: 99px; } .screenshot-ui-capture-button .screenshot-ui-capture-button-circle:hover, .screenshot-ui-capture-button .screenshot-ui-capture-button-circle:focus { background-color: rgba(61, 61, 61, 0.1); } .screenshot-ui-capture-button:hover .screenshot-ui-capture-button-circle, .screenshot-ui-capture-button:focus .screenshot-ui-capture-button-circle { background-color: #cacac4; } .screenshot-ui-capture-button:active .screenshot-ui-capture-button-circle { background-color: #747467; } .screenshot-ui-capture-button:cast .screenshot-ui-capture-button-circle { background-color: #c7162b; } .screenshot-ui-capture-button:cast:hover .screenshot-ui-capture-button-circle, .screenshot-ui-capture-button:cast:focus .screenshot-ui-capture-button-circle { background-color: #de1930; } .screenshot-ui-capture-button:cast:active .screenshot-ui-capture-button-circle { background-color: #a71224; } .screenshot-ui-shot-cast-container { background-color: rgba(61, 61, 61, 0.1); border-radius: 12px; padding: 3px; spacing: 3px; } .screenshot-ui-shot-cast-container:ltr { margin-left: 3px; } .screenshot-ui-shot-cast-container:rtl { margin-right: 3px; } .screenshot-ui-shot-cast-button { padding: 6px 12px; background-color: transparent; border-radius: 9px; } .screenshot-ui-shot-cast-button:hover, .screenshot-ui-shot-cast-button:focus { background-color: rgba(74, 74, 74, 0.1); } .screenshot-ui-shot-cast-button:active { background-color: rgba(74, 74, 74, 0.2); } .screenshot-ui-shot-cast-button:checked { background-color: white; color: black; } .screenshot-ui-shot-cast-button StIcon { icon-size: 1.09em; } .screenshot-ui-show-pointer-button { border-radius: 99px; padding: 12px !important; } .screenshot-ui-show-pointer-button StIcon { icon-size: 1.09em; } .screenshot-ui-area-indicator-shade { background-color: rgba(0, 0, 0, 0.3); } .screenshot-ui-area-selector .screenshot-ui-area-indicator-shade { background-color: rgba(0, 0, 0, 0.5); } .screenshot-ui-area-selector .screenshot-ui-area-indicator-selection { border: 2px white; } .screenshot-ui-area-selector-handle { border-radius: 99px; background-color: white; box-shadow: 0 1px 3px 2px rgba(0, 0, 0, 0.2); width: 24px; height: 24px; } .screenshot-ui-window-selector { background-color: #222222; } .screenshot-ui-window-selector .screenshot-ui-window-selector-window-container { margin: 100px; } .screenshot-ui-window-selector:primary-monitor .screenshot-ui-window-selector-window-container { margin-bottom: 200px; } .screenshot-ui-window-selector-window-border { transition-duration: 200ms; border-radius: 12px; border: 6px transparent; } .screenshot-ui-window-selector-check { transition-duration: 200ms; color: transparent; border-radius: 99px; border-width: 12px; icon-size: 24px; } .screenshot-ui-window-selector-window:hover .screenshot-ui-window-selector-window-border { border-color: #1b4a49; } .screenshot-ui-window-selector-window:checked .screenshot-ui-window-selector-window-border { border-color: #308280; background-color: rgba(48, 130, 128, 0.2); } .screenshot-ui-window-selector-window:checked .screenshot-ui-window-selector-check { color: #FFFFFF; background-color: #308280; } .screenshot-ui-screen-selector { transition-duration: 200ms; background-color: rgba(0, 0, 0, 0.5); } .screenshot-ui-screen-selector:hover { background-color: rgba(0, 0, 0, 0.3); } .screenshot-ui-screen-selector:active { background-color: rgba(0, 0, 0, 0.7); } .screenshot-ui-screen-selector:checked { background-color: transparent; border: 2px white; } .screenshot-ui-tooltip { color: #eeeeec; background-color: rgba(29, 29, 29, 0.975); border-radius: 99px; padding: 6px 12px; text-align: center; -y-offset: 24px; } /* Top Bar */ #panel { background-color: #131313; font-weight: bold; height: 1.86em; transition-duration: 250ms; } #panel.unlock-screen, #panel.login-screen { background-color: transparent; } #panel .panel-button { font-weight: bold; color: #f2f2f2; -natural-hpadding: 12px; -minimum-hpadding: 6px; transition-duration: 150ms; border: 3px solid transparent; border-radius: 99px; } #panel .panel-button.clock-display .clock { transition-duration: 150ms; border: 3px solid transparent; border-radius: 99px; } #panel .panel-button.screen-recording-indicator { box-shadow: inset 0 0 0 100px #c7162b; } #panel .panel-button.screen-recording-indicator StBoxLayout { spacing: 6px; } #panel .panel-button.screen-recording-indicator StIcon { icon-size: 1.09em; } #panel .panel-button:active, #panel .panel-button:overview, #panel .panel-button:focus, #panel .panel-button:checked { box-shadow: inset 0 0 0 100px rgba(242, 242, 242, 0.2); } #panel .panel-button:active.clock-display, #panel .panel-button:overview.clock-display, #panel .panel-button:focus.clock-display, #panel .panel-button:checked.clock-display { box-shadow: none; } #panel .panel-button:active.clock-display .clock, #panel .panel-button:overview.clock-display .clock, #panel .panel-button:focus.clock-display .clock, #panel .panel-button:checked.clock-display .clock { box-shadow: inset 0 0 0 100px rgba(242, 242, 242, 0.2); } #panel .panel-button:active.screen-recording-indicator, #panel .panel-button:overview.screen-recording-indicator, #panel .panel-button:focus.screen-recording-indicator, #panel .panel-button:checked.screen-recording-indicator { box-shadow: inset 0 0 0 100px rgba(199, 22, 43, 0.85); } #panel .panel-button:hover { box-shadow: inset 0 0 0 100px rgba(242, 242, 242, 0.15); } #panel .panel-button:hover.clock-display { box-shadow: none; } #panel .panel-button:hover.clock-display .clock { box-shadow: inset 0 0 0 100px rgba(242, 242, 242, 0.15); } #panel .panel-button:hover.screen-recording-indicator { box-shadow: inset 0 0 0 100px rgba(199, 22, 43, 0.9); } #panel .panel-button:active:hover, #panel .panel-button:overview:hover, #panel .panel-button:focus:hover, #panel .panel-button:checked:hover { box-shadow: inset 0 0 0 100px rgba(242, 242, 242, 0.25); } #panel .panel-button:active:hover.clock-display, #panel .panel-button:overview:hover.clock-display, #panel .panel-button:focus:hover.clock-display, #panel .panel-button:checked:hover.clock-display { box-shadow: none; } #panel .panel-button:active:hover.clock-display .clock, #panel .panel-button:overview:hover.clock-display .clock, #panel .panel-button:focus:hover.clock-display .clock, #panel .panel-button:checked:hover.clock-display .clock { box-shadow: inset 0 0 0 100px rgba(242, 242, 242, 0.25); } #panel .panel-button:active:hover.screen-recording-indicator, #panel .panel-button:overview:hover.screen-recording-indicator, #panel .panel-button:focus:hover.screen-recording-indicator, #panel .panel-button:checked:hover.screen-recording-indicator { box-shadow: inset 0 0 0 100px rgba(199, 22, 43, 0.8); } #panel .panel-button .system-status-icon { icon-size: 1.09em; padding: 5px; margin: 0 4px; } #panel .panel-button .panel-status-indicators-box .system-status-icon, #panel .panel-button .panel-status-menu-box .system-status-icon { margin: 0; } #panel .panel-button .app-menu-icon { -st-icon-style: symbolic; } #panel .panel-button#panelActivities { -natural-hpadding: 18px; } #panel.unlock-screen .panel-button:active, #panel.unlock-screen .panel-button:overview, #panel.unlock-screen .panel-button:focus, #panel.unlock-screen .panel-button:checked, #panel.login-screen .panel-button:active, #panel.login-screen .panel-button:overview, #panel.login-screen .panel-button:focus, #panel.login-screen .panel-button:checked, #panel:overview .panel-button:active, #panel:overview .panel-button:overview, #panel:overview .panel-button:focus, #panel:overview .panel-button:checked { box-shadow: inset 0 0 0 100px rgba(255, 255, 255, 0.15); } #panel.unlock-screen .panel-button:active.clock-display, #panel.unlock-screen .panel-button:overview.clock-display, #panel.unlock-screen .panel-button:focus.clock-display, #panel.unlock-screen .panel-button:checked.clock-display, #panel.login-screen .panel-button:active.clock-display, #panel.login-screen .panel-button:overview.clock-display, #panel.login-screen .panel-button:focus.clock-display, #panel.login-screen .panel-button:checked.clock-display, #panel:overview .panel-button:active.clock-display, #panel:overview .panel-button:overview.clock-display, #panel:overview .panel-button:focus.clock-display, #panel:overview .panel-button:checked.clock-display { box-shadow: none; } #panel.unlock-screen .panel-button:active.clock-display .clock, #panel.unlock-screen .panel-button:overview.clock-display .clock, #panel.unlock-screen .panel-button:focus.clock-display .clock, #panel.unlock-screen .panel-button:checked.clock-display .clock, #panel.login-screen .panel-button:active.clock-display .clock, #panel.login-screen .panel-button:overview.clock-display .clock, #panel.login-screen .panel-button:focus.clock-display .clock, #panel.login-screen .panel-button:checked.clock-display .clock, #panel:overview .panel-button:active.clock-display .clock, #panel:overview .panel-button:overview.clock-display .clock, #panel:overview .panel-button:focus.clock-display .clock, #panel:overview .panel-button:checked.clock-display .clock { box-shadow: inset 0 0 0 100px rgba(255, 255, 255, 0.15); } #panel.unlock-screen .panel-button:active.screen-recording-indicator, #panel.unlock-screen .panel-button:overview.screen-recording-indicator, #panel.unlock-screen .panel-button:focus.screen-recording-indicator, #panel.unlock-screen .panel-button:checked.screen-recording-indicator, #panel.login-screen .panel-button:active.screen-recording-indicator, #panel.login-screen .panel-button:overview.screen-recording-indicator, #panel.login-screen .panel-button:focus.screen-recording-indicator, #panel.login-screen .panel-button:checked.screen-recording-indicator, #panel:overview .panel-button:active.screen-recording-indicator, #panel:overview .panel-button:overview.screen-recording-indicator, #panel:overview .panel-button:focus.screen-recording-indicator, #panel:overview .panel-button:checked.screen-recording-indicator { box-shadow: inset 0 0 0 100px rgba(199, 22, 43, 0.85); } #panel.unlock-screen .panel-button:hover, #panel.login-screen .panel-button:hover, #panel:overview .panel-button:hover { box-shadow: inset 0 0 0 100px rgba(255, 255, 255, 0.1); } #panel.unlock-screen .panel-button:hover.clock-display, #panel.login-screen .panel-button:hover.clock-display, #panel:overview .panel-button:hover.clock-display { box-shadow: none; } #panel.unlock-screen .panel-button:hover.clock-display .clock, #panel.login-screen .panel-button:hover.clock-display .clock, #panel:overview .panel-button:hover.clock-display .clock { box-shadow: inset 0 0 0 100px rgba(255, 255, 255, 0.1); } #panel.unlock-screen .panel-button:hover.screen-recording-indicator, #panel.login-screen .panel-button:hover.screen-recording-indicator, #panel:overview .panel-button:hover.screen-recording-indicator { box-shadow: inset 0 0 0 100px rgba(199, 22, 43, 0.9); } #panel.unlock-screen .panel-button:active:hover, #panel.unlock-screen .panel-button:overview:hover, #panel.unlock-screen .panel-button:focus:hover, #panel.unlock-screen .panel-button:checked:hover, #panel.login-screen .panel-button:active:hover, #panel.login-screen .panel-button:overview:hover, #panel.login-screen .panel-button:focus:hover, #panel.login-screen .panel-button:checked:hover, #panel:overview .panel-button:active:hover, #panel:overview .panel-button:overview:hover, #panel:overview .panel-button:focus:hover, #panel:overview .panel-button:checked:hover { box-shadow: inset 0 0 0 100px rgba(255, 255, 255, 0.2); } #panel.unlock-screen .panel-button:active:hover.clock-display, #panel.unlock-screen .panel-button:overview:hover.clock-display, #panel.unlock-screen .panel-button:focus:hover.clock-display, #panel.unlock-screen .panel-button:checked:hover.clock-display, #panel.login-screen .panel-button:active:hover.clock-display, #panel.login-screen .panel-button:overview:hover.clock-display, #panel.login-screen .panel-button:focus:hover.clock-display, #panel.login-screen .panel-button:checked:hover.clock-display, #panel:overview .panel-button:active:hover.clock-display, #panel:overview .panel-button:overview:hover.clock-display, #panel:overview .panel-button:focus:hover.clock-display, #panel:overview .panel-button:checked:hover.clock-display { box-shadow: none; } #panel.unlock-screen .panel-button:active:hover.clock-display .clock, #panel.unlock-screen .panel-button:overview:hover.clock-display .clock, #panel.unlock-screen .panel-button:focus:hover.clock-display .clock, #panel.unlock-screen .panel-button:checked:hover.clock-display .clock, #panel.login-screen .panel-button:active:hover.clock-display .clock, #panel.login-screen .panel-button:overview:hover.clock-display .clock, #panel.login-screen .panel-button:focus:hover.clock-display .clock, #panel.login-screen .panel-button:checked:hover.clock-display .clock, #panel:overview .panel-button:active:hover.clock-display .clock, #panel:overview .panel-button:overview:hover.clock-display .clock, #panel:overview .panel-button:focus:hover.clock-display .clock, #panel:overview .panel-button:checked:hover.clock-display .clock { box-shadow: inset 0 0 0 100px rgba(255, 255, 255, 0.2); } #panel.unlock-screen .panel-button:active:hover.screen-recording-indicator, #panel.unlock-screen .panel-button:overview:hover.screen-recording-indicator, #panel.unlock-screen .panel-button:focus:hover.screen-recording-indicator, #panel.unlock-screen .panel-button:checked:hover.screen-recording-indicator, #panel.login-screen .panel-button:active:hover.screen-recording-indicator, #panel.login-screen .panel-button:overview:hover.screen-recording-indicator, #panel.login-screen .panel-button:focus:hover.screen-recording-indicator, #panel.login-screen .panel-button:checked:hover.screen-recording-indicator, #panel:overview .panel-button:active:hover.screen-recording-indicator, #panel:overview .panel-button:overview:hover.screen-recording-indicator, #panel:overview .panel-button:focus:hover.screen-recording-indicator, #panel:overview .panel-button:checked:hover.screen-recording-indicator { box-shadow: inset 0 0 0 100px rgba(199, 22, 43, 0.8); } #panel .panel-status-indicators-box, #panel .panel-status-menu-box { spacing: 2px; } #panel .power-status.panel-status-indicators-box { spacing: 0; } #panel .screencast-indicator, #panel .remote-access-indicator { color: #f99b11; } #appMenu { spacing: 6px; } #appMenu .label-shadow { color: transparent; } #appMenu .panel-status-menu-box { padding: 0 6px; spacing: 6px; } .clock-display-box { spacing: 2px; } .clock-display-box .clock { padding-left: 12px; padding-right: 12px; } /* Activities Ripple */ .ripple-box { background-color: rgba(162, 220, 219, 0.3); box-shadow: 0 0 2px 2px #57c1be; width: 52px; height: 52px; border-radius: 0 0 52px 0; } .ripple-box:rtl { border-radius: 0 0 0 52px; } /* OVERVIEW */ .controls-manager, .secondary-monitor-workspaces { spacing: 12px; } #overviewGroup { background-color: #222222; } .overview-controls { padding-bottom: 32px; } /* Window Picker */ .window-picker { spacing: 6px; } .window-caption { color: #eeeeec; background-color: rgba(29, 29, 29, 0.975); border-radius: 99px; padding: 6px 12px; border: 1px solid #464646; } .window-close, .screenshot-ui-close-button { background-color: rgba(55, 55, 55, 0.975); color: #eeeeec; border-radius: 99px; padding: 3px; height: 30px; width: 30px; transition-duration: 300ms; border: 1px solid #464646; } .window-close StIcon, .screenshot-ui-close-button StIcon { icon-size: 24px; } .window-close:hover, .screenshot-ui-close-button:hover { background-color: rgba(67, 67, 67, 0.975); } .window-close:active, .screenshot-ui-close-button:active { background-color: rgba(42, 42, 42, 0.975); } .workspace-background { border-radius: 30px; box-shadow: 0 4px 16px 4px rgba(0, 0, 0, 0.275); } .search-entry { border-radius: 18px; margin-top: 24px; margin-bottom: 12px; padding: 7px 9px; width: 320px; background-color: white; color: rgba(61, 61, 61, 0.7); border: 1px solid #c7c7c7; } .search-entry:hover { background-color: white; border-color: #d4d4d4; color: #3D3D3D; } .search-entry:focus { background-color: white; border-color: #43b6b3; box-shadow: 0 0 0 1px #43b6b3 inset; color: #3D3D3D; } .search-entry:insensitive { background-color: white; border-color: white; color: #9c9c9c; } .search-entry .search-entry-icon { color: inherit; icon-size: 1.09em; margin-top: 2px; padding: 0 4px; } /* Search */ #searchResults { margin: 0 4px; } #searchResultsContent { max-width: 1072px; } .search-section { spacing: 18px; } .search-section .search-section-separator { height: 8px; background-color: transparent; } .search-section-content { background-color: #1d1d1d; border-radius: 18px; border: 1px solid #464646; color: #eeeeec; padding: 12px; margin: 0 12px; } .list-search-result, .search-provider-icon { background-color: transparent; border-radius: 9px; } .list-search-result:hover, .search-provider-icon:hover { background-color: rgba(238, 238, 236, 0.1); } .list-search-result:selected, .search-provider-icon:selected, .list-search-result:focus, .search-provider-icon:focus { background-color: rgba(238, 238, 236, 0.13); } .list-search-result:selected:hover, .search-provider-icon:selected:hover, .list-search-result:focus:hover, .search-provider-icon:focus:hover { background-color: rgba(238, 238, 236, 0.16); } .list-search-result:selected:active, .search-provider-icon:selected:active, .list-search-result:focus:active, .search-provider-icon:focus:active { background-color: rgba(238, 238, 236, 0.13); } .list-search-result:active, .search-provider-icon:active { background-color: rgba(238, 238, 236, 0.16); } .list-search-result:outlined, .search-provider-icon:outlined, .list-search-result:checked, .search-provider-icon:checked { background-color: rgba(238, 238, 236, 0.19); } .list-search-result:outlined:active, .search-provider-icon:outlined:active, .list-search-result:checked:active, .search-provider-icon:checked:active { background-color: rgba(238, 238, 236, 0.22); } .list-search-result:outlined:hover, .search-provider-icon:outlined:hover, .list-search-result:checked:hover, .search-provider-icon:checked:hover { background-color: rgba(238, 238, 236, 0.25); } .list-search-result:drop, .search-provider-icon:drop { border: 2px solid rgba(48, 130, 128, 0.8); background-color: rgba(48, 130, 128, 0.2); } .grid-search-results { spacing: 30px; margin: 0 12px; } .search-provider-icon:ltr { margin-right: 4px; } .search-provider-icon:rtl { margin-left: 4px; } .search-provider-icon .list-search-provider-content { spacing: 12px; } .search-provider-icon .list-search-provider-content .list-search-provider-details { width: 120px; color: #eeeeec; } .list-search-results { spacing: 6px; } .list-search-result .list-search-result-content { spacing: 6px; } .list-search-result .list-search-result-title { spacing: 12px; } .list-search-result .list-search-result-description { color: #868685; } /* Dash */ #dash { margin-top: 12px; } #dash .placeholder { background-image: none; background-size: contain; height: 32px; } #dash .empty-dash-drop-target { width: 32px; height: 32px; } #dash .app-well-app-running-dot { margin-bottom: 13px; background-color: #308280; } .dash-background { background-color: #1d1d1d; border-radius: 24px; padding: 12px; border: 1px solid #464646; spacing: 6px; margin-bottom: 12px; } .dash-item-container > * { margin: 0 2px; } .dash-item-container:ltr:first-child { margin-left: 0; } .dash-item-container:rtl:first-child { margin-right: 0; } .dash-item-container .app-well-app .overview-icon, .dash-item-container .grid-search-result .overview-icon { padding: 6px; } .dash-item-container .show-apps .overview-icon { background-color: transparent; } .dash-item-container .show-apps:hover .overview-icon { background-color: rgba(238, 238, 236, 0.1); } .dash-item-container .show-apps:selected .overview-icon, .dash-item-container .show-apps:focus .overview-icon { background-color: rgba(238, 238, 236, 0.13); } .dash-item-container .show-apps:selected .overview-icon:hover .overview-icon, .dash-item-container .show-apps:focus .overview-icon:hover .overview-icon { background-color: rgba(238, 238, 236, 0.16); } .dash-item-container .show-apps:selected .overview-icon:active .overview-icon, .dash-item-container .show-apps:focus .overview-icon:active .overview-icon { background-color: rgba(238, 238, 236, 0.13); } .dash-item-container .show-apps:active .overview-icon { background-color: rgba(238, 238, 236, 0.16); } .dash-item-container .show-apps:outlined .overview-icon, .dash-item-container .show-apps:checked .overview-icon { background-color: rgba(238, 238, 236, 0.19); } .dash-item-container .show-apps:outlined .overview-icon:active .overview-icon, .dash-item-container .show-apps:checked .overview-icon:active .overview-icon { background-color: rgba(238, 238, 236, 0.22); } .dash-item-container .show-apps:outlined .overview-icon:hover .overview-icon, .dash-item-container .show-apps:checked .overview-icon:hover .overview-icon { background-color: rgba(238, 238, 236, 0.25); } .dash-item-container .show-apps:drop .overview-icon { border: 2px solid rgba(48, 130, 128, 0.8); background-color: rgba(48, 130, 128, 0.2); } .dash-item-container .show-apps:focus .overview-icon, .dash-item-container .show-apps:active .overview-icon, .dash-item-container .show-apps:checked .overview-icon { background-color: rgba(238, 238, 236, 0.2); } .dash-item-container .show-apps, .dash-item-container .app-well-app, .dash-item-container .grid-search-result { padding-bottom: 12px; } .dash-separator { width: 1px; margin: 0 4px; background-color: #464646; margin-bottom: 12px; } .dash-label { color: #eeeeec; background-color: rgba(29, 29, 29, 0.975); border-radius: 99px; padding: 6px 12px; text-align: center; -y-offset: 8px; border: 1px solid #464646; } /* App Grid */ .icon-grid { row-spacing: 12px; column-spacing: 12px; max-row-spacing: 42px; max-column-spacing: 42px; page-padding-top: 24px; page-padding-bottom: 24px; page-padding-left: 18px; page-padding-right: 18px; } /* App Icons */ .app-well-app .overview-icon, .grid-search-result .overview-icon { background-color: transparent; } .app-well-app:hover .overview-icon, .grid-search-result:hover .overview-icon { background-color: rgba(238, 238, 236, 0.1); } .app-well-app:selected .overview-icon, .grid-search-result:selected .overview-icon, .app-well-app:focus .overview-icon, .grid-search-result:focus .overview-icon { background-color: rgba(238, 238, 236, 0.13); } .app-well-app:selected .overview-icon:hover .overview-icon, .grid-search-result:selected .overview-icon:hover .overview-icon, .app-well-app:focus .overview-icon:hover .overview-icon, .grid-search-result:focus .overview-icon:hover .overview-icon { background-color: rgba(238, 238, 236, 0.16); } .app-well-app:selected .overview-icon:active .overview-icon, .grid-search-result:selected .overview-icon:active .overview-icon, .app-well-app:focus .overview-icon:active .overview-icon, .grid-search-result:focus .overview-icon:active .overview-icon { background-color: rgba(238, 238, 236, 0.13); } .app-well-app:active .overview-icon, .grid-search-result:active .overview-icon { background-color: rgba(238, 238, 236, 0.16); } .app-well-app:outlined .overview-icon, .grid-search-result:outlined .overview-icon, .app-well-app:checked .overview-icon, .grid-search-result:checked .overview-icon { background-color: rgba(238, 238, 236, 0.19); } .app-well-app:outlined .overview-icon:active .overview-icon, .grid-search-result:outlined .overview-icon:active .overview-icon, .app-well-app:checked .overview-icon:active .overview-icon, .grid-search-result:checked .overview-icon:active .overview-icon { background-color: rgba(238, 238, 236, 0.22); } .app-well-app:outlined .overview-icon:hover .overview-icon, .grid-search-result:outlined .overview-icon:hover .overview-icon, .app-well-app:checked .overview-icon:hover .overview-icon, .grid-search-result:checked .overview-icon:hover .overview-icon { background-color: rgba(238, 238, 236, 0.25); } .app-well-app:drop .overview-icon, .grid-search-result:drop .overview-icon { border: 2px solid rgba(48, 130, 128, 0.8); background-color: rgba(48, 130, 128, 0.2); } .app-well-app:focus .overview-icon, .grid-search-result:focus .overview-icon, .app-well-app:active .overview-icon, .grid-search-result:active .overview-icon, .app-well-app:checked .overview-icon, .grid-search-result:checked .overview-icon { background-color: rgba(238, 238, 236, 0.2); } .app-well-app .overview-icon, .grid-search-result .overview-icon { padding: 12px; } .app-well-app .overview-icon.overview-icon-with-label > StBoxLayout, .grid-search-result .overview-icon.overview-icon-with-label > StBoxLayout { spacing: 6px; } .app-well-app.app-folder .overview-icon, .app-folder.grid-search-result .overview-icon { background-color: rgba(238, 238, 236, 0.05); } .app-well-app.app-folder:hover .overview-icon, .app-folder.grid-search-result:hover .overview-icon { background-color: rgba(238, 238, 236, 0.1); } .app-well-app.app-folder:selected .overview-icon, .app-folder.grid-search-result:selected .overview-icon, .app-well-app.app-folder:focus .overview-icon, .app-folder.grid-search-result:focus .overview-icon { background-color: rgba(238, 238, 236, 0.13); } .app-well-app.app-folder:selected .overview-icon:hover .overview-icon, .app-folder.grid-search-result:selected .overview-icon:hover .overview-icon, .app-well-app.app-folder:focus .overview-icon:hover .overview-icon, .app-folder.grid-search-result:focus .overview-icon:hover .overview-icon { background-color: rgba(238, 238, 236, 0.16); } .app-well-app.app-folder:selected .overview-icon:active .overview-icon, .app-folder.grid-search-result:selected .overview-icon:active .overview-icon, .app-well-app.app-folder:focus .overview-icon:active .overview-icon, .app-folder.grid-search-result:focus .overview-icon:active .overview-icon { background-color: rgba(238, 238, 236, 0.13); } .app-well-app.app-folder:active .overview-icon, .app-folder.grid-search-result:active .overview-icon { background-color: rgba(238, 238, 236, 0.16); } .app-well-app.app-folder:outlined .overview-icon, .app-folder.grid-search-result:outlined .overview-icon, .app-well-app.app-folder:checked .overview-icon, .app-folder.grid-search-result:checked .overview-icon { background-color: rgba(238, 238, 236, 0.19); } .app-well-app.app-folder:outlined .overview-icon:active .overview-icon, .app-folder.grid-search-result:outlined .overview-icon:active .overview-icon, .app-well-app.app-folder:checked .overview-icon:active .overview-icon, .app-folder.grid-search-result:checked .overview-icon:active .overview-icon { background-color: rgba(238, 238, 236, 0.22); } .app-well-app.app-folder:outlined .overview-icon:hover .overview-icon, .app-folder.grid-search-result:outlined .overview-icon:hover .overview-icon, .app-well-app.app-folder:checked .overview-icon:hover .overview-icon, .app-folder.grid-search-result:checked .overview-icon:hover .overview-icon { background-color: rgba(238, 238, 236, 0.25); } .app-well-app.app-folder:drop .overview-icon, .app-folder.grid-search-result:drop .overview-icon { border: 2px solid rgba(48, 130, 128, 0.8); background-color: rgba(48, 130, 128, 0.2); } .app-well-app.app-folder:focus .overview-icon, .app-folder.grid-search-result:focus .overview-icon, .app-well-app.app-folder:active .overview-icon, .app-folder.grid-search-result:active .overview-icon, .app-well-app.app-folder:checked .overview-icon, .app-folder.grid-search-result:checked .overview-icon { background-color: rgba(238, 238, 236, 0.2); } .app-folder-dialog { border-radius: 24px; background-color: #1d1d1d; border: 1px solid #464646; } .app-folder-dialog .folder-name-container { padding: 24px 36px 0; spacing: 12px; /* FIXME: this is to keep the label in sync with the entry */ } .app-folder-dialog .folder-name-container .folder-name-label, .app-folder-dialog .folder-name-container .folder-name-entry { color: #eeeeec; } .app-folder-dialog .folder-name-container .folder-name-entry { width: 300px; background-color: rgba(39, 39, 39, 0.975); border-color: rgba(255, 255, 255, 0.16); } .app-folder-dialog .folder-name-container .folder-name-label { padding: 5px 7px; color: #eeeeec; } .app-folder-dialog .folder-name-container .edit-folder-button { padding: 0; width: 36px; height: 36px; border-radius: 99px; } .app-folder-dialog .folder-name-container .edit-folder-button > StIcon { icon-size: 1.09em; } .app-folder-dialog .icon-grid { row-spacing: 12px; column-spacing: 30px; page-padding-top: 0; page-padding-bottom: 0; page-padding-left: 0; page-padding-right: 0; } .app-folder-dialog .page-indicators { margin-bottom: 18px; } .app-folder-dialog-container { padding: 12px; width: 640px; height: 640px; } .app-well-app-running-dot { height: 5px; width: 5px; border-radius: 5px; margin-bottom: 8px; background-color: #308280; } .rename-folder-popup .rename-folder-popup-item { spacing: 6px; } .rename-folder-popup .rename-folder-popup-item:ltr, .rename-folder-popup .rename-folder-popup-item:rtl { padding: 0 12px; } .page-indicator { padding: 6px 12px 0; } .page-indicator .page-indicator-icon { width: 10px; height: 10px; border-radius: 10px; background-color: white; } .apps-scroll-view { padding: 0; } .system-action-icon { background-color: rgba(0, 0, 0, 0.8); color: #fff; border-radius: 99px; icon-size: 48px; } .page-navigation-hint { width: 300px; } .page-navigation-hint.dnd { background: rgba(255, 255, 255, 0.1); } .page-navigation-hint.next:ltr, .page-navigation-hint.previous:rtl { background-gradient-start: rgba(255, 255, 255, 0.05); background-gradient-end: transparent; background-gradient-direction: horizontal; border-radius: 18px 0px 0px 18px; } .page-navigation-hint.previous:ltr, .page-navigation-hint.next:rtl { background-gradient-start: transparent; background-gradient-end: rgba(255, 255, 255, 0.05); background-gradient-direction: horizontal; border-radius: 0px 18px 18px 0px; } .page-navigation-arrow { margin: 6px; width: 24px; height: 24px; color: #eeeeec; } /* Workspace pager */ .workspace-thumbnails { visible-width: 32px; spacing: 6px; padding: 6px; border-color: transparent; } .workspace-thumbnails .workspace-thumbnail { border-radius: 3px; background-color: #1d1d1d; border: 1px solid #464646; } .workspace-thumbnails .placeholder { background-image: url("resource:///org/gnome/shell/theme/workspace-placeholder.svg"); background-size: contain; width: 18px; } .workspace-thumbnail-indicator { border: 2px solid #43b6b3; border-radius: 3px; padding: 0px; } .ripple-pointer-location { width: 50px; height: 50px; border-radius: 25px; background-color: rgba(124, 207, 205, 0.3); box-shadow: 0 0 2px 2px #57c1be; } .pie-timer { width: 60px; height: 60px; -pie-border-width: 3px; -pie-border-color: #308280; -pie-background-color: rgba(162, 220, 219, 0.3); } .magnifier-zoom-region { border: 2px solid #308280; } .magnifier-zoom-region.full-screen { border-width: 0; } .select-area-rubberband { background-color: rgba(135, 135, 135, 0.2); border: 1px solid rgba(204, 204, 204, 0.8); } .user-icon { /* Yaru: See commit 3d4aca768250 */ background-size: contain; color: #3D3D3D; border-radius: 99px; icon-size: 4.36em; } .user-icon:hover { color: #8a8a8a; } .user-icon StIcon { background-color: rgba(61, 61, 61, 0.05); border-radius: 99px; padding: 12px; width: 2.725em; height: 2.725em; } .user-icon.user-avatar { border: 2px #eeeeec; } .user-widget.vertical .user-icon { icon-size: 6.54em; } .user-widget.vertical .user-icon StIcon { padding: 20px; padding-top: 18px; padding-bottom: 22px; width: 5.995em; height: 5.995em; /* Yaru: See commit 3d4aca768250 */ } .lightbox { background-color: black; } .flashspot { background-color: white; } .hidden { color: rgba(0, 0, 0, 0); } .caps-lock-warning-label { text-align: center; padding-bottom: 8px; color: #f99b11; } /* Workspace animation */ .workspace-animation { background-color: #222222; } /* Tiled window previews */ .tile-preview { background-color: rgba(48, 130, 128, 0.5); border: 1px solid #308280; } /* On-screen Keyboard */ #keyboard { background-color: rgba(237, 237, 237, 0.9); } #keyboard .page-indicator { padding: 6px; } #keyboard .page-indicator .page-indicator-icon { width: 8px; height: 8px; } .key-container { padding: 4px; spacing: 4px; } .keyboard-key { font-size: 16pt; font-weight: bold; min-height: 1.2em; min-width: 1.2em; border-width: 1px; border-style: solid; border-radius: 10px; box-shadow: 0 1px 0 0 rgba(0, 0, 0, 0.1); color: #3D3D3D; background-color: white; } .keyboard-key:focus { color: #3D3D3D; background-color: #eaf3f2; box-shadow: inset 0 0 0 2px rgba(48, 130, 128, 0.6); } .keyboard-key:focus:hover { background-color: #eaf3f2; box-shadow: inset 0 0 0 2px rgba(48, 130, 128, 0.7); } .keyboard-key:focus:active { background-color: #eaf3f2; box-shadow: inset 0 0 0 2px rgba(48, 130, 128, 0.7); } .keyboard-key:hover { color: #3D3D3D; background-color: #fafafa; } .keyboard-key:active { color: #3D3D3D; background-color: #f2f2f2; } .keyboard-key:checked { color: #3D3D3D; background-color: #ebebeb; } .keyboard-key:grayed { background-color: #f2f2f2; color: #3D3D3D; border-color: rgba(0, 0, 0, 0.7); } .keyboard-key.default-key { color: #3D3D3D; background-color: white; border-radius: 10px; } .keyboard-key.default-key:hover { color: #3D3D3D; background-color: #fafafa; } .keyboard-key.default-key:active { color: #3D3D3D; background-color: #f2f2f2; } .keyboard-key.default-key:checked { color: #3D3D3D; background-color: #ebebeb; } .keyboard-key.enter-key { color: #FFFFFF; background-color: #12a929; border-radius: 10px; color: #eeeeec; } .keyboard-key.enter-key:hover { color: #FFFFFF; background-color: #11a027; } .keyboard-key.enter-key:active { color: #FFFFFF; background-color: #0f9223; } .keyboard-key.enter-key:checked { color: #FFFFFF; background-color: #0e8420; } .keyboard-key.shift-key-uppercase { background-color: #dedede; color: #3D3D3D; } .keyboard-key.shift-key-uppercase:hover { background-color: #d6d6d6; } .keyboard-key StIcon { icon-size: 24px; } .keyboard-subkeys { -arrow-border-radius: 12px; -arrow-background-color: rgba(237, 237, 237, 0.9); -arrow-border-width: 1px; -arrow-border-color: #c7c7c7; -arrow-base: 20px; -arrow-rise: 10px; -boxpointer-gap: 6px; padding: 6px; } .keyboard-subkeys .keyboard-key { color: #3D3D3D; background-color: white; border-radius: 10px; } .keyboard-subkeys .keyboard-key:focus { color: #3D3D3D; background-color: #eaf3f2; box-shadow: inset 0 0 0 2px rgba(48, 130, 128, 0.6); } .keyboard-subkeys .keyboard-key:focus:hover { background-color: #eaf3f2; box-shadow: inset 0 0 0 2px rgba(48, 130, 128, 0.7); } .keyboard-subkeys .keyboard-key:focus:active { background-color: #eaf3f2; box-shadow: inset 0 0 0 2px rgba(48, 130, 128, 0.7); } .keyboard-subkeys .keyboard-key:hover { color: #3D3D3D; background-color: #fafafa; } .keyboard-subkeys .keyboard-key:active { color: #3D3D3D; background-color: #f2f2f2; } .keyboard-subkeys .keyboard-key:checked { color: #3D3D3D; background-color: #ebebeb; } .emoji-page .keyboard-key { background-color: transparent; border: none; color: initial; } .emoji-panel .keyboard-key:latched { border-color: #379592; background-color: #308280; } .word-suggestions { font-size: 14pt; spacing: 12px; min-height: 20pt; padding: 12px; color: #3D3D3D; } .word-suggestions StButton { margin: 0 3px; min-width: 32px; border-radius: 4px; padding: 6px 18px; background-color: transparent; background-image: none; } .word-suggestions StButton:focus { color: #3D3D3D; background-color: #eaf3f2; box-shadow: inset 0 0 0 2px rgba(48, 130, 128, 0.6); } .word-suggestions StButton:focus:hover { background-color: #eaf3f2; box-shadow: inset 0 0 0 2px rgba(48, 130, 128, 0.7); } .word-suggestions StButton:focus:active { background-color: #eaf3f2; box-shadow: inset 0 0 0 2px rgba(48, 130, 128, 0.7); } .word-suggestions StButton:hover { color: #3D3D3D; background-color: #fafafa; } .word-suggestions StButton:active { color: #3D3D3D; background-color: #f2f2f2; } .word-suggestions StButton:checked { color: #3D3D3D; background-color: #ebebeb; } /* Looking Glass */ #LookingGlassDialog { background-color: rgba(29, 29, 29, 0.975); border-radius: 0 0 12px 12px; border-top-width: 0; border: 1px solid rgba(255, 255, 255, 0.16); color: #eeeeec; padding: 6px; spacing: 6px; box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.1); } #LookingGlassDialog > #Toolbar { border: none; padding: 6px; border-radius: 0; background-color: transparent; spacing: 6px; } #LookingGlassDialog > #Toolbar .lg-toolbar-button { padding: 6px 12px; } #LookingGlassDialog > #Toolbar .lg-toolbar-button > StIcon { icon-size: 1.09em; } #LookingGlassDialog .labels { spacing: 6px; } #LookingGlassDialog .notebook-tab { -natural-hpadding: 12px; -minimum-hpadding: 12px; font-weight: bold; padding: 6px 12px; color: #cacac4; transition-duration: 100ms; box-shadow: none; border: none; border-radius: 4px; background-color: transparent; } #LookingGlassDialog .notebook-tab:hover { color: #eeeeec; background-color: rgba(238, 238, 236, 0.05); } #LookingGlassDialog .notebook-tab:selected { color: #eeeeec; background-color: rgba(238, 238, 236, 0.1); } #LookingGlassDialog StBoxLayout#EvalBox { padding: 4px; spacing: 6px; padding: 6px; } #LookingGlassDialog StBoxLayout#ResultsArea { spacing: 6px; padding: 6px; } .lg-dialog { color: #eeeeec; } .lg-dialog StEntry { background-color: rgba(42, 42, 42, 0.575); color: #eeeeec; border-color: rgba(238, 238, 236, 0.2); min-height: 22px; selection-background-color: #308280; selected-color: #FFFFFF; } .lg-dialog StEntry, .lg-dialog StEntry:focus { box-shadow: none; } .lg-dialog .shell-link { color: #225d5b; } .lg-dialog .shell-link:hover { color: #308280; } .lg-dialog .shell-link:active { color: #143837; } .lg-dialog .actor-link { color: #9c9c9c; } .lg-dialog .actor-link:hover { color: #cfcfcf; } .lg-dialog .actor-link:active { color: dimgray; } .lg-completions-text { font-style: italic; color: #eeeeec; } .lg-obj-inspector-title { spacing: 6px; color: #eeeeec; } .lg-obj-inspector-button { border: 1px solid rgba(0, 0, 0, 0.7); padding: 4px; border-radius: 6px; color: #eeeeec; } .lg-obj-inspector-button:hover { border: 1px solid #ffffff; } #lookingGlassExtensions { padding: 6px; } .lg-extensions-list { padding: 6px; spacing: 6px; } .lg-extension { padding: 12px; border-radius: 6px; margin: 4px; box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.1); color: #3D3D3D; background-color: #ededed; } .lg-extension:focus { color: #3D3D3D; background-color: #ededed; box-shadow: inset 0 0 0 2px #43b6b3; } .lg-extension:focus:hover { background-color: #e5e5e5; box-shadow: inset 0 0 0 2px #43b6b3; } .lg-extension:focus:active { background-color: #dedede; box-shadow: inset 0 0 0 2px #43b6b3; } .lg-extension:hover { color: #3D3D3D; background-color: #e5e5e5; } .lg-extension:active { color: #3D3D3D; background-color: #dedede; } .lg-extension-meta { spacing: 6px; } #LookingGlassPropertyInspector { background: rgba(29, 29, 29, 0.975); border: 1px solid rgba(0, 0, 0, 0.7); border-radius: 6px; padding: 6px; } .lg-debug-flag-button { color: #3D3D3D; } .lg-debug-flag-button StLabel { padding: 6px, 12px; } .lg-debug-flag-button:hover { color: #707070; } .lg-debug-flag-button:active { color: #0a0a0a; } .lg-debug-flags-header { padding-top: 12px; padding: 6px; } /* Login Dialog */ .login-dialog-banner-view { padding-top: 24px; max-width: 23em; } .login-dialog, .unlock-dialog { border: none; background-color: transparent; } .login-dialog .modal-dialog-button-box, .unlock-dialog .modal-dialog-button-box { spacing: 3px; } .login-dialog .modal-dialog-button, .unlock-dialog .modal-dialog-button { padding: 4px 18px; box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2); background-color: #ffffff; border-color: #c7c7c7; color: #3D3D3D; } .login-dialog .modal-dialog-button:hover, .unlock-dialog .modal-dialog-button:hover { background-color: #d9d9d9; } .login-dialog .modal-dialog-button:focus, .unlock-dialog .modal-dialog-button:focus { border-color: #43b6b3; box-shadow: inset 0 0 0 1px #43b6b3; } .login-dialog .modal-dialog-button:active, .unlock-dialog .modal-dialog-button:active { box-shadow: none; background-color: #bfbfbf; color: rgba(238, 238, 236, 0.7); } .login-dialog .modal-dialog-button:default, .unlock-dialog .modal-dialog-button:default { background-color: #308280; color: #FFFFFF; } .login-dialog .modal-dialog-button:default:focus, .unlock-dialog .modal-dialog-button:default:focus { box-shadow: inset 0 0 0 2px rgba(48, 130, 128, 0.6); } .login-dialog .modal-dialog-button:default:hover, .login-dialog .modal-dialog-button:default:focus, .unlock-dialog .modal-dialog-button:default:hover, .unlock-dialog .modal-dialog-button:default:focus { background-color: #379592; color: white; } .login-dialog .modal-dialog-button:default:active, .unlock-dialog .modal-dialog-button:default:active { background-color: #266866; color: #ededed; } .login-dialog .modal-dialog-button:default:insensitive, .unlock-dialog .modal-dialog-button:default:insensitive { color: rgba(61, 61, 61, 0.5); background-color: rgba(61, 61, 61, 0.05); background-color: rgba(48, 130, 128, 0.5); color: rgba(255, 255, 255, 0.5); } .login-dialog .cancel-button, .login-dialog .switch-user-button, .login-dialog .login-dialog-session-list-button, .unlock-dialog .cancel-button, .unlock-dialog .switch-user-button, .unlock-dialog .login-dialog-session-list-button { padding: 0; border-radius: 99px; width: 2.18em; height: 2.18em; } .login-dialog .cancel-button StIcon, .login-dialog .switch-user-button StIcon, .login-dialog .login-dialog-session-list-button StIcon, .unlock-dialog .cancel-button StIcon, .unlock-dialog .switch-user-button StIcon, .unlock-dialog .login-dialog-session-list-button StIcon { icon-size: 1.09em; } .login-dialog .caps-lock-warning-label, .login-dialog .login-dialog-message, .unlock-dialog .caps-lock-warning-label, .unlock-dialog .login-dialog-message { color: #eeeeec; } .login-dialog-logo-bin { padding: 24px 0px; } .login-dialog-banner { color: #d6d6d1; } .login-dialog-button-box { width: 23em; spacing: 5px; } .login-dialog-message { text-align: center; } .login-dialog-user-selection-box { padding: 100px 0px; } .login-dialog-not-listed-label { padding-left: 2px; } .login-dialog-not-listed-button:focus .login-dialog-not-listed-label, .login-dialog-not-listed-button:hover .login-dialog-not-listed-label { color: #eeeeec; } .login-dialog-not-listed-label { font-weight: bold; color: #a6a69b; padding-top: 1em; } .login-dialog-auth-list-view { -st-vfade-offset: 1em; } .login-dialog-auth-list { spacing: 6px; margin-left: 2em; } .login-dialog-auth-list-title { margin-left: 2em; } .login-dialog-auth-list-item { border-radius: 10px; padding: 6px; color: #a6a69b; } .login-dialog-auth-list-item:focus, .login-dialog-auth-list-item:selected { background-color: #308280; color: #FFFFFF; } .login-dialog-auth-list-label { font-size: 13pt; font-weight: bold; padding-left: 15px; } .login-dialog-auth-list-label:ltr { padding-left: 14px; text-align: left; } .login-dialog-auth-list-label:rtl { padding-right: 14px; text-align: right; } .login-dialog-user-list-view { -st-vfade-offset: 1em; } .login-dialog-user-list { spacing: 12px; width: 23em; } .login-dialog-user-list:expanded .login-dialog-user-list-item:selected { background-color: rgba(255, 255, 255, 0.1); color: #FFFFFF; } .login-dialog-user-list:expanded .login-dialog-user-list-item:logged-in { border-right: 2px solid rgba(255, 255, 255, 0.1); } .login-dialog-user-list-item { border-radius: 10px; padding: 6px; color: #a6a69b; } .login-dialog-user-list-item:ltr .user-widget { padding-right: 1em; } .login-dialog-user-list-item:rtl .user-widget { padding-left: 1em; } .login-dialog-user-list-item .login-dialog-timed-login-indicator { height: 2px; margin-top: 6px; background-color: #eeeeec; } .login-dialog-user-list-item:focus .login-dialog-timed-login-indicator { background-color: #FFFFFF; } .user-widget-label { color: #eeeeec; } .user-widget.horizontal .user-widget-label { font-size: 13pt; font-weight: bold; padding-left: 15px; } .user-widget.horizontal .user-widget-label:ltr { padding-left: 14px; text-align: left; } .user-widget.horizontal .user-widget-label:rtl { padding-right: 14px; text-align: right; } .user-widget.vertical .user-widget-label { font-size: 16pt; text-align: center; font-weight: normal; padding-top: 16px; } .login-dialog-timed-login-indicator { height: 2px; background-color: black; } .login-dialog-prompt-layout { padding-top: 24px; padding-bottom: 12px; spacing: 12px; width: 23em; } .login-dialog-prompt-entry { height: 1.5em; } .login-dialog-prompt-label { color: #bebeb6; font-size: 12pt; padding-top: 1em; } .unlock-dialog StEntry { border: none !important; } .unlock-dialog StEntry, .unlock-dialog StEntry:focus { color: #F7F7F7; background-color: rgba(247, 247, 247, 0.1); box-shadow: none; } .unlock-dialog StEntry:insensitive { color: rgba(247, 247, 247, 0.5); background-color: rgba(247, 247, 247, 0.05); } .unlock-dialog StEntry StLabel.hint-text { color: rgba(247, 247, 247, 0.7); } .unlock-dialog .user-icon { background-color: rgba(247, 247, 247, 0.1); color: #F7F7F7; } .unlock-dialog .cancel-button, .unlock-dialog .switch-user-button, .unlock-dialog .login-dialog-session-list-button { border-color: transparent; background-color: rgba(247, 247, 247, 0.1); box-shadow: none; } .unlock-dialog .cancel-button, .unlock-dialog .cancel-button:hover, .unlock-dialog .cancel-button:focus, .unlock-dialog .cancel-button:active, .unlock-dialog .switch-user-button, .unlock-dialog .switch-user-button:hover, .unlock-dialog .switch-user-button:focus, .unlock-dialog .switch-user-button:active, .unlock-dialog .login-dialog-session-list-button, .unlock-dialog .login-dialog-session-list-button:hover, .unlock-dialog .login-dialog-session-list-button:focus, .unlock-dialog .login-dialog-session-list-button:active { color: #F7F7F7; } .unlock-dialog .cancel-button:hover, .unlock-dialog .cancel-button:focus, .unlock-dialog .switch-user-button:hover, .unlock-dialog .switch-user-button:focus, .unlock-dialog .login-dialog-session-list-button:hover, .unlock-dialog .login-dialog-session-list-button:focus { background-color: rgba(247, 247, 247, 0.15); } .unlock-dialog .cancel-button:active, .unlock-dialog .switch-user-button:active, .unlock-dialog .login-dialog-session-list-button:active { background-color: rgba(247, 247, 247, 0.2); } /* Screen Shield */ .unlock-dialog-clock { color: white; font-weight: 300; text-align: center; spacing: 24px; padding-bottom: 2.5em; } .unlock-dialog-clock-time { font-size: 64pt; padding-top: 42px; } .unlock-dialog-clock-date { font-size: 16pt; font-weight: normal; } .unlock-dialog-clock-hint { font-weight: normal; padding-top: 48px; } .unlock-dialog-notifications-container { margin: 12px; spacing: 6px; width: 23em; background-color: transparent; } .unlock-dialog-notifications-container .summary-notification-stack-scrollview { padding-top: 0; padding-bottom: 0; } .unlock-dialog-notifications-container .notification, .unlock-dialog-notifications-container .unlock-dialog-notification-source { padding: 12px 16px; border: none; background-color: rgba(238, 238, 236, 0.1); color: #eeeeec; border-radius: 12px; } .unlock-dialog-notifications-container .notification.critical, .unlock-dialog-notifications-container .unlock-dialog-notification-source.critical { background-color: rgba(238, 238, 236, 0.2); } .unlock-dialog-notification-label { padding: 0 0 0 12px; } .unlock-dialog-notification-count-text { font-weight: bold; padding: 0 12px; color: #eeeeec; background-color: rgba(238, 238, 236, 0.1); border-radius: 99px; } .screen-shield-background { background: black; box-shadow: 0 2px 4px rgba(0, 0, 0, 0.6); } #lockDialogGroup { background-color: #222222; } #unlockDialogNotifications StButton#vhandle, #unlockDialogNotifications StButton#hhandle { background-color: rgba(250, 250, 250, 0.3); } #unlockDialogNotifications StButton#vhandle:hover, #unlockDialogNotifications StButton#vhandle:focus, #unlockDialogNotifications StButton#hhandle:hover, #unlockDialogNotifications StButton#hhandle:focus { background-color: rgba(250, 250, 250, 0.5); } #unlockDialogNotifications StButton#vhandle:active, #unlockDialogNotifications StButton#hhandle:active { background-color: rgba(48, 130, 128, 0.5); } * { font-weight: normal !important; text-shadow: none !important; } .file-item { border-radius: 6px; } /* Default Ubuntu Dock styling, append !important to any changed rules This must be in sync with - https://github.com/micheleg/dash-to-dock/blob/ubuntu-dock/_stylesheet.scss */ #dashtodockContainer.bottom #dash { margin: 0px; padding: 0px; } #dashtodockContainer.bottom #dash .dash-background { margin: 0; margin-bottom: 4px; padding: 0; border-radius: 18px; spacing: 6px; } #dashtodockContainer.bottom #dash .dash-separator { background-color: #c7c7c7; margin: 0 4px; width: 1px; height: 0; margin-bottom: 4px; } #dashtodockContainer.bottom #dash #dashtodockDashContainer { padding: 10px; padding-bottom: 0; padding-top: 0; } #dashtodockContainer.bottom #dash .dash-item-container { /* Disable all margins defined upstream, we handle them here */ margin: 0 2px; } #dashtodockContainer.bottom #dash .dash-item-container > * { margin: 0; } #dashtodockContainer.bottom #dash .dash-item-container:ltr:first-child, #dashtodockContainer.bottom #dash .dash-item-container:rtl:last-child { margin-left: 0; } #dashtodockContainer.bottom #dash .dash-item-container:ltr:last-child, #dashtodockContainer.bottom #dash .dash-item-container:rtl:first-child { margin-right: 0; } #dashtodockContainer.bottom #dash .dash-item-container .app-well-app, #dashtodockContainer.bottom #dash .dash-item-container .grid-search-result, #dashtodockContainer.bottom #dash .dash-item-container .show-apps { padding: 2px 2px; padding-bottom: 14px; padding-top: 10px; } #dashtodockContainer.bottom #dash .dash-item-container .app-well-app:ltr:first-child, #dashtodockContainer.bottom #dash .dash-item-container .grid-search-result:ltr:first-child, #dashtodockContainer.bottom #dash .dash-item-container .app-well-app:rtl:last-child, #dashtodockContainer.bottom #dash .dash-item-container .grid-search-result:rtl:last-child, #dashtodockContainer.bottom #dash .dash-item-container .show-apps:ltr:first-child, #dashtodockContainer.bottom #dash .dash-item-container .show-apps:rtl:last-child { padding-left: 0; } #dashtodockContainer.bottom #dash .dash-item-container .app-well-app:ltr:last-child, #dashtodockContainer.bottom #dash .dash-item-container .grid-search-result:ltr:last-child, #dashtodockContainer.bottom #dash .dash-item-container .app-well-app:rtl:first-child, #dashtodockContainer.bottom #dash .dash-item-container .grid-search-result:rtl:first-child, #dashtodockContainer.bottom #dash .dash-item-container .show-apps:ltr:last-child, #dashtodockContainer.bottom #dash .dash-item-container .show-apps:rtl:first-child { padding-right: 0; } #dashtodockContainer.bottom #dash .dash-item-container .app-well-app.running .overview-icon, #dashtodockContainer.bottom #dash .dash-item-container .running.grid-search-result .overview-icon { background-image: none; } #dashtodockContainer.bottom #dash .dash-item-container .app-well-app.focused .overview-icon, #dashtodockContainer.bottom #dash .dash-item-container .focused.grid-search-result .overview-icon { background-color: rgba(238, 238, 236, 0.2); } #dashtodockContainer.bottom #dash .dash-item-container .app-well-app .app-well-app-running-dot, #dashtodockContainer.bottom #dash .dash-item-container .grid-search-result .app-well-app-running-dot { margin-bottom: 2px; } #dashtodockContainer.bottom #dash .dash-item-container > StButton { transition-duration: 250; background-size: contain; } #dashtodockContainer.bottom.fixed #dash .dash-background { margin-top: 4px; } #dashtodockContainer.bottom.fixed #dash .dash-item-container .app-well-app, #dashtodockContainer.bottom.fixed #dash .dash-item-container .grid-search-result, #dashtodockContainer.bottom.fixed #dash .dash-item-container .show-apps { padding-top: 14px; } .dash-label.bottom { margin-bottom: 10px; -x-offset: 0; -y-offset: 0; } #dashtodockContainer.bottom.shrink #dash { margin: 0px; padding: 0px; } #dashtodockContainer.bottom.shrink #dash .dash-background { margin: 0; margin-bottom: 4px; padding: 0; border-radius: 14px; spacing: 2px; } #dashtodockContainer.bottom.shrink #dash .dash-separator { background-color: #c7c7c7; margin: 0 1px; width: 1px; height: 0; margin-bottom: 4px; } #dashtodockContainer.bottom.shrink #dash #dashtodockDashContainer { padding: 3px; padding-bottom: 0; padding-top: 0; } #dashtodockContainer.bottom.shrink #dash .dash-item-container { /* Disable all margins defined upstream, we handle them here */ margin: 0 2px; } #dashtodockContainer.bottom.shrink #dash .dash-item-container > * { margin: 0; } #dashtodockContainer.bottom.shrink #dash .dash-item-container:ltr:first-child, #dashtodockContainer.bottom.shrink #dash .dash-item-container:rtl:last-child { margin-left: 0; } #dashtodockContainer.bottom.shrink #dash .dash-item-container:ltr:last-child, #dashtodockContainer.bottom.shrink #dash .dash-item-container:rtl:first-child { margin-right: 0; } #dashtodockContainer.bottom.shrink #dash .dash-item-container .app-well-app, #dashtodockContainer.bottom.shrink #dash .dash-item-container .grid-search-result, #dashtodockContainer.bottom.shrink #dash .dash-item-container .show-apps { padding: 1px 1px; padding-bottom: 7px; padding-top: 3px; } #dashtodockContainer.bottom.shrink #dash .dash-item-container .app-well-app:ltr:first-child, #dashtodockContainer.bottom.shrink #dash .dash-item-container .grid-search-result:ltr:first-child, #dashtodockContainer.bottom.shrink #dash .dash-item-container .app-well-app:rtl:last-child, #dashtodockContainer.bottom.shrink #dash .dash-item-container .grid-search-result:rtl:last-child, #dashtodockContainer.bottom.shrink #dash .dash-item-container .show-apps:ltr:first-child, #dashtodockContainer.bottom.shrink #dash .dash-item-container .show-apps:rtl:last-child { padding-left: 0; } #dashtodockContainer.bottom.shrink #dash .dash-item-container .app-well-app:ltr:last-child, #dashtodockContainer.bottom.shrink #dash .dash-item-container .grid-search-result:ltr:last-child, #dashtodockContainer.bottom.shrink #dash .dash-item-container .app-well-app:rtl:first-child, #dashtodockContainer.bottom.shrink #dash .dash-item-container .grid-search-result:rtl:first-child, #dashtodockContainer.bottom.shrink #dash .dash-item-container .show-apps:ltr:last-child, #dashtodockContainer.bottom.shrink #dash .dash-item-container .show-apps:rtl:first-child { padding-right: 0; } #dashtodockContainer.bottom.shrink #dash .dash-item-container .app-well-app.running .overview-icon, #dashtodockContainer.bottom.shrink #dash .dash-item-container .running.grid-search-result .overview-icon { background-image: none; } #dashtodockContainer.bottom.shrink #dash .dash-item-container .app-well-app.focused .overview-icon, #dashtodockContainer.bottom.shrink #dash .dash-item-container .focused.grid-search-result .overview-icon { background-color: rgba(238, 238, 236, 0.2); } #dashtodockContainer.bottom.shrink #dash .dash-item-container .app-well-app .app-well-app-running-dot, #dashtodockContainer.bottom.shrink #dash .dash-item-container .grid-search-result .app-well-app-running-dot { margin-bottom: 2px; } #dashtodockContainer.bottom.shrink #dash .dash-item-container > StButton { transition-duration: 250; background-size: contain; } #dashtodockContainer.bottom.shrink.fixed #dash .dash-background { margin-top: 1px; } #dashtodockContainer.bottom.shrink.fixed #dash .dash-item-container .app-well-app, #dashtodockContainer.bottom.shrink.fixed #dash .dash-item-container .grid-search-result, #dashtodockContainer.bottom.shrink.fixed #dash .dash-item-container .show-apps { padding-top: 4px; } .dash-label.bottom.shrink { margin-bottom: 3px; -x-offset: 0; -y-offset: 0; } #dashtodockContainer.bottom.extended #dash { margin: 0px; padding: 0px; } #dashtodockContainer.bottom.extended #dash .dash-background { margin: 0; margin-bottom: 0; padding: 0; border-radius: 0; spacing: 6px; } #dashtodockContainer.bottom.extended #dash .dash-separator { background-color: #c7c7c7; margin: 0 4px; width: 1px; height: 0; margin-bottom: 0; } #dashtodockContainer.bottom.extended #dash #dashtodockDashContainer { padding: 0; padding-bottom: 0; padding-top: 0; } #dashtodockContainer.bottom.extended #dash #dashtodockDashContainer > :first-child .show-apps { padding-left: 8px; } #dashtodockContainer.bottom.extended #dash #dashtodockDashContainer #dashtodockDashScrollview:first-child { padding-left: 8px; } #dashtodockContainer.bottom.extended #dash #dashtodockDashContainer > :last-child .show-apps { padding-right: 8px; } #dashtodockContainer.bottom.extended #dash #dashtodockDashContainer #dashtodockDashScrollview:last-child { padding-right: 8px; } #dashtodockContainer.bottom.extended #dash .dash-item-container { /* Disable all margins defined upstream, we handle them here */ margin: 0 2px; } #dashtodockContainer.bottom.extended #dash .dash-item-container > * { margin: 0; } #dashtodockContainer.bottom.extended #dash .dash-item-container:ltr:first-child, #dashtodockContainer.bottom.extended #dash .dash-item-container:rtl:last-child { margin-left: 0; } #dashtodockContainer.bottom.extended #dash .dash-item-container:ltr:last-child, #dashtodockContainer.bottom.extended #dash .dash-item-container:rtl:first-child { margin-right: 0; } #dashtodockContainer.bottom.extended #dash .dash-item-container .app-well-app, #dashtodockContainer.bottom.extended #dash .dash-item-container .grid-search-result, #dashtodockContainer.bottom.extended #dash .dash-item-container .show-apps { padding: 2px 2px; padding-bottom: 10px; padding-top: 10px; } #dashtodockContainer.bottom.extended #dash .dash-item-container .app-well-app:ltr:first-child, #dashtodockContainer.bottom.extended #dash .dash-item-container .grid-search-result:ltr:first-child, #dashtodockContainer.bottom.extended #dash .dash-item-container .app-well-app:rtl:last-child, #dashtodockContainer.bottom.extended #dash .dash-item-container .grid-search-result:rtl:last-child, #dashtodockContainer.bottom.extended #dash .dash-item-container .show-apps:ltr:first-child, #dashtodockContainer.bottom.extended #dash .dash-item-container .show-apps:rtl:last-child { padding-left: 0; } #dashtodockContainer.bottom.extended #dash .dash-item-container .app-well-app:ltr:last-child, #dashtodockContainer.bottom.extended #dash .dash-item-container .grid-search-result:ltr:last-child, #dashtodockContainer.bottom.extended #dash .dash-item-container .app-well-app:rtl:first-child, #dashtodockContainer.bottom.extended #dash .dash-item-container .grid-search-result:rtl:first-child, #dashtodockContainer.bottom.extended #dash .dash-item-container .show-apps:ltr:last-child, #dashtodockContainer.bottom.extended #dash .dash-item-container .show-apps:rtl:first-child { padding-right: 0; } #dashtodockContainer.bottom.extended #dash .dash-item-container .app-well-app.running .overview-icon, #dashtodockContainer.bottom.extended #dash .dash-item-container .running.grid-search-result .overview-icon { background-image: none; } #dashtodockContainer.bottom.extended #dash .dash-item-container .app-well-app.focused .overview-icon, #dashtodockContainer.bottom.extended #dash .dash-item-container .focused.grid-search-result .overview-icon { background-color: rgba(238, 238, 236, 0.2); } #dashtodockContainer.bottom.extended #dash .dash-item-container .app-well-app .app-well-app-running-dot, #dashtodockContainer.bottom.extended #dash .dash-item-container .grid-search-result .app-well-app-running-dot { margin-bottom: 2px; } #dashtodockContainer.bottom.extended #dash .dash-item-container > StButton { transition-duration: 250; background-size: contain; } #dashtodockContainer.bottom.extended.fixed #dash .dash-background { margin-top: 0; } #dashtodockContainer.bottom.extended.fixed #dash .dash-item-container .app-well-app, #dashtodockContainer.bottom.extended.fixed #dash .dash-item-container .grid-search-result, #dashtodockContainer.bottom.extended.fixed #dash .dash-item-container .show-apps { padding-top: 10px; } .dash-label.bottom { margin-bottom: 10px; -x-offset: 0; -y-offset: 0; } #dashtodockContainer.bottom.extended.shrink #dash { margin: 0px; padding: 0px; } #dashtodockContainer.bottom.extended.shrink #dash .dash-background { margin: 0; margin-bottom: 0; padding: 0; border-radius: 0; spacing: 2px; } #dashtodockContainer.bottom.extended.shrink #dash .dash-separator { background-color: #c7c7c7; margin: 0 1px; width: 1px; height: 0; margin-bottom: 0; } #dashtodockContainer.bottom.extended.shrink #dash #dashtodockDashContainer { padding: 0; padding-bottom: 0; padding-top: 0; } #dashtodockContainer.bottom.extended.shrink #dash #dashtodockDashContainer > :first-child .show-apps { padding-left: 6px; } #dashtodockContainer.bottom.extended.shrink #dash #dashtodockDashContainer #dashtodockDashScrollview:first-child { padding-left: 6px; } #dashtodockContainer.bottom.extended.shrink #dash #dashtodockDashContainer > :last-child .show-apps { padding-right: 6px; } #dashtodockContainer.bottom.extended.shrink #dash #dashtodockDashContainer #dashtodockDashScrollview:last-child { padding-right: 6px; } #dashtodockContainer.bottom.extended.shrink #dash .dash-item-container { /* Disable all margins defined upstream, we handle them here */ margin: 0 2px; } #dashtodockContainer.bottom.extended.shrink #dash .dash-item-container > * { margin: 0; } #dashtodockContainer.bottom.extended.shrink #dash .dash-item-container:ltr:first-child, #dashtodockContainer.bottom.extended.shrink #dash .dash-item-container:rtl:last-child { margin-left: 0; } #dashtodockContainer.bottom.extended.shrink #dash .dash-item-container:ltr:last-child, #dashtodockContainer.bottom.extended.shrink #dash .dash-item-container:rtl:first-child { margin-right: 0; } #dashtodockContainer.bottom.extended.shrink #dash .dash-item-container .app-well-app, #dashtodockContainer.bottom.extended.shrink #dash .dash-item-container .grid-search-result, #dashtodockContainer.bottom.extended.shrink #dash .dash-item-container .show-apps { padding: 1px 1px; padding-bottom: 3px; padding-top: 3px; } #dashtodockContainer.bottom.extended.shrink #dash .dash-item-container .app-well-app:ltr:first-child, #dashtodockContainer.bottom.extended.shrink #dash .dash-item-container .grid-search-result:ltr:first-child, #dashtodockContainer.bottom.extended.shrink #dash .dash-item-container .app-well-app:rtl:last-child, #dashtodockContainer.bottom.extended.shrink #dash .dash-item-container .grid-search-result:rtl:last-child, #dashtodockContainer.bottom.extended.shrink #dash .dash-item-container .show-apps:ltr:first-child, #dashtodockContainer.bottom.extended.shrink #dash .dash-item-container .show-apps:rtl:last-child { padding-left: 0; } #dashtodockContainer.bottom.extended.shrink #dash .dash-item-container .app-well-app:ltr:last-child, #dashtodockContainer.bottom.extended.shrink #dash .dash-item-container .grid-search-result:ltr:last-child, #dashtodockContainer.bottom.extended.shrink #dash .dash-item-container .app-well-app:rtl:first-child, #dashtodockContainer.bottom.extended.shrink #dash .dash-item-container .grid-search-result:rtl:first-child, #dashtodockContainer.bottom.extended.shrink #dash .dash-item-container .show-apps:ltr:last-child, #dashtodockContainer.bottom.extended.shrink #dash .dash-item-container .show-apps:rtl:first-child { padding-right: 0; } #dashtodockContainer.bottom.extended.shrink #dash .dash-item-container .app-well-app.running .overview-icon, #dashtodockContainer.bottom.extended.shrink #dash .dash-item-container .running.grid-search-result .overview-icon { background-image: none; } #dashtodockContainer.bottom.extended.shrink #dash .dash-item-container .app-well-app.focused .overview-icon, #dashtodockContainer.bottom.extended.shrink #dash .dash-item-container .focused.grid-search-result .overview-icon { background-color: rgba(238, 238, 236, 0.2); } #dashtodockContainer.bottom.extended.shrink #dash .dash-item-container .app-well-app .app-well-app-running-dot, #dashtodockContainer.bottom.extended.shrink #dash .dash-item-container .grid-search-result .app-well-app-running-dot { margin-bottom: 2px; } #dashtodockContainer.bottom.extended.shrink #dash .dash-item-container > StButton { transition-duration: 250; background-size: contain; } #dashtodockContainer.bottom.extended.shrink.fixed #dash .dash-background { margin-top: 0; } #dashtodockContainer.bottom.extended.shrink.fixed #dash .dash-item-container .app-well-app, #dashtodockContainer.bottom.extended.shrink.fixed #dash .dash-item-container .grid-search-result, #dashtodockContainer.bottom.extended.shrink.fixed #dash .dash-item-container .show-apps { padding-top: 3px; } .dash-label.bottom.shrink { margin-bottom: 3px; -x-offset: 0; -y-offset: 0; } #dashtodockContainer.top #dash { margin: 0px; padding: 0px; } #dashtodockContainer.top #dash .dash-background { margin: 0; margin-top: 4px; padding: 0; border-radius: 18px; spacing: 6px; } #dashtodockContainer.top #dash .dash-separator { background-color: #c7c7c7; margin: 0 4px; width: 1px; height: 0; margin-top: 4px; } #dashtodockContainer.top #dash #dashtodockDashContainer { padding: 10px; padding-top: 0; padding-bottom: 0; } #dashtodockContainer.top #dash .dash-item-container { /* Disable all margins defined upstream, we handle them here */ margin: 0 2px; } #dashtodockContainer.top #dash .dash-item-container > * { margin: 0; } #dashtodockContainer.top #dash .dash-item-container:ltr:first-child, #dashtodockContainer.top #dash .dash-item-container:rtl:last-child { margin-left: 0; } #dashtodockContainer.top #dash .dash-item-container:ltr:last-child, #dashtodockContainer.top #dash .dash-item-container:rtl:first-child { margin-right: 0; } #dashtodockContainer.top #dash .dash-item-container .app-well-app, #dashtodockContainer.top #dash .dash-item-container .grid-search-result, #dashtodockContainer.top #dash .dash-item-container .show-apps { padding: 2px 2px; padding-top: 14px; padding-bottom: 10px; } #dashtodockContainer.top #dash .dash-item-container .app-well-app:ltr:first-child, #dashtodockContainer.top #dash .dash-item-container .grid-search-result:ltr:first-child, #dashtodockContainer.top #dash .dash-item-container .app-well-app:rtl:last-child, #dashtodockContainer.top #dash .dash-item-container .grid-search-result:rtl:last-child, #dashtodockContainer.top #dash .dash-item-container .show-apps:ltr:first-child, #dashtodockContainer.top #dash .dash-item-container .show-apps:rtl:last-child { padding-left: 0; } #dashtodockContainer.top #dash .dash-item-container .app-well-app:ltr:last-child, #dashtodockContainer.top #dash .dash-item-container .grid-search-result:ltr:last-child, #dashtodockContainer.top #dash .dash-item-container .app-well-app:rtl:first-child, #dashtodockContainer.top #dash .dash-item-container .grid-search-result:rtl:first-child, #dashtodockContainer.top #dash .dash-item-container .show-apps:ltr:last-child, #dashtodockContainer.top #dash .dash-item-container .show-apps:rtl:first-child { padding-right: 0; } #dashtodockContainer.top #dash .dash-item-container .app-well-app.running .overview-icon, #dashtodockContainer.top #dash .dash-item-container .running.grid-search-result .overview-icon { background-image: none; } #dashtodockContainer.top #dash .dash-item-container .app-well-app.focused .overview-icon, #dashtodockContainer.top #dash .dash-item-container .focused.grid-search-result .overview-icon { background-color: rgba(238, 238, 236, 0.2); } #dashtodockContainer.top #dash .dash-item-container .app-well-app .app-well-app-running-dot, #dashtodockContainer.top #dash .dash-item-container .grid-search-result .app-well-app-running-dot { margin-bottom: 2px; } #dashtodockContainer.top #dash .dash-item-container > StButton { transition-duration: 250; background-size: contain; } #dashtodockContainer.top.fixed #dash .dash-background { margin-bottom: 4px; } #dashtodockContainer.top.fixed #dash .dash-item-container .app-well-app, #dashtodockContainer.top.fixed #dash .dash-item-container .grid-search-result, #dashtodockContainer.top.fixed #dash .dash-item-container .show-apps { padding-bottom: 14px; } .dash-label.top { margin-top: 10px; -x-offset: 0; -y-offset: 0; } #dashtodockContainer.top.shrink #dash { margin: 0px; padding: 0px; } #dashtodockContainer.top.shrink #dash .dash-background { margin: 0; margin-top: 4px; padding: 0; border-radius: 14px; spacing: 2px; } #dashtodockContainer.top.shrink #dash .dash-separator { background-color: #c7c7c7; margin: 0 1px; width: 1px; height: 0; margin-top: 4px; } #dashtodockContainer.top.shrink #dash #dashtodockDashContainer { padding: 3px; padding-top: 0; padding-bottom: 0; } #dashtodockContainer.top.shrink #dash .dash-item-container { /* Disable all margins defined upstream, we handle them here */ margin: 0 2px; } #dashtodockContainer.top.shrink #dash .dash-item-container > * { margin: 0; } #dashtodockContainer.top.shrink #dash .dash-item-container:ltr:first-child, #dashtodockContainer.top.shrink #dash .dash-item-container:rtl:last-child { margin-left: 0; } #dashtodockContainer.top.shrink #dash .dash-item-container:ltr:last-child, #dashtodockContainer.top.shrink #dash .dash-item-container:rtl:first-child { margin-right: 0; } #dashtodockContainer.top.shrink #dash .dash-item-container .app-well-app, #dashtodockContainer.top.shrink #dash .dash-item-container .grid-search-result, #dashtodockContainer.top.shrink #dash .dash-item-container .show-apps { padding: 1px 1px; padding-top: 7px; padding-bottom: 3px; } #dashtodockContainer.top.shrink #dash .dash-item-container .app-well-app:ltr:first-child, #dashtodockContainer.top.shrink #dash .dash-item-container .grid-search-result:ltr:first-child, #dashtodockContainer.top.shrink #dash .dash-item-container .app-well-app:rtl:last-child, #dashtodockContainer.top.shrink #dash .dash-item-container .grid-search-result:rtl:last-child, #dashtodockContainer.top.shrink #dash .dash-item-container .show-apps:ltr:first-child, #dashtodockContainer.top.shrink #dash .dash-item-container .show-apps:rtl:last-child { padding-left: 0; } #dashtodockContainer.top.shrink #dash .dash-item-container .app-well-app:ltr:last-child, #dashtodockContainer.top.shrink #dash .dash-item-container .grid-search-result:ltr:last-child, #dashtodockContainer.top.shrink #dash .dash-item-container .app-well-app:rtl:first-child, #dashtodockContainer.top.shrink #dash .dash-item-container .grid-search-result:rtl:first-child, #dashtodockContainer.top.shrink #dash .dash-item-container .show-apps:ltr:last-child, #dashtodockContainer.top.shrink #dash .dash-item-container .show-apps:rtl:first-child { padding-right: 0; } #dashtodockContainer.top.shrink #dash .dash-item-container .app-well-app.running .overview-icon, #dashtodockContainer.top.shrink #dash .dash-item-container .running.grid-search-result .overview-icon { background-image: none; } #dashtodockContainer.top.shrink #dash .dash-item-container .app-well-app.focused .overview-icon, #dashtodockContainer.top.shrink #dash .dash-item-container .focused.grid-search-result .overview-icon { background-color: rgba(238, 238, 236, 0.2); } #dashtodockContainer.top.shrink #dash .dash-item-container .app-well-app .app-well-app-running-dot, #dashtodockContainer.top.shrink #dash .dash-item-container .grid-search-result .app-well-app-running-dot { margin-bottom: 2px; } #dashtodockContainer.top.shrink #dash .dash-item-container > StButton { transition-duration: 250; background-size: contain; } #dashtodockContainer.top.shrink.fixed #dash .dash-background { margin-bottom: 1px; } #dashtodockContainer.top.shrink.fixed #dash .dash-item-container .app-well-app, #dashtodockContainer.top.shrink.fixed #dash .dash-item-container .grid-search-result, #dashtodockContainer.top.shrink.fixed #dash .dash-item-container .show-apps { padding-bottom: 4px; } .dash-label.top.shrink { margin-top: 3px; -x-offset: 0; -y-offset: 0; } #dashtodockContainer.top.extended #dash { margin: 0px; padding: 0px; } #dashtodockContainer.top.extended #dash .dash-background { margin: 0; margin-top: 0; padding: 0; border-radius: 0; spacing: 6px; } #dashtodockContainer.top.extended #dash .dash-separator { background-color: #c7c7c7; margin: 0 4px; width: 1px; height: 0; margin-top: 0; } #dashtodockContainer.top.extended #dash #dashtodockDashContainer { padding: 0; padding-top: 0; padding-bottom: 0; } #dashtodockContainer.top.extended #dash #dashtodockDashContainer > :first-child .show-apps { padding-left: 8px; } #dashtodockContainer.top.extended #dash #dashtodockDashContainer #dashtodockDashScrollview:first-child { padding-left: 8px; } #dashtodockContainer.top.extended #dash #dashtodockDashContainer > :last-child .show-apps { padding-right: 8px; } #dashtodockContainer.top.extended #dash #dashtodockDashContainer #dashtodockDashScrollview:last-child { padding-right: 8px; } #dashtodockContainer.top.extended #dash .dash-item-container { /* Disable all margins defined upstream, we handle them here */ margin: 0 2px; } #dashtodockContainer.top.extended #dash .dash-item-container > * { margin: 0; } #dashtodockContainer.top.extended #dash .dash-item-container:ltr:first-child, #dashtodockContainer.top.extended #dash .dash-item-container:rtl:last-child { margin-left: 0; } #dashtodockContainer.top.extended #dash .dash-item-container:ltr:last-child, #dashtodockContainer.top.extended #dash .dash-item-container:rtl:first-child { margin-right: 0; } #dashtodockContainer.top.extended #dash .dash-item-container .app-well-app, #dashtodockContainer.top.extended #dash .dash-item-container .grid-search-result, #dashtodockContainer.top.extended #dash .dash-item-container .show-apps { padding: 2px 2px; padding-top: 10px; padding-bottom: 10px; } #dashtodockContainer.top.extended #dash .dash-item-container .app-well-app:ltr:first-child, #dashtodockContainer.top.extended #dash .dash-item-container .grid-search-result:ltr:first-child, #dashtodockContainer.top.extended #dash .dash-item-container .app-well-app:rtl:last-child, #dashtodockContainer.top.extended #dash .dash-item-container .grid-search-result:rtl:last-child, #dashtodockContainer.top.extended #dash .dash-item-container .show-apps:ltr:first-child, #dashtodockContainer.top.extended #dash .dash-item-container .show-apps:rtl:last-child { padding-left: 0; } #dashtodockContainer.top.extended #dash .dash-item-container .app-well-app:ltr:last-child, #dashtodockContainer.top.extended #dash .dash-item-container .grid-search-result:ltr:last-child, #dashtodockContainer.top.extended #dash .dash-item-container .app-well-app:rtl:first-child, #dashtodockContainer.top.extended #dash .dash-item-container .grid-search-result:rtl:first-child, #dashtodockContainer.top.extended #dash .dash-item-container .show-apps:ltr:last-child, #dashtodockContainer.top.extended #dash .dash-item-container .show-apps:rtl:first-child { padding-right: 0; } #dashtodockContainer.top.extended #dash .dash-item-container .app-well-app.running .overview-icon, #dashtodockContainer.top.extended #dash .dash-item-container .running.grid-search-result .overview-icon { background-image: none; } #dashtodockContainer.top.extended #dash .dash-item-container .app-well-app.focused .overview-icon, #dashtodockContainer.top.extended #dash .dash-item-container .focused.grid-search-result .overview-icon { background-color: rgba(238, 238, 236, 0.2); } #dashtodockContainer.top.extended #dash .dash-item-container .app-well-app .app-well-app-running-dot, #dashtodockContainer.top.extended #dash .dash-item-container .grid-search-result .app-well-app-running-dot { margin-bottom: 2px; } #dashtodockContainer.top.extended #dash .dash-item-container > StButton { transition-duration: 250; background-size: contain; } #dashtodockContainer.top.extended.fixed #dash .dash-background { margin-bottom: 0; } #dashtodockContainer.top.extended.fixed #dash .dash-item-container .app-well-app, #dashtodockContainer.top.extended.fixed #dash .dash-item-container .grid-search-result, #dashtodockContainer.top.extended.fixed #dash .dash-item-container .show-apps { padding-bottom: 10px; } .dash-label.top { margin-top: 10px; -x-offset: 0; -y-offset: 0; } #dashtodockContainer.top.extended.shrink #dash { margin: 0px; padding: 0px; } #dashtodockContainer.top.extended.shrink #dash .dash-background { margin: 0; margin-top: 0; padding: 0; border-radius: 0; spacing: 2px; } #dashtodockContainer.top.extended.shrink #dash .dash-separator { background-color: #c7c7c7; margin: 0 1px; width: 1px; height: 0; margin-top: 0; } #dashtodockContainer.top.extended.shrink #dash #dashtodockDashContainer { padding: 0; padding-top: 0; padding-bottom: 0; } #dashtodockContainer.top.extended.shrink #dash #dashtodockDashContainer > :first-child .show-apps { padding-left: 6px; } #dashtodockContainer.top.extended.shrink #dash #dashtodockDashContainer #dashtodockDashScrollview:first-child { padding-left: 6px; } #dashtodockContainer.top.extended.shrink #dash #dashtodockDashContainer > :last-child .show-apps { padding-right: 6px; } #dashtodockContainer.top.extended.shrink #dash #dashtodockDashContainer #dashtodockDashScrollview:last-child { padding-right: 6px; } #dashtodockContainer.top.extended.shrink #dash .dash-item-container { /* Disable all margins defined upstream, we handle them here */ margin: 0 2px; } #dashtodockContainer.top.extended.shrink #dash .dash-item-container > * { margin: 0; } #dashtodockContainer.top.extended.shrink #dash .dash-item-container:ltr:first-child, #dashtodockContainer.top.extended.shrink #dash .dash-item-container:rtl:last-child { margin-left: 0; } #dashtodockContainer.top.extended.shrink #dash .dash-item-container:ltr:last-child, #dashtodockContainer.top.extended.shrink #dash .dash-item-container:rtl:first-child { margin-right: 0; } #dashtodockContainer.top.extended.shrink #dash .dash-item-container .app-well-app, #dashtodockContainer.top.extended.shrink #dash .dash-item-container .grid-search-result, #dashtodockContainer.top.extended.shrink #dash .dash-item-container .show-apps { padding: 1px 1px; padding-top: 3px; padding-bottom: 3px; } #dashtodockContainer.top.extended.shrink #dash .dash-item-container .app-well-app:ltr:first-child, #dashtodockContainer.top.extended.shrink #dash .dash-item-container .grid-search-result:ltr:first-child, #dashtodockContainer.top.extended.shrink #dash .dash-item-container .app-well-app:rtl:last-child, #dashtodockContainer.top.extended.shrink #dash .dash-item-container .grid-search-result:rtl:last-child, #dashtodockContainer.top.extended.shrink #dash .dash-item-container .show-apps:ltr:first-child, #dashtodockContainer.top.extended.shrink #dash .dash-item-container .show-apps:rtl:last-child { padding-left: 0; } #dashtodockContainer.top.extended.shrink #dash .dash-item-container .app-well-app:ltr:last-child, #dashtodockContainer.top.extended.shrink #dash .dash-item-container .grid-search-result:ltr:last-child, #dashtodockContainer.top.extended.shrink #dash .dash-item-container .app-well-app:rtl:first-child, #dashtodockContainer.top.extended.shrink #dash .dash-item-container .grid-search-result:rtl:first-child, #dashtodockContainer.top.extended.shrink #dash .dash-item-container .show-apps:ltr:last-child, #dashtodockContainer.top.extended.shrink #dash .dash-item-container .show-apps:rtl:first-child { padding-right: 0; } #dashtodockContainer.top.extended.shrink #dash .dash-item-container .app-well-app.running .overview-icon, #dashtodockContainer.top.extended.shrink #dash .dash-item-container .running.grid-search-result .overview-icon { background-image: none; } #dashtodockContainer.top.extended.shrink #dash .dash-item-container .app-well-app.focused .overview-icon, #dashtodockContainer.top.extended.shrink #dash .dash-item-container .focused.grid-search-result .overview-icon { background-color: rgba(238, 238, 236, 0.2); } #dashtodockContainer.top.extended.shrink #dash .dash-item-container .app-well-app .app-well-app-running-dot, #dashtodockContainer.top.extended.shrink #dash .dash-item-container .grid-search-result .app-well-app-running-dot { margin-bottom: 2px; } #dashtodockContainer.top.extended.shrink #dash .dash-item-container > StButton { transition-duration: 250; background-size: contain; } #dashtodockContainer.top.extended.shrink.fixed #dash .dash-background { margin-bottom: 0; } #dashtodockContainer.top.extended.shrink.fixed #dash .dash-item-container .app-well-app, #dashtodockContainer.top.extended.shrink.fixed #dash .dash-item-container .grid-search-result, #dashtodockContainer.top.extended.shrink.fixed #dash .dash-item-container .show-apps { padding-bottom: 3px; } .dash-label.top.shrink { margin-top: 3px; -x-offset: 0; -y-offset: 0; } #dashtodockContainer.left #dash { margin: 0px; padding: 0px; } #dashtodockContainer.left #dash .dash-background { margin: 0; margin-left: 4px; padding: 0; border-radius: 18px; spacing: 6px; } #dashtodockContainer.left #dash .dash-separator { background-color: #c7c7c7; width: 0; height: 1px; margin: 4px 0; margin-left: 4px; } #dashtodockContainer.left #dash #dashtodockDashContainer { padding: 10px; padding-left: 0; padding-right: 0; } #dashtodockContainer.left #dash .dash-item-container { /* Disable all margins defined upstream, we handle them here */ margin: 2px 0; } #dashtodockContainer.left #dash .dash-item-container > * { margin: 0; } #dashtodockContainer.left #dash .dash-item-container:first-child { margin-top: 0; } #dashtodockContainer.left #dash .dash-item-container:last-child { margin-bottom: 0; } #dashtodockContainer.left #dash .dash-item-container .app-well-app, #dashtodockContainer.left #dash .dash-item-container .grid-search-result, #dashtodockContainer.left #dash .dash-item-container .show-apps { padding: 2px 2px; padding-left: 14px; padding-right: 10px; } #dashtodockContainer.left #dash .dash-item-container .app-well-app:first-child, #dashtodockContainer.left #dash .dash-item-container .grid-search-result:first-child, #dashtodockContainer.left #dash .dash-item-container .show-apps:first-child { padding-top: 0; } #dashtodockContainer.left #dash .dash-item-container .app-well-app:last-child, #dashtodockContainer.left #dash .dash-item-container .grid-search-result:last-child, #dashtodockContainer.left #dash .dash-item-container .show-apps:last-child { padding-bottom: 0; } #dashtodockContainer.left #dash .dash-item-container .app-well-app.running .overview-icon, #dashtodockContainer.left #dash .dash-item-container .running.grid-search-result .overview-icon { background-image: none; } #dashtodockContainer.left #dash .dash-item-container .app-well-app.focused .overview-icon, #dashtodockContainer.left #dash .dash-item-container .focused.grid-search-result .overview-icon { background-color: rgba(238, 238, 236, 0.2); } #dashtodockContainer.left #dash .dash-item-container .app-well-app .app-well-app-running-dot, #dashtodockContainer.left #dash .dash-item-container .grid-search-result .app-well-app-running-dot { margin-bottom: 2px; } #dashtodockContainer.left #dash .dash-item-container > StButton { transition-duration: 250; background-size: contain; } #dashtodockContainer.left.fixed #dash .dash-background { margin-right: 4px; } #dashtodockContainer.left.fixed #dash .dash-item-container .app-well-app, #dashtodockContainer.left.fixed #dash .dash-item-container .grid-search-result, #dashtodockContainer.left.fixed #dash .dash-item-container .show-apps { padding-right: 14px; } .dash-label.left { margin: 0; -x-offset: 10px; -y-offset: 0; } #dashtodockContainer.left.shrink #dash { margin: 0px; padding: 0px; } #dashtodockContainer.left.shrink #dash .dash-background { margin: 0; margin-left: 4px; padding: 0; border-radius: 14px; spacing: 2px; } #dashtodockContainer.left.shrink #dash .dash-separator { background-color: #c7c7c7; width: 0; height: 1px; margin: 1px 0; margin-left: 4px; } #dashtodockContainer.left.shrink #dash #dashtodockDashContainer { padding: 3px; padding-left: 0; padding-right: 0; } #dashtodockContainer.left.shrink #dash .dash-item-container { /* Disable all margins defined upstream, we handle them here */ margin: 2px 0; } #dashtodockContainer.left.shrink #dash .dash-item-container > * { margin: 0; } #dashtodockContainer.left.shrink #dash .dash-item-container:first-child { margin-top: 0; } #dashtodockContainer.left.shrink #dash .dash-item-container:last-child { margin-bottom: 0; } #dashtodockContainer.left.shrink #dash .dash-item-container .app-well-app, #dashtodockContainer.left.shrink #dash .dash-item-container .grid-search-result, #dashtodockContainer.left.shrink #dash .dash-item-container .show-apps { padding: 1px 1px; padding-left: 7px; padding-right: 3px; } #dashtodockContainer.left.shrink #dash .dash-item-container .app-well-app:first-child, #dashtodockContainer.left.shrink #dash .dash-item-container .grid-search-result:first-child, #dashtodockContainer.left.shrink #dash .dash-item-container .show-apps:first-child { padding-top: 0; } #dashtodockContainer.left.shrink #dash .dash-item-container .app-well-app:last-child, #dashtodockContainer.left.shrink #dash .dash-item-container .grid-search-result:last-child, #dashtodockContainer.left.shrink #dash .dash-item-container .show-apps:last-child { padding-bottom: 0; } #dashtodockContainer.left.shrink #dash .dash-item-container .app-well-app.running .overview-icon, #dashtodockContainer.left.shrink #dash .dash-item-container .running.grid-search-result .overview-icon { background-image: none; } #dashtodockContainer.left.shrink #dash .dash-item-container .app-well-app.focused .overview-icon, #dashtodockContainer.left.shrink #dash .dash-item-container .focused.grid-search-result .overview-icon { background-color: rgba(238, 238, 236, 0.2); } #dashtodockContainer.left.shrink #dash .dash-item-container .app-well-app .app-well-app-running-dot, #dashtodockContainer.left.shrink #dash .dash-item-container .grid-search-result .app-well-app-running-dot { margin-bottom: 2px; } #dashtodockContainer.left.shrink #dash .dash-item-container > StButton { transition-duration: 250; background-size: contain; } #dashtodockContainer.left.shrink.fixed #dash .dash-background { margin-right: 1px; } #dashtodockContainer.left.shrink.fixed #dash .dash-item-container .app-well-app, #dashtodockContainer.left.shrink.fixed #dash .dash-item-container .grid-search-result, #dashtodockContainer.left.shrink.fixed #dash .dash-item-container .show-apps { padding-right: 4px; } .dash-label.left.shrink { margin: 0; -x-offset: 3px; -y-offset: 0; } #dashtodockContainer.left.extended #dash { margin: 0px; padding: 0px; } #dashtodockContainer.left.extended #dash .dash-background { margin: 0; margin-left: 0; padding: 0; border-radius: 0; spacing: 6px; } #dashtodockContainer.left.extended #dash .dash-separator { background-color: #c7c7c7; width: 0; height: 1px; margin: 4px 0; margin-left: 0; } #dashtodockContainer.left.extended #dash #dashtodockDashContainer { padding: 0; padding-left: 0; padding-right: 0; } #dashtodockContainer.left.extended #dash #dashtodockDashContainer > :first-child .show-apps { padding-top: 8px; } #dashtodockContainer.left.extended #dash #dashtodockDashContainer #dashtodockDashScrollview:first-child { padding-top: 8px; } #dashtodockContainer.left.extended #dash #dashtodockDashContainer > :last-child .show-apps { padding-bottom: 8px; } #dashtodockContainer.left.extended #dash #dashtodockDashContainer #dashtodockDashScrollview:last-child { padding-bottom: 8px; } #dashtodockContainer.left.extended #dash .dash-item-container { /* Disable all margins defined upstream, we handle them here */ margin: 2px 0; } #dashtodockContainer.left.extended #dash .dash-item-container > * { margin: 0; } #dashtodockContainer.left.extended #dash .dash-item-container:first-child { margin-top: 0; } #dashtodockContainer.left.extended #dash .dash-item-container:last-child { margin-bottom: 0; } #dashtodockContainer.left.extended #dash .dash-item-container .app-well-app, #dashtodockContainer.left.extended #dash .dash-item-container .grid-search-result, #dashtodockContainer.left.extended #dash .dash-item-container .show-apps { padding: 2px 2px; padding-left: 10px; padding-right: 10px; } #dashtodockContainer.left.extended #dash .dash-item-container .app-well-app:first-child, #dashtodockContainer.left.extended #dash .dash-item-container .grid-search-result:first-child, #dashtodockContainer.left.extended #dash .dash-item-container .show-apps:first-child { padding-top: 0; } #dashtodockContainer.left.extended #dash .dash-item-container .app-well-app:last-child, #dashtodockContainer.left.extended #dash .dash-item-container .grid-search-result:last-child, #dashtodockContainer.left.extended #dash .dash-item-container .show-apps:last-child { padding-bottom: 0; } #dashtodockContainer.left.extended #dash .dash-item-container .app-well-app.running .overview-icon, #dashtodockContainer.left.extended #dash .dash-item-container .running.grid-search-result .overview-icon { background-image: none; } #dashtodockContainer.left.extended #dash .dash-item-container .app-well-app.focused .overview-icon, #dashtodockContainer.left.extended #dash .dash-item-container .focused.grid-search-result .overview-icon { background-color: rgba(238, 238, 236, 0.2); } #dashtodockContainer.left.extended #dash .dash-item-container .app-well-app .app-well-app-running-dot, #dashtodockContainer.left.extended #dash .dash-item-container .grid-search-result .app-well-app-running-dot { margin-bottom: 2px; } #dashtodockContainer.left.extended #dash .dash-item-container > StButton { transition-duration: 250; background-size: contain; } #dashtodockContainer.left.extended.fixed #dash .dash-background { margin-right: 0; } #dashtodockContainer.left.extended.fixed #dash .dash-item-container .app-well-app, #dashtodockContainer.left.extended.fixed #dash .dash-item-container .grid-search-result, #dashtodockContainer.left.extended.fixed #dash .dash-item-container .show-apps { padding-right: 10px; } .dash-label.left { margin: 0; -x-offset: 10px; -y-offset: 0; } #dashtodockContainer.left.extended.shrink #dash { margin: 0px; padding: 0px; } #dashtodockContainer.left.extended.shrink #dash .dash-background { margin: 0; margin-left: 0; padding: 0; border-radius: 0; spacing: 2px; } #dashtodockContainer.left.extended.shrink #dash .dash-separator { background-color: #c7c7c7; width: 0; height: 1px; margin: 1px 0; margin-left: 0; } #dashtodockContainer.left.extended.shrink #dash #dashtodockDashContainer { padding: 0; padding-left: 0; padding-right: 0; } #dashtodockContainer.left.extended.shrink #dash #dashtodockDashContainer > :first-child .show-apps { padding-top: 6px; } #dashtodockContainer.left.extended.shrink #dash #dashtodockDashContainer #dashtodockDashScrollview:first-child { padding-top: 6px; } #dashtodockContainer.left.extended.shrink #dash #dashtodockDashContainer > :last-child .show-apps { padding-bottom: 6px; } #dashtodockContainer.left.extended.shrink #dash #dashtodockDashContainer #dashtodockDashScrollview:last-child { padding-bottom: 6px; } #dashtodockContainer.left.extended.shrink #dash .dash-item-container { /* Disable all margins defined upstream, we handle them here */ margin: 2px 0; } #dashtodockContainer.left.extended.shrink #dash .dash-item-container > * { margin: 0; } #dashtodockContainer.left.extended.shrink #dash .dash-item-container:first-child { margin-top: 0; } #dashtodockContainer.left.extended.shrink #dash .dash-item-container:last-child { margin-bottom: 0; } #dashtodockContainer.left.extended.shrink #dash .dash-item-container .app-well-app, #dashtodockContainer.left.extended.shrink #dash .dash-item-container .grid-search-result, #dashtodockContainer.left.extended.shrink #dash .dash-item-container .show-apps { padding: 1px 1px; padding-left: 3px; padding-right: 3px; } #dashtodockContainer.left.extended.shrink #dash .dash-item-container .app-well-app:first-child, #dashtodockContainer.left.extended.shrink #dash .dash-item-container .grid-search-result:first-child, #dashtodockContainer.left.extended.shrink #dash .dash-item-container .show-apps:first-child { padding-top: 0; } #dashtodockContainer.left.extended.shrink #dash .dash-item-container .app-well-app:last-child, #dashtodockContainer.left.extended.shrink #dash .dash-item-container .grid-search-result:last-child, #dashtodockContainer.left.extended.shrink #dash .dash-item-container .show-apps:last-child { padding-bottom: 0; } #dashtodockContainer.left.extended.shrink #dash .dash-item-container .app-well-app.running .overview-icon, #dashtodockContainer.left.extended.shrink #dash .dash-item-container .running.grid-search-result .overview-icon { background-image: none; } #dashtodockContainer.left.extended.shrink #dash .dash-item-container .app-well-app.focused .overview-icon, #dashtodockContainer.left.extended.shrink #dash .dash-item-container .focused.grid-search-result .overview-icon { background-color: rgba(238, 238, 236, 0.2); } #dashtodockContainer.left.extended.shrink #dash .dash-item-container .app-well-app .app-well-app-running-dot, #dashtodockContainer.left.extended.shrink #dash .dash-item-container .grid-search-result .app-well-app-running-dot { margin-bottom: 2px; } #dashtodockContainer.left.extended.shrink #dash .dash-item-container > StButton { transition-duration: 250; background-size: contain; } #dashtodockContainer.left.extended.shrink.fixed #dash .dash-background { margin-right: 0; } #dashtodockContainer.left.extended.shrink.fixed #dash .dash-item-container .app-well-app, #dashtodockContainer.left.extended.shrink.fixed #dash .dash-item-container .grid-search-result, #dashtodockContainer.left.extended.shrink.fixed #dash .dash-item-container .show-apps { padding-right: 3px; } .dash-label.left.shrink { margin: 0; -x-offset: 3px; -y-offset: 0; } #dashtodockContainer.right #dash { margin: 0px; padding: 0px; } #dashtodockContainer.right #dash .dash-background { margin: 0; margin-right: 4px; padding: 0; border-radius: 18px; spacing: 6px; } #dashtodockContainer.right #dash .dash-separator { background-color: #c7c7c7; width: 0; height: 1px; margin: 4px 0; margin-right: 4px; } #dashtodockContainer.right #dash #dashtodockDashContainer { padding: 10px; padding-right: 0; padding-left: 0; } #dashtodockContainer.right #dash .dash-item-container { /* Disable all margins defined upstream, we handle them here */ margin: 2px 0; } #dashtodockContainer.right #dash .dash-item-container > * { margin: 0; } #dashtodockContainer.right #dash .dash-item-container:first-child { margin-top: 0; } #dashtodockContainer.right #dash .dash-item-container:last-child { margin-bottom: 0; } #dashtodockContainer.right #dash .dash-item-container .app-well-app, #dashtodockContainer.right #dash .dash-item-container .grid-search-result, #dashtodockContainer.right #dash .dash-item-container .show-apps { padding: 2px 2px; padding-right: 14px; padding-left: 10px; } #dashtodockContainer.right #dash .dash-item-container .app-well-app:first-child, #dashtodockContainer.right #dash .dash-item-container .grid-search-result:first-child, #dashtodockContainer.right #dash .dash-item-container .show-apps:first-child { padding-top: 0; } #dashtodockContainer.right #dash .dash-item-container .app-well-app:last-child, #dashtodockContainer.right #dash .dash-item-container .grid-search-result:last-child, #dashtodockContainer.right #dash .dash-item-container .show-apps:last-child { padding-bottom: 0; } #dashtodockContainer.right #dash .dash-item-container .app-well-app.running .overview-icon, #dashtodockContainer.right #dash .dash-item-container .running.grid-search-result .overview-icon { background-image: none; } #dashtodockContainer.right #dash .dash-item-container .app-well-app.focused .overview-icon, #dashtodockContainer.right #dash .dash-item-container .focused.grid-search-result .overview-icon { background-color: rgba(238, 238, 236, 0.2); } #dashtodockContainer.right #dash .dash-item-container .app-well-app .app-well-app-running-dot, #dashtodockContainer.right #dash .dash-item-container .grid-search-result .app-well-app-running-dot { margin-bottom: 2px; } #dashtodockContainer.right #dash .dash-item-container > StButton { transition-duration: 250; background-size: contain; } #dashtodockContainer.right.fixed #dash .dash-background { margin-left: 4px; } #dashtodockContainer.right.fixed #dash .dash-item-container .app-well-app, #dashtodockContainer.right.fixed #dash .dash-item-container .grid-search-result, #dashtodockContainer.right.fixed #dash .dash-item-container .show-apps { padding-left: 14px; } .dash-label.right { margin: 0; -x-offset: 10px; -y-offset: 0; } #dashtodockContainer.right.shrink #dash { margin: 0px; padding: 0px; } #dashtodockContainer.right.shrink #dash .dash-background { margin: 0; margin-right: 4px; padding: 0; border-radius: 14px; spacing: 2px; } #dashtodockContainer.right.shrink #dash .dash-separator { background-color: #c7c7c7; width: 0; height: 1px; margin: 1px 0; margin-right: 4px; } #dashtodockContainer.right.shrink #dash #dashtodockDashContainer { padding: 3px; padding-right: 0; padding-left: 0; } #dashtodockContainer.right.shrink #dash .dash-item-container { /* Disable all margins defined upstream, we handle them here */ margin: 2px 0; } #dashtodockContainer.right.shrink #dash .dash-item-container > * { margin: 0; } #dashtodockContainer.right.shrink #dash .dash-item-container:first-child { margin-top: 0; } #dashtodockContainer.right.shrink #dash .dash-item-container:last-child { margin-bottom: 0; } #dashtodockContainer.right.shrink #dash .dash-item-container .app-well-app, #dashtodockContainer.right.shrink #dash .dash-item-container .grid-search-result, #dashtodockContainer.right.shrink #dash .dash-item-container .show-apps { padding: 1px 1px; padding-right: 7px; padding-left: 3px; } #dashtodockContainer.right.shrink #dash .dash-item-container .app-well-app:first-child, #dashtodockContainer.right.shrink #dash .dash-item-container .grid-search-result:first-child, #dashtodockContainer.right.shrink #dash .dash-item-container .show-apps:first-child { padding-top: 0; } #dashtodockContainer.right.shrink #dash .dash-item-container .app-well-app:last-child, #dashtodockContainer.right.shrink #dash .dash-item-container .grid-search-result:last-child, #dashtodockContainer.right.shrink #dash .dash-item-container .show-apps:last-child { padding-bottom: 0; } #dashtodockContainer.right.shrink #dash .dash-item-container .app-well-app.running .overview-icon, #dashtodockContainer.right.shrink #dash .dash-item-container .running.grid-search-result .overview-icon { background-image: none; } #dashtodockContainer.right.shrink #dash .dash-item-container .app-well-app.focused .overview-icon, #dashtodockContainer.right.shrink #dash .dash-item-container .focused.grid-search-result .overview-icon { background-color: rgba(238, 238, 236, 0.2); } #dashtodockContainer.right.shrink #dash .dash-item-container .app-well-app .app-well-app-running-dot, #dashtodockContainer.right.shrink #dash .dash-item-container .grid-search-result .app-well-app-running-dot { margin-bottom: 2px; } #dashtodockContainer.right.shrink #dash .dash-item-container > StButton { transition-duration: 250; background-size: contain; } #dashtodockContainer.right.shrink.fixed #dash .dash-background { margin-left: 1px; } #dashtodockContainer.right.shrink.fixed #dash .dash-item-container .app-well-app, #dashtodockContainer.right.shrink.fixed #dash .dash-item-container .grid-search-result, #dashtodockContainer.right.shrink.fixed #dash .dash-item-container .show-apps { padding-left: 4px; } .dash-label.right.shrink { margin: 0; -x-offset: 3px; -y-offset: 0; } #dashtodockContainer.right.extended #dash { margin: 0px; padding: 0px; } #dashtodockContainer.right.extended #dash .dash-background { margin: 0; margin-right: 0; padding: 0; border-radius: 0; spacing: 6px; } #dashtodockContainer.right.extended #dash .dash-separator { background-color: #c7c7c7; width: 0; height: 1px; margin: 4px 0; margin-right: 0; } #dashtodockContainer.right.extended #dash #dashtodockDashContainer { padding: 0; padding-right: 0; padding-left: 0; } #dashtodockContainer.right.extended #dash #dashtodockDashContainer > :first-child .show-apps { padding-top: 8px; } #dashtodockContainer.right.extended #dash #dashtodockDashContainer #dashtodockDashScrollview:first-child { padding-top: 8px; } #dashtodockContainer.right.extended #dash #dashtodockDashContainer > :last-child .show-apps { padding-bottom: 8px; } #dashtodockContainer.right.extended #dash #dashtodockDashContainer #dashtodockDashScrollview:last-child { padding-bottom: 8px; } #dashtodockContainer.right.extended #dash .dash-item-container { /* Disable all margins defined upstream, we handle them here */ margin: 2px 0; } #dashtodockContainer.right.extended #dash .dash-item-container > * { margin: 0; } #dashtodockContainer.right.extended #dash .dash-item-container:first-child { margin-top: 0; } #dashtodockContainer.right.extended #dash .dash-item-container:last-child { margin-bottom: 0; } #dashtodockContainer.right.extended #dash .dash-item-container .app-well-app, #dashtodockContainer.right.extended #dash .dash-item-container .grid-search-result, #dashtodockContainer.right.extended #dash .dash-item-container .show-apps { padding: 2px 2px; padding-right: 10px; padding-left: 10px; } #dashtodockContainer.right.extended #dash .dash-item-container .app-well-app:first-child, #dashtodockContainer.right.extended #dash .dash-item-container .grid-search-result:first-child, #dashtodockContainer.right.extended #dash .dash-item-container .show-apps:first-child { padding-top: 0; } #dashtodockContainer.right.extended #dash .dash-item-container .app-well-app:last-child, #dashtodockContainer.right.extended #dash .dash-item-container .grid-search-result:last-child, #dashtodockContainer.right.extended #dash .dash-item-container .show-apps:last-child { padding-bottom: 0; } #dashtodockContainer.right.extended #dash .dash-item-container .app-well-app.running .overview-icon, #dashtodockContainer.right.extended #dash .dash-item-container .running.grid-search-result .overview-icon { background-image: none; } #dashtodockContainer.right.extended #dash .dash-item-container .app-well-app.focused .overview-icon, #dashtodockContainer.right.extended #dash .dash-item-container .focused.grid-search-result .overview-icon { background-color: rgba(238, 238, 236, 0.2); } #dashtodockContainer.right.extended #dash .dash-item-container .app-well-app .app-well-app-running-dot, #dashtodockContainer.right.extended #dash .dash-item-container .grid-search-result .app-well-app-running-dot { margin-bottom: 2px; } #dashtodockContainer.right.extended #dash .dash-item-container > StButton { transition-duration: 250; background-size: contain; } #dashtodockContainer.right.extended.fixed #dash .dash-background { margin-left: 0; } #dashtodockContainer.right.extended.fixed #dash .dash-item-container .app-well-app, #dashtodockContainer.right.extended.fixed #dash .dash-item-container .grid-search-result, #dashtodockContainer.right.extended.fixed #dash .dash-item-container .show-apps { padding-left: 10px; } .dash-label.right { margin: 0; -x-offset: 10px; -y-offset: 0; } #dashtodockContainer.right.extended.shrink #dash { margin: 0px; padding: 0px; } #dashtodockContainer.right.extended.shrink #dash .dash-background { margin: 0; margin-right: 0; padding: 0; border-radius: 0; spacing: 2px; } #dashtodockContainer.right.extended.shrink #dash .dash-separator { background-color: #c7c7c7; width: 0; height: 1px; margin: 1px 0; margin-right: 0; } #dashtodockContainer.right.extended.shrink #dash #dashtodockDashContainer { padding: 0; padding-right: 0; padding-left: 0; } #dashtodockContainer.right.extended.shrink #dash #dashtodockDashContainer > :first-child .show-apps { padding-top: 6px; } #dashtodockContainer.right.extended.shrink #dash #dashtodockDashContainer #dashtodockDashScrollview:first-child { padding-top: 6px; } #dashtodockContainer.right.extended.shrink #dash #dashtodockDashContainer > :last-child .show-apps { padding-bottom: 6px; } #dashtodockContainer.right.extended.shrink #dash #dashtodockDashContainer #dashtodockDashScrollview:last-child { padding-bottom: 6px; } #dashtodockContainer.right.extended.shrink #dash .dash-item-container { /* Disable all margins defined upstream, we handle them here */ margin: 2px 0; } #dashtodockContainer.right.extended.shrink #dash .dash-item-container > * { margin: 0; } #dashtodockContainer.right.extended.shrink #dash .dash-item-container:first-child { margin-top: 0; } #dashtodockContainer.right.extended.shrink #dash .dash-item-container:last-child { margin-bottom: 0; } #dashtodockContainer.right.extended.shrink #dash .dash-item-container .app-well-app, #dashtodockContainer.right.extended.shrink #dash .dash-item-container .grid-search-result, #dashtodockContainer.right.extended.shrink #dash .dash-item-container .show-apps { padding: 1px 1px; padding-right: 3px; padding-left: 3px; } #dashtodockContainer.right.extended.shrink #dash .dash-item-container .app-well-app:first-child, #dashtodockContainer.right.extended.shrink #dash .dash-item-container .grid-search-result:first-child, #dashtodockContainer.right.extended.shrink #dash .dash-item-container .show-apps:first-child { padding-top: 0; } #dashtodockContainer.right.extended.shrink #dash .dash-item-container .app-well-app:last-child, #dashtodockContainer.right.extended.shrink #dash .dash-item-container .grid-search-result:last-child, #dashtodockContainer.right.extended.shrink #dash .dash-item-container .show-apps:last-child { padding-bottom: 0; } #dashtodockContainer.right.extended.shrink #dash .dash-item-container .app-well-app.running .overview-icon, #dashtodockContainer.right.extended.shrink #dash .dash-item-container .running.grid-search-result .overview-icon { background-image: none; } #dashtodockContainer.right.extended.shrink #dash .dash-item-container .app-well-app.focused .overview-icon, #dashtodockContainer.right.extended.shrink #dash .dash-item-container .focused.grid-search-result .overview-icon { background-color: rgba(238, 238, 236, 0.2); } #dashtodockContainer.right.extended.shrink #dash .dash-item-container .app-well-app .app-well-app-running-dot, #dashtodockContainer.right.extended.shrink #dash .dash-item-container .grid-search-result .app-well-app-running-dot { margin-bottom: 2px; } #dashtodockContainer.right.extended.shrink #dash .dash-item-container > StButton { transition-duration: 250; background-size: contain; } #dashtodockContainer.right.extended.shrink.fixed #dash .dash-background { margin-left: 0; } #dashtodockContainer.right.extended.shrink.fixed #dash .dash-item-container .app-well-app, #dashtodockContainer.right.extended.shrink.fixed #dash .dash-item-container .grid-search-result, #dashtodockContainer.right.extended.shrink.fixed #dash .dash-item-container .show-apps { padding-left: 3px; } .dash-label.right.shrink { margin: 0; -x-offset: 3px; -y-offset: 0; } #dashtodockContainer.top.shrink #dash .dash-background { margin-top: 4px; margin-bottom: 0; } #dashtodockContainer.straight-corner #dash .dash-background, #dashtodockContainer.shrink.straight-corner #dash .dash-background { border-radius: 0px; } /* Scrollview style */ .bottom #dashtodockDashScrollview, .top #dashtodockDashScrollview { -st-hfade-offset: 24px; } .left #dashtodockDashScrollview, .right #dashtodockDashScrollview { -st-vfade-offset: 24px; } #dashtodockContainer.dashtodock #dash .dash-background { background: #1d1d1d; } #dashtodockContainer.dashtodock .progress-bar { /* Customization of the progress bar style, e.g.: -progress-bar-background: rgba(0.8, 0.8, 0.8, 1); -progress-bar-border: rgba(0.9, 0.9, 0.9, 1); */ } #dashtodockContainer.top #dash .placeholder, #dashtodockContainer.bottom #dash .placeholder { width: 32px; height: 1px; } /* * This is applied to a dummy actor. Only the alpha value for the background and border color * and the transition-duration are used */ #dashtodockContainer.dummy-opaque { background-color: rgba(0, 0, 0, 0.8); border-color: rgba(0, 0, 0, 0.4); transition-duration: 300ms; } /* * This is applied to a dummy actor. Only the alpha value for the background and border color * and the transition-duration are used */ #dashtodockContainer.dummy-transparent { background-color: rgba(0, 0, 0, 0.2); border-color: rgba(0, 0, 0, 0.1); transition-duration: 500ms; } #dashtodockContainer .number-overlay { color: white; background-color: rgba(0, 0, 0, 0.8); text-align: center; } #dashtodockContainer .notification-badge { color: white; background-color: red; padding: 0.2em 0.5em; border-radius: 1em; font-weight: bold; text-align: center; margin: 2px; } #dashtodockPreviewSeparator.popup-separator-menu-item-horizontal { width: 1px; height: auto; border-right-width: 1px; margin: 32px 0px; } .dashtodock-app-well-preview-menu-item { padding: 1em 1em 0.5em 1em; } #dashtodockContainer .metro .overview-icon { border-radius: 0px; } #dashtodockContainer.bottom .metro.running2.focused, #dashtodockContainer.top .metro.running2.focused { background-image: url("./media/highlight_stacked_bg.svg"); background-position: 0px 0px; background-size: contain; } #dashtodockContainer.left .metro.running2.focused, #dashtodockContainer.right .metro.running2.focused { background-image: url("./media/highlight_stacked_bg_h.svg"); background-position: 0px 0px; background-size: contain; } #dashtodockContainer.bottom .metro.running3.focused, #dashtodockContainer.top .metro.running3.focused { background-image: url("./media/highlight_stacked_bg.svg"); background-position: 0px 0px; background-size: contain; } #dashtodockContainer.left .metro.running3.focused, #dashtodockContainer.right .metro.running3.focused { background-image: url("./media/highlight_stacked_bg_h.svg"); background-position: 0px 0px; background-size: contain; } #dashtodockContainer.bottom .metro.running4.focused, #dashtodockContainer.top .metro.running4.focused { background-image: url("./media/highlight_stacked_bg.svg"); background-position: 0px 0px; background-size: contain; } #dashtodockContainer.left .metro.running4.focused, #dashtodockContainer.right .metro.running4.focused { background-image: url("./media/highlight_stacked_bg_h.svg"); background-position: 0px 0px; background-size: contain; } /* Yaru Dock styling */ #dashtodockContainer.bottom #dash, #dashtodockContainer.bottom.dashtodock #dash, #dashtodockContainer.bottom.shrink #dash { margin: 0px; padding: 0px; } #dashtodockContainer.bottom #dash .dash-background, #dashtodockContainer.bottom.dashtodock #dash .dash-background, #dashtodockContainer.bottom.shrink #dash .dash-background { background: rgba(19, 19, 19, 0.75); transition-duration: 250ms; } #dashtodockContainer.bottom #dash .dash-separator, #dashtodockContainer.bottom.dashtodock #dash .dash-separator, #dashtodockContainer.bottom.shrink #dash .dash-separator { background: rgba(238, 238, 236, 0.3); } #dashtodockContainer.bottom.overview #dash .dash-background, #dashtodockContainer.bottom.overview.dashtodock #dash .dash-background, #dashtodockContainer.bottom.overview.shrink #dash .dash-background { background-color: #131313; } #dashtodockContainer.bottom.extended #dash .dash-background, #dashtodockContainer.bottom.extended.dashtodock #dash .dash-background, #dashtodockContainer.bottom.extended.shrink #dash .dash-background { border: none; } #dashtodockContainer.bottom .dash-item-container .show-apps, #dashtodockContainer.bottom .dash-item-container .app-well-app, #dashtodockContainer.bottom .dash-item-container .grid-search-result { border-radius: 18px; } #dashtodockContainer.bottom .dash-item-container .show-apps:active .overview-icon, #dashtodockContainer.bottom .dash-item-container .show-apps:checked .overview-icon, #dashtodockContainer.bottom .dash-item-container .app-well-app:active .overview-icon, #dashtodockContainer.bottom .dash-item-container .grid-search-result:active .overview-icon, #dashtodockContainer.bottom .dash-item-container .app-well-app:checked .overview-icon, #dashtodockContainer.bottom .dash-item-container .grid-search-result:checked .overview-icon { background-color: rgba(255, 255, 255, 0.25); box-shadow: none; } #dashtodockContainer.bottom .notification-badge { background-color: #109b26; border: 1px solid #0c6d1a; box-shadow: -1px 1px 5px 0px rgba(0, 0, 0, 0.5); } #dashtodockContainer.top #dash, #dashtodockContainer.top.dashtodock #dash, #dashtodockContainer.top.shrink #dash { margin: 0px; padding: 0px; } #dashtodockContainer.top #dash .dash-background, #dashtodockContainer.top.dashtodock #dash .dash-background, #dashtodockContainer.top.shrink #dash .dash-background { background: rgba(19, 19, 19, 0.75); transition-duration: 250ms; } #dashtodockContainer.top #dash .dash-separator, #dashtodockContainer.top.dashtodock #dash .dash-separator, #dashtodockContainer.top.shrink #dash .dash-separator { background: rgba(238, 238, 236, 0.3); } #dashtodockContainer.top.overview #dash .dash-background, #dashtodockContainer.top.overview.dashtodock #dash .dash-background, #dashtodockContainer.top.overview.shrink #dash .dash-background { background-color: #131313; } #dashtodockContainer.top.extended #dash .dash-background, #dashtodockContainer.top.extended.dashtodock #dash .dash-background, #dashtodockContainer.top.extended.shrink #dash .dash-background { border: none; } #dashtodockContainer.top .dash-item-container .show-apps, #dashtodockContainer.top .dash-item-container .app-well-app, #dashtodockContainer.top .dash-item-container .grid-search-result { border-radius: 18px; } #dashtodockContainer.top .dash-item-container .show-apps:active .overview-icon, #dashtodockContainer.top .dash-item-container .show-apps:checked .overview-icon, #dashtodockContainer.top .dash-item-container .app-well-app:active .overview-icon, #dashtodockContainer.top .dash-item-container .grid-search-result:active .overview-icon, #dashtodockContainer.top .dash-item-container .app-well-app:checked .overview-icon, #dashtodockContainer.top .dash-item-container .grid-search-result:checked .overview-icon { background-color: rgba(255, 255, 255, 0.25); box-shadow: none; } #dashtodockContainer.top .notification-badge { background-color: #109b26; border: 1px solid #0c6d1a; box-shadow: -1px 1px 5px 0px rgba(0, 0, 0, 0.5); } #dashtodockContainer.left #dash, #dashtodockContainer.left.dashtodock #dash, #dashtodockContainer.left.shrink #dash { margin: 0px; padding: 0px; } #dashtodockContainer.left #dash .dash-background, #dashtodockContainer.left.dashtodock #dash .dash-background, #dashtodockContainer.left.shrink #dash .dash-background { background: rgba(19, 19, 19, 0.75); transition-duration: 250ms; } #dashtodockContainer.left #dash .dash-separator, #dashtodockContainer.left.dashtodock #dash .dash-separator, #dashtodockContainer.left.shrink #dash .dash-separator { background: rgba(238, 238, 236, 0.3); } #dashtodockContainer.left.overview #dash .dash-background, #dashtodockContainer.left.overview.dashtodock #dash .dash-background, #dashtodockContainer.left.overview.shrink #dash .dash-background { background-color: #131313; } #dashtodockContainer.left.extended #dash .dash-background, #dashtodockContainer.left.extended.dashtodock #dash .dash-background, #dashtodockContainer.left.extended.shrink #dash .dash-background { border: none; } #dashtodockContainer.left .dash-item-container .show-apps, #dashtodockContainer.left .dash-item-container .app-well-app, #dashtodockContainer.left .dash-item-container .grid-search-result { border-radius: 18px; } #dashtodockContainer.left .dash-item-container .show-apps:active .overview-icon, #dashtodockContainer.left .dash-item-container .show-apps:checked .overview-icon, #dashtodockContainer.left .dash-item-container .app-well-app:active .overview-icon, #dashtodockContainer.left .dash-item-container .grid-search-result:active .overview-icon, #dashtodockContainer.left .dash-item-container .app-well-app:checked .overview-icon, #dashtodockContainer.left .dash-item-container .grid-search-result:checked .overview-icon { background-color: rgba(255, 255, 255, 0.25); box-shadow: none; } #dashtodockContainer.left .notification-badge { background-color: #109b26; border: 1px solid #0c6d1a; box-shadow: -1px 1px 5px 0px rgba(0, 0, 0, 0.5); } #dashtodockContainer.right #dash, #dashtodockContainer.right.dashtodock #dash, #dashtodockContainer.right.shrink #dash { margin: 0px; padding: 0px; } #dashtodockContainer.right #dash .dash-background, #dashtodockContainer.right.dashtodock #dash .dash-background, #dashtodockContainer.right.shrink #dash .dash-background { background: rgba(19, 19, 19, 0.75); transition-duration: 250ms; } #dashtodockContainer.right #dash .dash-separator, #dashtodockContainer.right.dashtodock #dash .dash-separator, #dashtodockContainer.right.shrink #dash .dash-separator { background: rgba(238, 238, 236, 0.3); } #dashtodockContainer.right.overview #dash .dash-background, #dashtodockContainer.right.overview.dashtodock #dash .dash-background, #dashtodockContainer.right.overview.shrink #dash .dash-background { background-color: #131313; } #dashtodockContainer.right.extended #dash .dash-background, #dashtodockContainer.right.extended.dashtodock #dash .dash-background, #dashtodockContainer.right.extended.shrink #dash .dash-background { border: none; } #dashtodockContainer.right .dash-item-container .show-apps, #dashtodockContainer.right .dash-item-container .app-well-app, #dashtodockContainer.right .dash-item-container .grid-search-result { border-radius: 18px; } #dashtodockContainer.right .dash-item-container .show-apps:active .overview-icon, #dashtodockContainer.right .dash-item-container .show-apps:checked .overview-icon, #dashtodockContainer.right .dash-item-container .app-well-app:active .overview-icon, #dashtodockContainer.right .dash-item-container .grid-search-result:active .overview-icon, #dashtodockContainer.right .dash-item-container .app-well-app:checked .overview-icon, #dashtodockContainer.right .dash-item-container .grid-search-result:checked .overview-icon { background-color: rgba(255, 255, 255, 0.25); box-shadow: none; } #dashtodockContainer.right .notification-badge { background-color: #109b26; border: 1px solid #0c6d1a; box-shadow: -1px 1px 5px 0px rgba(0, 0, 0, 0.5); } (uuay)checkbox-blue.svg G <svg width="24" height="24" xmlns="http://www.w3.org/2000/svg"><rect x="1.5" y="1.5" width="21" height="21" fill="#0073E5" stroke="#0073E5" stroke-linejoin="round" style="stroke-width:1" rx="3"/><path d="m20.16 7.527-1.253-1.414-.118.104-8.478 7.426-4.97-4.263-1.503 1.699 6.474 6.811z" fill="#fff" fill-rule="evenodd"/></svg> (uuay)toggle-off-light.svg P <svg width="48" height="26" xmlns="http://www.w3.org/2000/svg"><rect style="fill:#bababa;fill-opacity:1;stroke:none;stroke-width:1;marker:none" width="48" height="26" x="-48" ry="13" fill="#3081e3" rx="13" transform="scale(-1 1)"/><rect ry="11" rx="11" y="3" x="-24" height="22" width="22" style="fill:#000;fill-opacity:.2;stroke:none;stroke-width:.999999;marker:none" fill="#f8f7f7" transform="scale(-1 1)"/><rect ry="11" rx="11" y="2" x="-24" height="22" width="22" style="fill:#fff;fill-opacity:1;stroke:none;stroke-width:.999999;marker:none" fill="#f8f7f7" transform="scale(-1 1)"/></svg> (uuay)checkbox-off-sage-dark.svg � <svg width="24" height="24" xmlns="http://www.w3.org/2000/svg"><rect x="1.5" y="1.5" width="21" height="21" rx="3" fill="#4a4a4a" stroke="#464646" stroke-linejoin="round" style="fill:#222222;stroke:#494949"/></svg> (uuay)gnome-shell-magenta.css 8� /* This stylesheet is generated, DO NOT EDIT */ /* Copyright 2009, 2015 Red Hat, Inc. * * Portions adapted from Mx's data/style/default.css * Copyright 2009 Intel Corporation * * This program is free software; you can redistribute it and/or modify it * under the terms and conditions of the GNU Lesser General Public License, * version 2.1, as published by the Free Software Foundation. * * This program is distributed in the hope it will be useful, but WITHOUT ANY * WARRANTY; without even the implied warranty of MERCHANTABILITY or FITNESS * FOR A PARTICULAR PURPOSE. See the GNU Lesser General Public License for * more details. * * You should have received a copy of the GNU Lesser General Public License * along with this program; if not, write to the Free Software Foundation, * Inc., 51 Franklin St - Fifth Floor, Boston, MA 02110-1301 USA. */ /* Global Values */ stage { font-size: 11pt; color: #3D3D3D; } /* Common Stylings */ .screenshot-ui-panel, .workspace-switcher, .switcher-list, .resize-popup, .osd-monitor-label, .osd-window { color: #eeeeec; background-color: rgba(29, 29, 29, 0.975); border: 1px solid #464646; border-radius: 999px; padding: 12px; box-shadow: 0 3px 9px 1px rgba(0, 0, 0, 0.5); } .workspace-thumbnails .workspace-thumbnail { color: #eeeeec; background-color: rgba(238, 238, 236, 0.1); } .app-well-app.app-folder .overview-icon, .app-folder.grid-search-result .overview-icon, .app-well-app .overview-icon, .grid-search-result .overview-icon, .dash-item-container .show-apps .overview-icon, .list-search-result, .search-provider-icon, .switcher-list .item-box { border-radius: 12px; padding: 6px; spacing: 6px; border: 2px solid transparent; transition-duration: 100ms; text-align: center; color: #eeeeec; } .modal-dialog { color: #3D3D3D; background-color: #FAFAFA; border-radius: 8.5px; border: 1px solid rgba(255, 255, 255, 0.8); } #LookingGlassDialog > #Toolbar .lg-toolbar-button, .pad-osd-window .button, .button, .app-folder-dialog .folder-name-container .edit-folder-button { border-radius: 4px; border-style: solid; border-width: 1px; font-weight: bold; padding: 3px 24px; color: #3D3D3D; background-color: #ededed; } #LookingGlassDialog > #Toolbar .lg-toolbar-button:focus, .button:focus, .app-folder-dialog .folder-name-container .edit-folder-button:focus { color: #3D3D3D; background-color: #ededed; box-shadow: inset 0 0 0 2px #c87ec8; } #LookingGlassDialog > #Toolbar .lg-toolbar-button:focus:hover, .button:focus:hover, .app-folder-dialog .folder-name-container .edit-folder-button:focus:hover { background-color: #e5e5e5; box-shadow: inset 0 0 0 2px #c87ec8; } #LookingGlassDialog > #Toolbar .lg-toolbar-button:focus:active, .button:focus:active, .app-folder-dialog .folder-name-container .edit-folder-button:focus:active { background-color: #dedede; box-shadow: inset 0 0 0 2px #c87ec8; } #LookingGlassDialog > #Toolbar .lg-toolbar-button:hover, .button:hover, .app-folder-dialog .folder-name-container .edit-folder-button:hover { color: #3D3D3D; background-color: #e5e5e5; } #LookingGlassDialog > #Toolbar .lg-toolbar-button:insensitive, .button:insensitive, .app-folder-dialog .folder-name-container .edit-folder-button:insensitive { color: rgba(61, 61, 61, 0.5); background-color: rgba(61, 61, 61, 0.05); } #LookingGlassDialog > #Toolbar .lg-toolbar-button:active, .button:active, .app-folder-dialog .folder-name-container .edit-folder-button:active { color: #3D3D3D; background-color: #dedede; } #LookingGlassDialog > #Toolbar .lg-toolbar-button:checked, .button:checked, .app-folder-dialog .folder-name-container .edit-folder-button:checked { color: #3D3D3D; background-color: #d6d6d6; } #LookingGlassDialog > #Toolbar .lg-toolbar-button:checked:hover, .button:checked:hover, .app-folder-dialog .folder-name-container .edit-folder-button:checked:hover { background-color: #cecece; } #LookingGlassDialog > #Toolbar .lg-toolbar-button:checked:active, .button:checked:active, .app-folder-dialog .folder-name-container .edit-folder-button:checked:active { background-color: #c7c7c7; } .app-folder-dialog .folder-name-container .edit-folder-button { color: #F7F7F7; background-color: #2c2c2c; } .app-folder-dialog .folder-name-container .edit-folder-button:focus { color: #F7F7F7; background-color: #2c2c2c; box-shadow: inset 0 0 0 2px #c87ec8; } .app-folder-dialog .folder-name-container .edit-folder-button:focus:hover { background-color: #242424; box-shadow: inset 0 0 0 2px #c87ec8; } .app-folder-dialog .folder-name-container .edit-folder-button:focus:active { background-color: #1d1d1d; box-shadow: inset 0 0 0 2px #c87ec8; } .app-folder-dialog .folder-name-container .edit-folder-button:hover { color: #F7F7F7; background-color: #242424; } .app-folder-dialog .folder-name-container .edit-folder-button:insensitive { color: rgba(247, 247, 247, 0.5); background-color: rgba(247, 247, 247, 0.05); } .app-folder-dialog .folder-name-container .edit-folder-button:active { color: #F7F7F7; background-color: #1d1d1d; } .app-folder-dialog .folder-name-container .edit-folder-button:checked { color: #F7F7F7; background-color: #151515; } .app-folder-dialog .folder-name-container .edit-folder-button:checked:hover { background-color: #0d0d0d; } .app-folder-dialog .folder-name-container .edit-folder-button:checked:active { background-color: #060606; } .modal-dialog .modal-dialog-linked-button, .hotplug-notification-item, .notification-banner .notification-button { padding: 12px; color: #3D3D3D; background-color: #ededed; } .modal-dialog .modal-dialog-linked-button:ltr, .hotplug-notification-item:ltr, .notification-banner .notification-button:ltr { margin-right: 1px; } .modal-dialog .modal-dialog-linked-button:rtl, .hotplug-notification-item:rtl, .notification-banner .notification-button:rtl { margin-left: 1px; } .modal-dialog .modal-dialog-linked-button:insensitive, .hotplug-notification-item:insensitive, .notification-banner .notification-button:insensitive { color: rgba(61, 61, 61, 0.5); background-color: rgba(61, 61, 61, 0.05); } .modal-dialog .modal-dialog-linked-button:focus, .hotplug-notification-item:focus, .notification-banner .notification-button:focus { color: #3D3D3D; background-color: #ededed; box-shadow: inset 0 0 0 2px #c87ec8; } .modal-dialog .modal-dialog-linked-button:focus:hover, .hotplug-notification-item:focus:hover, .notification-banner .notification-button:focus:hover { background-color: #e5e5e5; box-shadow: inset 0 0 0 2px #c87ec8; } .modal-dialog .modal-dialog-linked-button:focus:active, .hotplug-notification-item:focus:active, .notification-banner .notification-button:focus:active { background-color: #dedede; box-shadow: inset 0 0 0 2px #c87ec8; } .modal-dialog .modal-dialog-linked-button:hover, .hotplug-notification-item:hover, .notification-banner .notification-button:hover { color: #3D3D3D; background-color: #e5e5e5; } .modal-dialog .modal-dialog-linked-button:active, .hotplug-notification-item:active, .notification-banner .notification-button:active { color: #3D3D3D; background-color: #dedede; } .modal-dialog .modal-dialog-linked-button:first-child:ltr, .hotplug-notification-item:first-child:ltr, .notification-banner .notification-button:first-child:ltr { border-radius: 0 0 0 7.5px; } .modal-dialog .modal-dialog-linked-button:last-child:ltr, .hotplug-notification-item:last-child:ltr, .notification-banner .notification-button:last-child:ltr { border-radius: 0 0 7.5px 0; margin-right: 0 !important; } .modal-dialog .modal-dialog-linked-button:first-child:rtl, .hotplug-notification-item:first-child:rtl, .notification-banner .notification-button:first-child:rtl { border-radius: 0 0 7.5px 0; margin-left: 0 !important; } .modal-dialog .modal-dialog-linked-button:last-child:rtl, .hotplug-notification-item:last-child:rtl, .notification-banner .notification-button:last-child:rtl { border-radius: 0 0 0 7.5px; margin-right: 0 !important; } .modal-dialog .modal-dialog-linked-button:first-child:last-child, .hotplug-notification-item:first-child:last-child, .notification-banner .notification-button:first-child:last-child { border-radius: 0 0 7.5px 7.5px !important; margin-left: 0 !important; margin-right: 0 !important; } .screenshot-ui-show-pointer-button, .screenshot-ui-type-button { background-color: transparent; background-color: none; } .screenshot-ui-show-pointer-button:insensitive, .screenshot-ui-type-button:insensitive { color: rgba(61, 61, 61, 0.5); background-color: rgba(61, 61, 61, 0.05); background-color: transparent; color: rgba(255, 255, 255, 0.5); } .screenshot-ui-show-pointer-button:insensitive, .screenshot-ui-type-button:insensitive { background-color: transparent; background-color: none; } .screenshot-ui-show-pointer-button:insensitive:insensitive, .screenshot-ui-type-button:insensitive:insensitive { color: rgba(61, 61, 61, 0.5); background-color: rgba(61, 61, 61, 0.05); background-color: transparent; color: rgba(255, 255, 255, 0.5); } .screenshot-ui-show-pointer-button:focus, .screenshot-ui-type-button:focus { color: #eeeeec; background-color: rgba(44, 44, 44, 0.97675); box-shadow: inset 0 0 0 2px #c87ec8; } .screenshot-ui-show-pointer-button:focus:hover, .screenshot-ui-type-button:focus:hover { background-color: rgba(36, 36, 36, 0.97675); box-shadow: inset 0 0 0 2px #c87ec8; } .screenshot-ui-show-pointer-button:focus:active, .screenshot-ui-type-button:focus:active { background-color: rgba(29, 29, 29, 0.97675); box-shadow: inset 0 0 0 2px #c87ec8; } .screenshot-ui-show-pointer-button:hover, .screenshot-ui-type-button:hover { color: #eeeeec; background-color: rgba(36, 36, 36, 0.97675); } .screenshot-ui-show-pointer-button:active, .screenshot-ui-type-button:active { color: #eeeeec; background-color: rgba(29, 29, 29, 0.97675); } .screenshot-ui-show-pointer-button:outlined, .screenshot-ui-type-button:outlined, .screenshot-ui-show-pointer-button:checked, .screenshot-ui-type-button:checked { color: #eeeeec; background-color: rgba(21, 21, 21, 0.97675); } .screenshot-ui-show-pointer-button:outlined:hover, .screenshot-ui-type-button:outlined:hover, .screenshot-ui-show-pointer-button:checked:hover, .screenshot-ui-type-button:checked:hover { background-color: rgba(13, 13, 13, 0.97675); } .screenshot-ui-show-pointer-button:outlined:active, .screenshot-ui-type-button:outlined:active, .screenshot-ui-show-pointer-button:checked:active, .screenshot-ui-type-button:checked:active { background-color: rgba(6, 6, 6, 0.97675); } /* General Typography */ .app-folder-dialog .folder-name-container .folder-name-label, .app-folder-dialog .folder-name-container .folder-name-entry, .search-statustext { font-weight: 800; font-size: 20pt; } .lg-debug-flags-header, .message-dialog-content .message-dialog-title, .message-list .message-list-placeholder, .datemenu-today-button .date-label { font-weight: 800; font-size: 15pt; } .nm-dialog-airplane-headline { font-weight: 700; font-size: 15pt; } .message-dialog-content .message-dialog-title.lightweight, .headline { font-weight: 700; font-size: 13pt; } .lg-extension-name, .osd-window, .nm-dialog-header, .dialog-list .dialog-list-title, .message-list-controls, .weather-button .weather-forecast-temp, .weather-button .weather-header, .world-clocks-button .world-clocks-time, .world-clocks-button .world-clocks-header, .events-button .events-title, .calendar .calendar-month-header .calendar-month-label, .datemenu-today-button .day-label, .popup-menu-ornament { font-weight: 700; font-size: 11pt; } .app-menu .popup-inactive-menu-item:first-child > StLabel { font-weight: 700; font-size: 9pt; } .login-dialog-not-listed-label, .lg-completions-text, .caps-lock-warning-label, #dash, .icon-label-button-container, .prompt-dialog-error-label, .prompt-dialog-info-label, .prompt-dialog-null-label, .run-dialog .run-dialog-description, .dialog-list .dialog-list-box .dialog-list-item .dialog-list-item-description, .weather-button .weather-forecast-time, .world-clocks-button .world-clocks-timezone, .events-button .event-time { font-weight: 400; font-size: 9pt; } .calendar .calendar-day-base.calendar-day-heading, .calendar .calendar-day-base { font-weight: 400; font-size: 8pt; } .unlock-dialog-clock-time, #panel, .weather-button .weather-forecast-time, .world-clocks-button .world-clocks-timezone, .world-clocks-button .world-clocks-time, .events-button .event-time, .calendar .calendar-day-base { font-feature-settings: "tnum"; } /* WIDGETS */ .shell-link { color: #8f3d8f; } .shell-link:hover { color: #b34cb3; } .lowres-icon { icon-shadow: 0 1px 2px rgba(0, 0, 0, 0.3); } .icon-dropshadow { icon-shadow: 0 1px 5px rgba(0, 0, 0, 0.8); } /* Entries */ StEntry { min-height: 22px; border-radius: 6px; padding: 8px; border-width: 1px; color: #3D3D3D; background-color: white; color: rgba(61, 61, 61, 0.7); border: 1px solid #c7c7c7; selection-background-color: #B34CB3; selected-color: #FFFFFF; } StEntry:hover { background-color: white; border-color: #d4d4d4; color: #3D3D3D; } StEntry:focus { background-color: white; border-color: #c87ec8; box-shadow: 0 0 0 1px #c87ec8 inset; color: #3D3D3D; } StEntry:insensitive { background-color: white; border-color: white; color: #9c9c9c; } StEntry StIcon.capslock-warning { icon-size: 16px; warning-color: #f99b11; padding: 0 4px; } StEntry StIcon.peek-password { icon-size: 1.09em; padding: 0 4px; } StEntry StLabel.hint-text { margin-left: 2px; color: rgba(61, 61, 61, 0.7); } /* Buttons */ .button { min-height: 22px; } /* Check Boxes */ .check-box StBoxLayout { spacing: .8em; } .check-box StBin { width: 24px; height: 22px; background-image: url("resource:///org/gnome/shell/theme/checkbox-off-magenta.svg"); } .check-box:focus StBin { background-image: url("resource:///org/gnome/shell/theme/checkbox-off-focused-magenta.svg"); } .check-box:checked StBin { background-image: url("resource:///org/gnome/shell/theme/checkbox-magenta.svg"); } .check-box:focus:checked StBin { background-image: url("resource:///org/gnome/shell/theme/checkbox-focused-magenta.svg"); } /* Switches */ .toggle-switch { color: #3D3D3D; height: 26px; width: 48px; background-size: contain; background-image: url("resource:///org/gnome/shell/theme/toggle-off-magenta.svg"); } .toggle-switch:checked { background-image: url("resource:///org/gnome/shell/theme/toggle-on-magenta.svg"); } /* Slider */ .slider { -barlevel-height: 4px; -barlevel-background-color: rgba(61, 61, 61, 0.4); -barlevel-border-width: 2px; -barlevel-border-color: transparent; -barlevel-active-background-color: #B34CB3; -barlevel-active-border-color: transparent; -barlevel-overdrive-color: #c7162b; -barlevel-overdrive-border-color: transparent; -barlevel-overdrive-separator-width: 1px; -slider-handle-border-width: 1px; -slider-handle-border-color: #b5b5b5; -slider-handle-radius: 8px; color: #fcfcfc; height: 18px; } /* Scrollbars */ StScrollView.vfade { -st-vfade-offset: 68px; } StScrollView.hfade { -st-hfade-offset: 68px; } StScrollBar { padding: 0; } StScrollView StScrollBar { min-width: 8px; min-height: 8px; } StScrollBar StBin#trough { border-radius: 0; background-color: transparent; } StScrollBar StButton#vhandle, StScrollBar StButton#hhandle { border-radius: 8px; background-color: #c1c1c1; border: 3px solid transparent; transition: 500ms all ease; } StScrollBar StButton#vhandle:hover, StScrollBar StButton#hhandle:hover { background-color: #9c9c9c; } StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { background-color: #aeaeae; } /* Popovers/Menus */ .popup-menu-boxpointer, .candidate-popup-boxpointer { -arrow-rise: 6px; } .popup-menu { min-width: 15em; color: #3D3D3D; } .popup-menu.panel-menu { margin-bottom: 1.75em; } .popup-menu-content, .candidate-popup-content { padding: 6px; border-radius: 10px; border: 1px solid rgba(255, 255, 255, 0.8); box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.1); background-color: #FAFAFA; } .popup-menu-item { padding: 9px 12px; border-radius: 6px; spacing: 6px; transition: 0.2s all ease; background-color: transparent; } .popup-menu-item:ltr { padding-left: 6px; } .popup-menu-item:rtl { padding-right: 6px; } .popup-menu-item:focus, .popup-menu-item:hover { background-color: rgba(61, 61, 61, 0.1) !important; } .popup-menu-item:focus:active, .popup-menu-item:hover:active { background-color: rgba(61, 61, 61, 0.2) !important; } .popup-menu-item:checked { background-color: #e8e8e8 !important; } .popup-menu-item:checked { margin-bottom: 0; box-shadow: inset 0 -1px 0 0 #dbdbdb; border-radius: 6px 6px 0 0; } .popup-menu-item:checked:focus, .popup-menu-item:checked:hover { background-color: #d9d9d9 !important; } .popup-menu-item:checked:active { background-color: #d1d1d1 !important; } .popup-menu-item:active { background-color: #d1d1d1; color: #303030; } .popup-menu-item:insensitive { color: rgba(61, 61, 61, 0.5); } .popup-menu-item .toggle-switch:ltr { margin-left: 4px; } .popup-menu-item .toggle-switch:rtl { margin-right: 4px; } .popup-inactive-menu-item { color: #3D3D3D; } .popup-inactive-menu-item:insensitive { color: #9c9c9c; } .popup-menu-arrow, .popup-menu-icon { icon-size: 16px !important; } .popup-sub-menu { background-color: #e8e8e8; border-radius: 0 0 6px 6px; } .popup-sub-menu .popup-menu-ornament { min-width: 1.09em !important; } .popup-sub-menu .popup-menu-item { border-radius: 0; margin: 0; } .popup-sub-menu .popup-menu-item:last-child { border-radius: 0 0 6px 6px; } .popup-sub-menu .popup-menu-item:focus, .popup-sub-menu .popup-menu-item:hover { background-color: rgba(87, 87, 87, 0.1) !important; } .popup-sub-menu .popup-menu-item:checked { background-color: white !important; } .popup-sub-menu .popup-menu-item:checked:focus, .popup-sub-menu .popup-menu-item:checked:hover { background-color: #fdfdfd !important; } .popup-sub-menu .popup-menu-item:active { background-color: rgba(87, 87, 87, 0.2) !important; } .popup-sub-menu .popup-menu-section .popup-menu-item:last-child:hover, .popup-sub-menu .popup-menu-section .popup-menu-item:last-child:focus { border-radius: 0; } .popup-sub-menu .popup-menu-section:last-child .popup-menu-item:last-child { border-radius: 0 0 6px 6px; } .popup-menu-ornament { width: 1.2em; text-align: center !important; } .popup-menu-ornament:ltr { text-align: right; } .popup-menu-ornament:rtl { text-align: left; } .popup-separator-menu-item { margin: 6px 0; padding: 0 !important; } .popup-separator-menu-item:ltr { margin-right: 4px; } .popup-separator-menu-item:rtl { margin-left: 4px; } .popup-separator-menu-item .popup-separator-menu-item-separator { height: 1px; background-color: #c7c7c7; } .popup-separator-menu-item .popup-menu-ornament { width: 0 !important; } .popup-sub-menu .popup-separator-menu-item { background-color: transparent; } .popup-sub-menu .popup-separator-menu-item:ltr { margin-right: 2.5em; } .popup-sub-menu .popup-separator-menu-item:rtl { margin-left: 2.5em; } .popup-sub-menu .popup-separator-menu-item .popup-separator-menu-item-separator { background-color: #d9d9d9; } .background-menu { -boxpointer-gap: 0px; -arrow-rise: 0px; } .aggregate-menu { min-width: 22em; } .aggregate-menu .popup-menu-ornament { width: 0 !important; } .aggregate-menu .popup-menu-icon { -st-icon-style: symbolic; } .aggregate-menu .popup-menu-icon:ltr { margin-right: 8px; } .aggregate-menu .popup-menu-icon:rtl { margin-left: 8px; } .aggregate-menu .popup-sub-menu .popup-menu-item > :first-child:ltr { margin-left: 1em; } .aggregate-menu .popup-sub-menu .popup-menu-item > :first-child:rtl { margin-right: 1em; } .app-menu { max-width: 27.25em; } .app-menu .popup-menu-ornament { width: 0 !important; } .app-menu .popup-inactive-menu-item:first-child > StLabel:ltr { margin-right: 8px; } .app-menu .popup-inactive-menu-item:first-child > StLabel:rtl { margin-left: 8px; } /* Date/Time Menu */ #calendarArea { padding: 4px; } .datemenu-calendar-column { spacing: 6px; } .datemenu-calendar-column:ltr { padding-left: 6px; } .datemenu-calendar-column:rtl { padding-right: 6px; } .datemenu-calendar-column .datemenu-displays-box { spacing: 6px; } /* today button (the date) */ .datemenu-today-button { border-radius: 6px; margin: 4px; box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.1); background-color: transparent; background-color: none; box-shadow: none !important; padding: 9px; } .datemenu-today-button:insensitive { color: rgba(61, 61, 61, 0.5); background-color: rgba(61, 61, 61, 0.05); background-color: transparent; color: rgba(255, 255, 255, 0.5); } .datemenu-today-button:focus { color: #3D3D3D; background-color: #ededed; box-shadow: inset 0 0 0 2px #c87ec8; } .datemenu-today-button:focus:hover { background-color: #e5e5e5; box-shadow: inset 0 0 0 2px #c87ec8; } .datemenu-today-button:focus:active { background-color: #dedede; box-shadow: inset 0 0 0 2px #c87ec8; } .datemenu-today-button:hover { color: #3D3D3D; background-color: #e5e5e5; } .datemenu-today-button:active { color: #3D3D3D; background-color: #dedede; } .datemenu-today-button:insensitive .day-label, .datemenu-today-button:insensitive .date-label { color: #9c9c9c; } /* Calendar */ .calendar { border-radius: 6px; margin: 4px; box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.1); background-color: transparent; background-color: none; box-shadow: none !important; margin-top: 0; } .calendar:insensitive { color: rgba(61, 61, 61, 0.5); background-color: rgba(61, 61, 61, 0.05); background-color: transparent; color: rgba(255, 255, 255, 0.5); } .calendar:focus { color: #3D3D3D; background-color: #ededed; box-shadow: inset 0 0 0 2px #c87ec8; } .calendar:focus:hover { background-color: #e5e5e5; box-shadow: inset 0 0 0 2px #c87ec8; } .calendar:focus:active { background-color: #dedede; box-shadow: inset 0 0 0 2px #c87ec8; } .calendar:hover { color: #3D3D3D; background-color: #e5e5e5; } .calendar:active { color: #3D3D3D; background-color: #dedede; } .calendar .calendar-month-header .calendar-change-month-back StIcon, .calendar .calendar-month-header .calendar-change-month-forward StIcon { icon-size: 1.09em; } .calendar .calendar-month-header .calendar-month-label { color: #4a4a4a; padding: 8px 0; } .calendar .calendar-month-header .pager-button { background-color: transparent; height: 32px; width: 32px; margin: 2px; border-radius: 4px; } .calendar .calendar-month-header .pager-button:hover, .calendar .calendar-month-header .pager-button:focus { background-color: rgba(61, 61, 61, 0.1); } .calendar .calendar-month-header .pager-button:active { background-color: rgba(61, 61, 61, 0.2); } .calendar .calendar-day-base { text-align: center; margin: 2px; padding: 0 !important; height: 3em !important; width: 3em !important; border-radius: 99px; } .calendar .calendar-day-base:hover { background-color: rgba(61, 61, 61, 0.1); } .calendar .calendar-day-base:focus { background-color: #ecd7ec; box-shadow: inset 0 0 0 2px rgba(179, 76, 179, 0.6); } .calendar .calendar-day-base:active, .calendar .calendar-day-base:selected { color: #303030; background-color: rgba(61, 61, 61, 0.2); } .calendar .calendar-day-base:active:focus, .calendar .calendar-day-base:selected:focus { background-color: rgba(143, 71, 143, 0.36); } .calendar .calendar-day-base.calendar-day-heading { color: #9c9c9c; padding-top: 6px; height: 16px !important; font-weight: bold; } .calendar .calendar-nonwork-day { color: #9c9c9c; } .calendar .calendar-other-month-day { color: rgba(61, 61, 61, 0.5); } .calendar .calendar-other-month-day.calendar-nonwork-day { color: rgba(156, 156, 156, 0.5); } .calendar .calendar-today { background-color: #B34CB3; font-weight: 800; color: #FFFFFF !important; } .calendar .calendar-today:hover, .calendar .calendar-today:focus { background-color: #b857b8; color: inherit; } .calendar .calendar-today:active, .calendar .calendar-today:selected { background-color: #B34CB3; color: inherit; } .calendar .calendar-today:active:hover, .calendar .calendar-today:active:focus, .calendar .calendar-today:selected:hover, .calendar .calendar-today:selected:focus { background-color: #b857b8; color: inherit; } .calendar .calendar-day-with-events { background-image: url("resource:///org/gnome/shell/theme/calendar-today-light.svg"); background-size: contain; } .calendar .calendar-week-number { font-size: 7pt; font-weight: bold; font-feature-settings: "tnum"; margin: 6px; padding: 0 6px; border-radius: 3px; background-color: whitesmoke; color: #9c9c9c; } /* Events */ .events-button { border-radius: 6px; margin: 4px; box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.1); color: #3D3D3D; background-color: #ededed; padding: 12px; } .events-button:focus { color: #3D3D3D; background-color: #ededed; box-shadow: inset 0 0 0 2px #c87ec8; } .events-button:focus:hover { background-color: #e5e5e5; box-shadow: inset 0 0 0 2px #c87ec8; } .events-button:focus:active { background-color: #dedede; box-shadow: inset 0 0 0 2px #c87ec8; } .events-button:hover { color: #3D3D3D; background-color: #e5e5e5; } .events-button:active { color: #3D3D3D; background-color: #dedede; } .events-button .events-box { spacing: 6px; } .events-button .events-list { spacing: 12px; } .events-button .events-title { color: #9c9c9c; margin-bottom: 4px; } .events-button .event-time { color: #9c9c9c; } /* World clocks */ .world-clocks-button { border-radius: 6px; margin: 4px; box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.1); color: #3D3D3D; background-color: #ededed; padding: 12px; } .world-clocks-button:focus { color: #3D3D3D; background-color: #ededed; box-shadow: inset 0 0 0 2px #c87ec8; } .world-clocks-button:focus:hover { background-color: #e5e5e5; box-shadow: inset 0 0 0 2px #c87ec8; } .world-clocks-button:focus:active { background-color: #dedede; box-shadow: inset 0 0 0 2px #c87ec8; } .world-clocks-button:hover { color: #3D3D3D; background-color: #e5e5e5; } .world-clocks-button:active { color: #3D3D3D; background-color: #dedede; } .world-clocks-button .world-clocks-grid { spacing-rows: 6px; spacing-columns: 12px; } .world-clocks-button .world-clocks-header { color: #9c9c9c; } .world-clocks-button .world-clocks-city { color: #3D3D3D; } .world-clocks-button .world-clocks-time { color: #3D3D3D; } .world-clocks-button .world-clocks-time:ltr { text-align: right; } .world-clocks-button .world-clocks-time:rtl { text-align: left; } .world-clocks-button .world-clocks-timezone { color: #9c9c9c; } /* Weather */ .weather-button { border-radius: 6px; margin: 4px; box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.1); color: #3D3D3D; background-color: #ededed; padding: 12px; } .weather-button:focus { color: #3D3D3D; background-color: #ededed; box-shadow: inset 0 0 0 2px #c87ec8; } .weather-button:focus:hover { background-color: #e5e5e5; box-shadow: inset 0 0 0 2px #c87ec8; } .weather-button:focus:active { background-color: #dedede; box-shadow: inset 0 0 0 2px #c87ec8; } .weather-button:hover { color: #3D3D3D; background-color: #e5e5e5; } .weather-button:active { color: #3D3D3D; background-color: #dedede; } .weather-button .weather-box { spacing: 10px; } .weather-button .weather-header-box { spacing: 6px; } .weather-button .weather-header { color: #9c9c9c; } .weather-button .weather-header.location { font-weight: normal; } .weather-button .weather-grid { spacing-rows: 6px; spacing-columns: 12px; } .weather-button .weather-forecast-time { color: black; padding-top: 0.2em; padding-bottom: 0.4em; } .weather-button .weather-forecast-icon { icon-size: 2.18em; } /* Message List */ .message-list { width: 29em; border: solid #c7c7c7; } .message-list:ltr { margin-left: 0; margin-right: 4px; padding-right: 6px; border-right-width: 1px; } .message-list:rtl { margin-right: 0; margin-left: 4px; padding-left: 6px; border-left-width: 1px; } .message-list .message-list-placeholder { color: rgba(156, 156, 156, 0.5); } .message-list .message-list-placeholder > StIcon { icon-size: 3.27em; margin-bottom: 12px; -st-icon-style: symbolic; } .message-list-sections { spacing: 6px; margin: 0; padding-bottom: 6px; } .message-list-sections:ltr { margin-right: 12px; } .message-list-sections:rtl { margin-left: 12px; } .message-list-section, .message-list-section-list { spacing: 6px; } .message-list-controls { padding: 6px; spacing: 6px; } .message-list-controls .dnd-button { border-width: 2px; border-color: transparent; border-radius: 32px; border-style: solid; } .message-list-controls .dnd-button:focus { border-color: #c87ec8; } .message { border-radius: 6px; margin: 4px; box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.1); color: #3D3D3D; background-color: #ededed; } .message:focus { color: #3D3D3D; background-color: #ededed; box-shadow: inset 0 0 0 2px #c87ec8; } .message:focus:hover { background-color: #e5e5e5; box-shadow: inset 0 0 0 2px #c87ec8; } .message:focus:active { background-color: #dedede; box-shadow: inset 0 0 0 2px #c87ec8; } .message:hover { color: #3D3D3D; background-color: #e5e5e5; } .message:active { color: #3D3D3D; background-color: #dedede; } .message .message-icon-bin { padding: 18px; } .message .message-icon-bin:ltr { padding-right: 6px; } .message .message-icon-bin:rtl { padding-left: 6px; } .message .message-icon-bin > StIcon { icon-size: 2.18em; -st-icon-style: symbolic; } .message .message-icon-bin > .fallback-app-icon { width: 1.09em; height: 1.09em; } .message .message-content { spacing: 4px; padding: 9px; margin-bottom: 8px; } .message .message-title { font-weight: bold; /* HACK: the label should be baseline-aligned with a 1em label, fake this with some bottom padding */ padding-top: 0.57em; } .message .message-secondary-bin { padding: 0 8px; } .message .message-secondary-bin > .event-time { color: rgba(61, 61, 61, 0.5); font-size: 9pt; /* HACK: the label should be baseline-aligned with a 1em label, fake this with some bottom padding */ padding-bottom: 0.13em; } .message .message-secondary-bin > .event-time:ltr { text-align: right; } .message .message-secondary-bin > .event-time:rtl { text-align: left; } .message .message-close-button { color: #3D3D3D; background-color: rgba(61, 61, 61, 0.1); border-radius: 99px; padding: 5px; margin: 1px; } .message .message-close-button:hover { background-color: rgba(61, 61, 61, 0.2); } .message .message-close-button:active { background-color: rgba(61, 61, 61, 0.1); } .message .message-body { color: #242424; } .url-highlighter { link-color: #8f3d8f; } /* Media Controls */ .message-media-control { padding: 0 18px; margin: 12px 0; border-radius: 6px; color: #3D3D3D; } .message-media-control:hover { background-color: rgba(74, 74, 74, 0.1); color: #3D3D3D; } .message-media-control:active { background-color: rgba(61, 61, 61, 0.2); color: #3D3D3D; } .message-media-control:insensitive { color: darkgray; } .message-media-control:last-child:ltr { margin-right: 12px; } .message-media-control:last-child:rtl { margin-left: 12px; } .media-message-cover-icon { icon-size: 3.27em !important; border-radius: 6px; } .media-message-cover-icon.fallback { color: #121212; background-color: #FAFAFA; border: 1px solid transparent; border-radius: 6px; icon-size: 2.18em !important; padding: 14px; } .candidate-popup-content { padding: 6px; spacing: 6px; } .candidate-index { padding: 0; padding-right: 6px; color: #9c9c9c; } .candidate-box { padding: 6px 12px 6px 12px; border-radius: 6px; } .candidate-box:selected { background-color: #B34CB3; color: #FFFFFF; } .candidate-box:hover { background-color: rgba(61, 61, 61, 0.1); color: #3D3D3D; } .candidate-page-button-box { height: 2em; } .vertical .candidate-page-button-box { padding-top: 12px; } .horizontal .candidate-page-button-box { padding-left: 12px; } .candidate-page-button { padding: 6px; } .candidate-page-button-previous { border-radius: 6px 0px 0px 6px; border-right-width: 0; box-shadow: none; } .candidate-page-button-next { border-radius: 0px 6px 6px 0px; box-shadow: none; } .candidate-page-button-icon { icon-size: 1.09em; } /* Notifications & Message Tray */ .notification-banner { min-height: 64px; width: 34em; box-shadow: 0 2px 4px 2px rgba(0, 0, 0, 0.1); border-radius: 9px; margin: 4px; background-color: #FAFAFA; } .notification-banner .notification-actions { spacing: 0; } .notification-banner:hover { background-color: whitesmoke; } .notification-banner:active { background-color: #f0f0f0; } .notification-banner, .notification-banner:hover, .notification-banner:focus, .notification-banner:active { box-shadow: 0 0 4px 2px rgba(0, 0, 0, 0.1); border: 1px solid #c7c7c7; } .summary-source-counter { font-size: 10pt; font-weight: bold; height: 1.6em; width: 1.6em; -shell-counter-overlap-x: 3px; -shell-counter-overlap-y: 3px; background-color: #B34CB3; color: #FFFFFF; border: 2px solid #3D3D3D; box-shadow: 0 2px 2px rgba(0, 0, 0, 0.5); border-radius: 0.9em; } .chat-body { spacing: 5px; } .chat-response { margin: 5px; } .chat-log-message { color: #242424; } .chat-new-group { padding-top: 1em; } .chat-received { padding-left: 4px; } .chat-received:rtl { padding-left: 0px; padding-right: 4px; } .chat-sent { padding-left: 18pt; color: #636363; } .chat-sent:rtl { padding-left: 0; padding-right: 18pt; } .chat-meta-message { padding-left: 4px; font-size: 9pt; font-weight: bold; color: #6b6b6b; } .chat-meta-message:rtl { padding-left: 0; padding-right: 4px; } .hotplug-notification-item-icon { icon-size: 24px; padding: 0 4px; } /* Modal Dialogs */ .modal-dialog .modal-dialog-content-box { margin: 32px 40px; spacing: 32px; max-width: 28em; } /* End Session Dialog */ .end-session-dialog { width: 30em; } .end-session-dialog .end-session-dialog-battery-warning, .end-session-dialog .dialog-list-title { color: #f99b11; } /* Message Dialog */ .message-dialog-content { spacing: 18px; } .message-dialog-content .message-dialog-title { text-align: center; } .message-dialog-content .message-dialog-description { text-align: center; } /* Dialog List */ .dialog-list { spacing: 18px; } .dialog-list .dialog-list-title { text-align: center; } .dialog-list .dialog-list-scrollview { max-height: 200px; } .dialog-list .dialog-list-box { spacing: 1em; } .dialog-list .dialog-list-box .dialog-list-item { spacing: 1em; } .dialog-list .dialog-list-box .dialog-list-item .dialog-list-item-title { font-weight: bold; } .dialog-list .dialog-list-box .dialog-list-item .dialog-list-item-description { color: #303030; } /* Run Dialog */ .run-dialog .modal-dialog-content-box { margin-top: 24px; margin-bottom: 14px; } .run-dialog .run-dialog-entry { width: 20em; } .run-dialog .run-dialog-description { text-align: center; color: #0a0a0a; } /* Password or Authentication Dialog */ .prompt-dialog { width: 28em; } .prompt-dialog .modal-dialog-content-box { margin-bottom: 24px; } .prompt-dialog-password-grid { spacing-rows: 8px; spacing-columns: 4px; } .prompt-dialog-password-grid .prompt-dialog-password-entry { width: auto; } .prompt-dialog-password-grid .prompt-dialog-password-entry:ltr { margin-left: 20px; } .prompt-dialog-password-grid .prompt-dialog-password-entry:rtl { margin-right: 20px; } .prompt-dialog-password-layout { spacing: 8px; } .prompt-dialog-password-entry { width: 20em; } .prompt-dialog-error-label, .prompt-dialog-info-label, .prompt-dialog-null-label { text-align: center; } .prompt-dialog-error-label { color: #f99b11; } /* Polkit Dialog */ .polkit-dialog-user-layout { text-align: center; spacing: 8px; margin-bottom: 6px; } .polkit-dialog-user-layout .polkit-dialog-user-root-label { color: #f99b11; } /* Audio selection dialog */ .audio-device-selection-dialog .modal-dialog-content-box { margin-bottom: 28px; } .audio-device-selection-dialog .audio-selection-box { spacing: 20px; } .audio-selection-device { border-radius: 12px; } .audio-selection-device:hover, .audio-selection-device:focus { background-color: rgba(61, 61, 61, 0.1); } .audio-selection-device:active { background-color: #B34CB3; color: #FFFFFF; } .audio-selection-device-box { padding: 20px; spacing: 20px; } .audio-selection-device-icon { icon-size: 4.36em; } /* Welcome dialog */ .welcome-dialog-image { background-image: url("resource:///org/gnome/shell/theme/gnome-shell-start.svg"); background-size: contain; /* Reasonable maximum dimensions */ height: 300px; width: 300px; } /* Select Network dialogs */ .nm-dialog { max-height: 34em; min-height: 31em; min-width: 32em; } .nm-dialog-content { spacing: 20px; padding: 24px; } .nm-dialog-subheader { color: #9c9c9c; } .nm-dialog-header-icon { icon-size: 2.18em; } .nm-dialog-header-hbox { spacing: 10px; } .nm-dialog-scroll-view { padding: 6px; border-radius: 6px; background-color: #ffffff; } .nm-dialog-item { padding: 12px; } .nm-dialog-item:selected { background-color: #B34CB3; border-radius: 3px; color: #FFFFFF; } .nm-dialog-item:hover { background-color: rgba(61, 61, 61, 0.1); } .nm-dialog-icon { icon-size: 1.09em; } .nm-dialog-icons { spacing: 12px; } .no-networks-box { spacing: 6px; } .no-networks-label { color: #9c9c9c; } .nm-dialog-airplane-box { text-align: center; spacing: 12px; } .nm-dialog-airplane-text { color: #9c9c9c; } /* OSD */ .osd-window { text-align: center; font-weight: bold; spacing: 12px; padding: 12px 18px; margin-bottom: 4em; } .osd-window > * { spacing: 8px; } .osd-window StIcon { icon-size: 2.18em; } .osd-window StLabel:ltr { margin-right: 6px; } .osd-window StLabel:rtl { margin-left: 6px; } .osd-window .level { margin-bottom: 4px; height: 6px; min-width: 10.9em; -barlevel-height: 6px; -barlevel-background-color: rgba(238, 238, 236, 0.3); -barlevel-active-background-color: #eeeeec; -barlevel-overdrive-color: #c7162b; -barlevel-overdrive-separator-width: 3px; } .osd-window .level:first-child { margin-bottom: 0px; } .osd-window .level:ltr { margin-right: 6px; } .osd-window .level:rtl { margin-left: 6px; } .osd-monitor-label { border-radius: 12px; font-size: 3em; font-weight: bold; margin: 12px; text-align: center; min-width: 1.3em; } /* Pad OSD */ .pad-osd-window { padding: 32px; background-color: rgba(29, 29, 29, 0.975); color: #eeeeec; } .pad-osd-window .button:insensitive { color: #3D3D3D; } .pad-osd-window .pad-osd-title-box { spacing: 12px; } .pad-osd-window .pad-osd-title-menu-box { spacing: 6px; } .combo-box-label { width: 15em; } /* App Switcher */ .switcher-popup { padding: 0; spacing: 24px; } .switcher-list { padding: 10px; border-radius: 20px; box-shadow: 0 8px 8px 0 rgba(0, 0, 0, 0.1); } .switcher-list .switcher-list-item-container { spacing: 12px; } .switcher-list .item-box { background-color: transparent; } .switcher-list .item-box:hover { background-color: rgba(238, 238, 236, 0.1); } .switcher-list .item-box:selected, .switcher-list .item-box:focus { background-color: rgba(238, 238, 236, 0.13); } .switcher-list .item-box:selected:hover, .switcher-list .item-box:focus:hover { background-color: rgba(238, 238, 236, 0.16); } .switcher-list .item-box:selected:active, .switcher-list .item-box:focus:active { background-color: rgba(238, 238, 236, 0.13); } .switcher-list .item-box:active { background-color: rgba(238, 238, 236, 0.16); } .switcher-list .item-box:outlined, .switcher-list .item-box:checked { background-color: rgba(238, 238, 236, 0.19); } .switcher-list .item-box:outlined:active, .switcher-list .item-box:checked:active { background-color: rgba(238, 238, 236, 0.22); } .switcher-list .item-box:outlined:hover, .switcher-list .item-box:checked:hover { background-color: rgba(238, 238, 236, 0.25); } .switcher-list .item-box:drop { border: 2px solid rgba(179, 76, 179, 0.8); background-color: rgba(179, 76, 179, 0.2); } .switcher-list .item-box:hover { background: none; } .switcher-list .separator { width: 1px; background: #c7c7c7; } .switcher-list .thumbnail-box { padding: 2px; spacing: 6px; } .switcher-list .thumbnail { width: 256px; border-radius: 6px; } .switcher-arrow { border-color: rgba(0, 0, 0, 0); color: rgba(238, 238, 236, 0.8); } .switcher-arrow:highlighted { border-color: #eeeeec; color: #eeeeec; } .input-source-switcher-symbol { font-size: 34pt; width: 96px; height: 96px; } .cycler-highlight { border: 5px solid #B34CB3; } /* Workspace Switcher */ .workspace-switcher { margin-bottom: 4em; spacing: 12px; padding: 12px 18px; } .ws-switcher-indicator { background-color: rgba(238, 238, 236, 0.5); padding: 0.1816666667em; margin: 0.9083333333em; border-radius: 2.18em; } .ws-switcher-indicator:active { background-color: #eeeeec; padding: 0.3633333333em; margin: 0.7266666667em; } .icon-label-button-container { spacing: 6px; } .icon-label-button-container StIcon { icon-size: 32px; } .screenshot-ui-panel { border-radius: 33px; padding: 18px; padding-bottom: 12px; margin-bottom: 4em; spacing: 12px; } .screenshot-ui-close-button { padding: 6px; } .screenshot-ui-close-button.left { margin-left: 8px; } .screenshot-ui-close-button.right { margin-right: 8px; } .screenshot-ui-type-button { padding: 12px 18px !important; border-radius: 15px; } .screenshot-ui-capture-button { width: 36px; height: 36px; border-radius: 99px; border: 4px #eeeeec; padding: 4px; } .screenshot-ui-capture-button .screenshot-ui-capture-button-circle { background-color: #eeeeec; transition-duration: 200ms; border-radius: 99px; } .screenshot-ui-capture-button .screenshot-ui-capture-button-circle:hover, .screenshot-ui-capture-button .screenshot-ui-capture-button-circle:focus { background-color: rgba(61, 61, 61, 0.1); } .screenshot-ui-capture-button:hover .screenshot-ui-capture-button-circle, .screenshot-ui-capture-button:focus .screenshot-ui-capture-button-circle { background-color: #cacac4; } .screenshot-ui-capture-button:active .screenshot-ui-capture-button-circle { background-color: #747467; } .screenshot-ui-capture-button:cast .screenshot-ui-capture-button-circle { background-color: #c7162b; } .screenshot-ui-capture-button:cast:hover .screenshot-ui-capture-button-circle, .screenshot-ui-capture-button:cast:focus .screenshot-ui-capture-button-circle { background-color: #de1930; } .screenshot-ui-capture-button:cast:active .screenshot-ui-capture-button-circle { background-color: #a71224; } .screenshot-ui-shot-cast-container { background-color: rgba(61, 61, 61, 0.1); border-radius: 12px; padding: 3px; spacing: 3px; } .screenshot-ui-shot-cast-container:ltr { margin-left: 3px; } .screenshot-ui-shot-cast-container:rtl { margin-right: 3px; } .screenshot-ui-shot-cast-button { padding: 6px 12px; background-color: transparent; border-radius: 9px; } .screenshot-ui-shot-cast-button:hover, .screenshot-ui-shot-cast-button:focus { background-color: rgba(74, 74, 74, 0.1); } .screenshot-ui-shot-cast-button:active { background-color: rgba(74, 74, 74, 0.2); } .screenshot-ui-shot-cast-button:checked { background-color: white; color: black; } .screenshot-ui-shot-cast-button StIcon { icon-size: 1.09em; } .screenshot-ui-show-pointer-button { border-radius: 99px; padding: 12px !important; } .screenshot-ui-show-pointer-button StIcon { icon-size: 1.09em; } .screenshot-ui-area-indicator-shade { background-color: rgba(0, 0, 0, 0.3); } .screenshot-ui-area-selector .screenshot-ui-area-indicator-shade { background-color: rgba(0, 0, 0, 0.5); } .screenshot-ui-area-selector .screenshot-ui-area-indicator-selection { border: 2px white; } .screenshot-ui-area-selector-handle { border-radius: 99px; background-color: white; box-shadow: 0 1px 3px 2px rgba(0, 0, 0, 0.2); width: 24px; height: 24px; } .screenshot-ui-window-selector { background-color: #222222; } .screenshot-ui-window-selector .screenshot-ui-window-selector-window-container { margin: 100px; } .screenshot-ui-window-selector:primary-monitor .screenshot-ui-window-selector-window-container { margin-bottom: 200px; } .screenshot-ui-window-selector-window-border { transition-duration: 200ms; border-radius: 12px; border: 6px transparent; } .screenshot-ui-window-selector-check { transition-duration: 200ms; color: transparent; border-radius: 99px; border-width: 12px; icon-size: 24px; } .screenshot-ui-window-selector-window:hover .screenshot-ui-window-selector-window-border { border-color: #7d357d; } .screenshot-ui-window-selector-window:checked .screenshot-ui-window-selector-window-border { border-color: #B34CB3; background-color: rgba(179, 76, 179, 0.2); } .screenshot-ui-window-selector-window:checked .screenshot-ui-window-selector-check { color: #FFFFFF; background-color: #B34CB3; } .screenshot-ui-screen-selector { transition-duration: 200ms; background-color: rgba(0, 0, 0, 0.5); } .screenshot-ui-screen-selector:hover { background-color: rgba(0, 0, 0, 0.3); } .screenshot-ui-screen-selector:active { background-color: rgba(0, 0, 0, 0.7); } .screenshot-ui-screen-selector:checked { background-color: transparent; border: 2px white; } .screenshot-ui-tooltip { color: #eeeeec; background-color: rgba(29, 29, 29, 0.975); border-radius: 99px; padding: 6px 12px; text-align: center; -y-offset: 24px; } /* Top Bar */ #panel { background-color: #131313; font-weight: bold; height: 1.86em; transition-duration: 250ms; } #panel.unlock-screen, #panel.login-screen { background-color: transparent; } #panel .panel-button { font-weight: bold; color: #f2f2f2; -natural-hpadding: 12px; -minimum-hpadding: 6px; transition-duration: 150ms; border: 3px solid transparent; border-radius: 99px; } #panel .panel-button.clock-display .clock { transition-duration: 150ms; border: 3px solid transparent; border-radius: 99px; } #panel .panel-button.screen-recording-indicator { box-shadow: inset 0 0 0 100px #c7162b; } #panel .panel-button.screen-recording-indicator StBoxLayout { spacing: 6px; } #panel .panel-button.screen-recording-indicator StIcon { icon-size: 1.09em; } #panel .panel-button:active, #panel .panel-button:overview, #panel .panel-button:focus, #panel .panel-button:checked { box-shadow: inset 0 0 0 100px rgba(242, 242, 242, 0.2); } #panel .panel-button:active.clock-display, #panel .panel-button:overview.clock-display, #panel .panel-button:focus.clock-display, #panel .panel-button:checked.clock-display { box-shadow: none; } #panel .panel-button:active.clock-display .clock, #panel .panel-button:overview.clock-display .clock, #panel .panel-button:focus.clock-display .clock, #panel .panel-button:checked.clock-display .clock { box-shadow: inset 0 0 0 100px rgba(242, 242, 242, 0.2); } #panel .panel-button:active.screen-recording-indicator, #panel .panel-button:overview.screen-recording-indicator, #panel .panel-button:focus.screen-recording-indicator, #panel .panel-button:checked.screen-recording-indicator { box-shadow: inset 0 0 0 100px rgba(199, 22, 43, 0.85); } #panel .panel-button:hover { box-shadow: inset 0 0 0 100px rgba(242, 242, 242, 0.15); } #panel .panel-button:hover.clock-display { box-shadow: none; } #panel .panel-button:hover.clock-display .clock { box-shadow: inset 0 0 0 100px rgba(242, 242, 242, 0.15); } #panel .panel-button:hover.screen-recording-indicator { box-shadow: inset 0 0 0 100px rgba(199, 22, 43, 0.9); } #panel .panel-button:active:hover, #panel .panel-button:overview:hover, #panel .panel-button:focus:hover, #panel .panel-button:checked:hover { box-shadow: inset 0 0 0 100px rgba(242, 242, 242, 0.25); } #panel .panel-button:active:hover.clock-display, #panel .panel-button:overview:hover.clock-display, #panel .panel-button:focus:hover.clock-display, #panel .panel-button:checked:hover.clock-display { box-shadow: none; } #panel .panel-button:active:hover.clock-display .clock, #panel .panel-button:overview:hover.clock-display .clock, #panel .panel-button:focus:hover.clock-display .clock, #panel .panel-button:checked:hover.clock-display .clock { box-shadow: inset 0 0 0 100px rgba(242, 242, 242, 0.25); } #panel .panel-button:active:hover.screen-recording-indicator, #panel .panel-button:overview:hover.screen-recording-indicator, #panel .panel-button:focus:hover.screen-recording-indicator, #panel .panel-button:checked:hover.screen-recording-indicator { box-shadow: inset 0 0 0 100px rgba(199, 22, 43, 0.8); } #panel .panel-button .system-status-icon { icon-size: 1.09em; padding: 5px; margin: 0 4px; } #panel .panel-button .panel-status-indicators-box .system-status-icon, #panel .panel-button .panel-status-menu-box .system-status-icon { margin: 0; } #panel .panel-button .app-menu-icon { -st-icon-style: symbolic; } #panel .panel-button#panelActivities { -natural-hpadding: 18px; } #panel.unlock-screen .panel-button:active, #panel.unlock-screen .panel-button:overview, #panel.unlock-screen .panel-button:focus, #panel.unlock-screen .panel-button:checked, #panel.login-screen .panel-button:active, #panel.login-screen .panel-button:overview, #panel.login-screen .panel-button:focus, #panel.login-screen .panel-button:checked, #panel:overview .panel-button:active, #panel:overview .panel-button:overview, #panel:overview .panel-button:focus, #panel:overview .panel-button:checked { box-shadow: inset 0 0 0 100px rgba(255, 255, 255, 0.15); } #panel.unlock-screen .panel-button:active.clock-display, #panel.unlock-screen .panel-button:overview.clock-display, #panel.unlock-screen .panel-button:focus.clock-display, #panel.unlock-screen .panel-button:checked.clock-display, #panel.login-screen .panel-button:active.clock-display, #panel.login-screen .panel-button:overview.clock-display, #panel.login-screen .panel-button:focus.clock-display, #panel.login-screen .panel-button:checked.clock-display, #panel:overview .panel-button:active.clock-display, #panel:overview .panel-button:overview.clock-display, #panel:overview .panel-button:focus.clock-display, #panel:overview .panel-button:checked.clock-display { box-shadow: none; } #panel.unlock-screen .panel-button:active.clock-display .clock, #panel.unlock-screen .panel-button:overview.clock-display .clock, #panel.unlock-screen .panel-button:focus.clock-display .clock, #panel.unlock-screen .panel-button:checked.clock-display .clock, #panel.login-screen .panel-button:active.clock-display .clock, #panel.login-screen .panel-button:overview.clock-display .clock, #panel.login-screen .panel-button:focus.clock-display .clock, #panel.login-screen .panel-button:checked.clock-display .clock, #panel:overview .panel-button:active.clock-display .clock, #panel:overview .panel-button:overview.clock-display .clock, #panel:overview .panel-button:focus.clock-display .clock, #panel:overview .panel-button:checked.clock-display .clock { box-shadow: inset 0 0 0 100px rgba(255, 255, 255, 0.15); } #panel.unlock-screen .panel-button:active.screen-recording-indicator, #panel.unlock-screen .panel-button:overview.screen-recording-indicator, #panel.unlock-screen .panel-button:focus.screen-recording-indicator, #panel.unlock-screen .panel-button:checked.screen-recording-indicator, #panel.login-screen .panel-button:active.screen-recording-indicator, #panel.login-screen .panel-button:overview.screen-recording-indicator, #panel.login-screen .panel-button:focus.screen-recording-indicator, #panel.login-screen .panel-button:checked.screen-recording-indicator, #panel:overview .panel-button:active.screen-recording-indicator, #panel:overview .panel-button:overview.screen-recording-indicator, #panel:overview .panel-button:focus.screen-recording-indicator, #panel:overview .panel-button:checked.screen-recording-indicator { box-shadow: inset 0 0 0 100px rgba(199, 22, 43, 0.85); } #panel.unlock-screen .panel-button:hover, #panel.login-screen .panel-button:hover, #panel:overview .panel-button:hover { box-shadow: inset 0 0 0 100px rgba(255, 255, 255, 0.1); } #panel.unlock-screen .panel-button:hover.clock-display, #panel.login-screen .panel-button:hover.clock-display, #panel:overview .panel-button:hover.clock-display { box-shadow: none; } #panel.unlock-screen .panel-button:hover.clock-display .clock, #panel.login-screen .panel-button:hover.clock-display .clock, #panel:overview .panel-button:hover.clock-display .clock { box-shadow: inset 0 0 0 100px rgba(255, 255, 255, 0.1); } #panel.unlock-screen .panel-button:hover.screen-recording-indicator, #panel.login-screen .panel-button:hover.screen-recording-indicator, #panel:overview .panel-button:hover.screen-recording-indicator { box-shadow: inset 0 0 0 100px rgba(199, 22, 43, 0.9); } #panel.unlock-screen .panel-button:active:hover, #panel.unlock-screen .panel-button:overview:hover, #panel.unlock-screen .panel-button:focus:hover, #panel.unlock-screen .panel-button:checked:hover, #panel.login-screen .panel-button:active:hover, #panel.login-screen .panel-button:overview:hover, #panel.login-screen .panel-button:focus:hover, #panel.login-screen .panel-button:checked:hover, #panel:overview .panel-button:active:hover, #panel:overview .panel-button:overview:hover, #panel:overview .panel-button:focus:hover, #panel:overview .panel-button:checked:hover { box-shadow: inset 0 0 0 100px rgba(255, 255, 255, 0.2); } #panel.unlock-screen .panel-button:active:hover.clock-display, #panel.unlock-screen .panel-button:overview:hover.clock-display, #panel.unlock-screen .panel-button:focus:hover.clock-display, #panel.unlock-screen .panel-button:checked:hover.clock-display, #panel.login-screen .panel-button:active:hover.clock-display, #panel.login-screen .panel-button:overview:hover.clock-display, #panel.login-screen .panel-button:focus:hover.clock-display, #panel.login-screen .panel-button:checked:hover.clock-display, #panel:overview .panel-button:active:hover.clock-display, #panel:overview .panel-button:overview:hover.clock-display, #panel:overview .panel-button:focus:hover.clock-display, #panel:overview .panel-button:checked:hover.clock-display { box-shadow: none; } #panel.unlock-screen .panel-button:active:hover.clock-display .clock, #panel.unlock-screen .panel-button:overview:hover.clock-display .clock, #panel.unlock-screen .panel-button:focus:hover.clock-display .clock, #panel.unlock-screen .panel-button:checked:hover.clock-display .clock, #panel.login-screen .panel-button:active:hover.clock-display .clock, #panel.login-screen .panel-button:overview:hover.clock-display .clock, #panel.login-screen .panel-button:focus:hover.clock-display .clock, #panel.login-screen .panel-button:checked:hover.clock-display .clock, #panel:overview .panel-button:active:hover.clock-display .clock, #panel:overview .panel-button:overview:hover.clock-display .clock, #panel:overview .panel-button:focus:hover.clock-display .clock, #panel:overview .panel-button:checked:hover.clock-display .clock { box-shadow: inset 0 0 0 100px rgba(255, 255, 255, 0.2); } #panel.unlock-screen .panel-button:active:hover.screen-recording-indicator, #panel.unlock-screen .panel-button:overview:hover.screen-recording-indicator, #panel.unlock-screen .panel-button:focus:hover.screen-recording-indicator, #panel.unlock-screen .panel-button:checked:hover.screen-recording-indicator, #panel.login-screen .panel-button:active:hover.screen-recording-indicator, #panel.login-screen .panel-button:overview:hover.screen-recording-indicator, #panel.login-screen .panel-button:focus:hover.screen-recording-indicator, #panel.login-screen .panel-button:checked:hover.screen-recording-indicator, #panel:overview .panel-button:active:hover.screen-recording-indicator, #panel:overview .panel-button:overview:hover.screen-recording-indicator, #panel:overview .panel-button:focus:hover.screen-recording-indicator, #panel:overview .panel-button:checked:hover.screen-recording-indicator { box-shadow: inset 0 0 0 100px rgba(199, 22, 43, 0.8); } #panel .panel-status-indicators-box, #panel .panel-status-menu-box { spacing: 2px; } #panel .power-status.panel-status-indicators-box { spacing: 0; } #panel .screencast-indicator, #panel .remote-access-indicator { color: #f99b11; } #appMenu { spacing: 6px; } #appMenu .label-shadow { color: transparent; } #appMenu .panel-status-menu-box { padding: 0 6px; spacing: 6px; } .clock-display-box { spacing: 2px; } .clock-display-box .clock { padding-left: 12px; padding-right: 12px; } /* Activities Ripple */ .ripple-box { background-color: rgba(240, 219, 240, 0.3); box-shadow: 0 0 2px 2px #d194d1; width: 52px; height: 52px; border-radius: 0 0 52px 0; } .ripple-box:rtl { border-radius: 0 0 0 52px; } /* OVERVIEW */ .controls-manager, .secondary-monitor-workspaces { spacing: 12px; } #overviewGroup { background-color: #222222; } .overview-controls { padding-bottom: 32px; } /* Window Picker */ .window-picker { spacing: 6px; } .window-caption { color: #eeeeec; background-color: rgba(29, 29, 29, 0.975); border-radius: 99px; padding: 6px 12px; border: 1px solid #464646; } .window-close, .screenshot-ui-close-button { background-color: rgba(55, 55, 55, 0.975); color: #eeeeec; border-radius: 99px; padding: 3px; height: 30px; width: 30px; transition-duration: 300ms; border: 1px solid #464646; } .window-close StIcon, .screenshot-ui-close-button StIcon { icon-size: 24px; } .window-close:hover, .screenshot-ui-close-button:hover { background-color: rgba(67, 67, 67, 0.975); } .window-close:active, .screenshot-ui-close-button:active { background-color: rgba(42, 42, 42, 0.975); } .workspace-background { border-radius: 30px; box-shadow: 0 4px 16px 4px rgba(0, 0, 0, 0.275); } .search-entry { border-radius: 18px; margin-top: 24px; margin-bottom: 12px; padding: 7px 9px; width: 320px; background-color: white; color: rgba(61, 61, 61, 0.7); border: 1px solid #c7c7c7; } .search-entry:hover { background-color: white; border-color: #d4d4d4; color: #3D3D3D; } .search-entry:focus { background-color: white; border-color: #c87ec8; box-shadow: 0 0 0 1px #c87ec8 inset; color: #3D3D3D; } .search-entry:insensitive { background-color: white; border-color: white; color: #9c9c9c; } .search-entry .search-entry-icon { color: inherit; icon-size: 1.09em; margin-top: 2px; padding: 0 4px; } /* Search */ #searchResults { margin: 0 4px; } #searchResultsContent { max-width: 1072px; } .search-section { spacing: 18px; } .search-section .search-section-separator { height: 8px; background-color: transparent; } .search-section-content { background-color: #1d1d1d; border-radius: 18px; border: 1px solid #464646; color: #eeeeec; padding: 12px; margin: 0 12px; } .list-search-result, .search-provider-icon { background-color: transparent; border-radius: 9px; } .list-search-result:hover, .search-provider-icon:hover { background-color: rgba(238, 238, 236, 0.1); } .list-search-result:selected, .search-provider-icon:selected, .list-search-result:focus, .search-provider-icon:focus { background-color: rgba(238, 238, 236, 0.13); } .list-search-result:selected:hover, .search-provider-icon:selected:hover, .list-search-result:focus:hover, .search-provider-icon:focus:hover { background-color: rgba(238, 238, 236, 0.16); } .list-search-result:selected:active, .search-provider-icon:selected:active, .list-search-result:focus:active, .search-provider-icon:focus:active { background-color: rgba(238, 238, 236, 0.13); } .list-search-result:active, .search-provider-icon:active { background-color: rgba(238, 238, 236, 0.16); } .list-search-result:outlined, .search-provider-icon:outlined, .list-search-result:checked, .search-provider-icon:checked { background-color: rgba(238, 238, 236, 0.19); } .list-search-result:outlined:active, .search-provider-icon:outlined:active, .list-search-result:checked:active, .search-provider-icon:checked:active { background-color: rgba(238, 238, 236, 0.22); } .list-search-result:outlined:hover, .search-provider-icon:outlined:hover, .list-search-result:checked:hover, .search-provider-icon:checked:hover { background-color: rgba(238, 238, 236, 0.25); } .list-search-result:drop, .search-provider-icon:drop { border: 2px solid rgba(179, 76, 179, 0.8); background-color: rgba(179, 76, 179, 0.2); } .grid-search-results { spacing: 30px; margin: 0 12px; } .search-provider-icon:ltr { margin-right: 4px; } .search-provider-icon:rtl { margin-left: 4px; } .search-provider-icon .list-search-provider-content { spacing: 12px; } .search-provider-icon .list-search-provider-content .list-search-provider-details { width: 120px; color: #eeeeec; } .list-search-results { spacing: 6px; } .list-search-result .list-search-result-content { spacing: 6px; } .list-search-result .list-search-result-title { spacing: 12px; } .list-search-result .list-search-result-description { color: #868685; } /* Dash */ #dash { margin-top: 12px; } #dash .placeholder { background-image: none; background-size: contain; height: 32px; } #dash .empty-dash-drop-target { width: 32px; height: 32px; } #dash .app-well-app-running-dot { margin-bottom: 13px; background-color: #B34CB3; } .dash-background { background-color: #1d1d1d; border-radius: 24px; padding: 12px; border: 1px solid #464646; spacing: 6px; margin-bottom: 12px; } .dash-item-container > * { margin: 0 2px; } .dash-item-container:ltr:first-child { margin-left: 0; } .dash-item-container:rtl:first-child { margin-right: 0; } .dash-item-container .app-well-app .overview-icon, .dash-item-container .grid-search-result .overview-icon { padding: 6px; } .dash-item-container .show-apps .overview-icon { background-color: transparent; } .dash-item-container .show-apps:hover .overview-icon { background-color: rgba(238, 238, 236, 0.1); } .dash-item-container .show-apps:selected .overview-icon, .dash-item-container .show-apps:focus .overview-icon { background-color: rgba(238, 238, 236, 0.13); } .dash-item-container .show-apps:selected .overview-icon:hover .overview-icon, .dash-item-container .show-apps:focus .overview-icon:hover .overview-icon { background-color: rgba(238, 238, 236, 0.16); } .dash-item-container .show-apps:selected .overview-icon:active .overview-icon, .dash-item-container .show-apps:focus .overview-icon:active .overview-icon { background-color: rgba(238, 238, 236, 0.13); } .dash-item-container .show-apps:active .overview-icon { background-color: rgba(238, 238, 236, 0.16); } .dash-item-container .show-apps:outlined .overview-icon, .dash-item-container .show-apps:checked .overview-icon { background-color: rgba(238, 238, 236, 0.19); } .dash-item-container .show-apps:outlined .overview-icon:active .overview-icon, .dash-item-container .show-apps:checked .overview-icon:active .overview-icon { background-color: rgba(238, 238, 236, 0.22); } .dash-item-container .show-apps:outlined .overview-icon:hover .overview-icon, .dash-item-container .show-apps:checked .overview-icon:hover .overview-icon { background-color: rgba(238, 238, 236, 0.25); } .dash-item-container .show-apps:drop .overview-icon { border: 2px solid rgba(179, 76, 179, 0.8); background-color: rgba(179, 76, 179, 0.2); } .dash-item-container .show-apps:focus .overview-icon, .dash-item-container .show-apps:active .overview-icon, .dash-item-container .show-apps:checked .overview-icon { background-color: rgba(238, 238, 236, 0.2); } .dash-item-container .show-apps, .dash-item-container .app-well-app, .dash-item-container .grid-search-result { padding-bottom: 12px; } .dash-separator { width: 1px; margin: 0 4px; background-color: #464646; margin-bottom: 12px; } .dash-label { color: #eeeeec; background-color: rgba(29, 29, 29, 0.975); border-radius: 99px; padding: 6px 12px; text-align: center; -y-offset: 8px; border: 1px solid #464646; } /* App Grid */ .icon-grid { row-spacing: 12px; column-spacing: 12px; max-row-spacing: 42px; max-column-spacing: 42px; page-padding-top: 24px; page-padding-bottom: 24px; page-padding-left: 18px; page-padding-right: 18px; } /* App Icons */ .app-well-app .overview-icon, .grid-search-result .overview-icon { background-color: transparent; } .app-well-app:hover .overview-icon, .grid-search-result:hover .overview-icon { background-color: rgba(238, 238, 236, 0.1); } .app-well-app:selected .overview-icon, .grid-search-result:selected .overview-icon, .app-well-app:focus .overview-icon, .grid-search-result:focus .overview-icon { background-color: rgba(238, 238, 236, 0.13); } .app-well-app:selected .overview-icon:hover .overview-icon, .grid-search-result:selected .overview-icon:hover .overview-icon, .app-well-app:focus .overview-icon:hover .overview-icon, .grid-search-result:focus .overview-icon:hover .overview-icon { background-color: rgba(238, 238, 236, 0.16); } .app-well-app:selected .overview-icon:active .overview-icon, .grid-search-result:selected .overview-icon:active .overview-icon, .app-well-app:focus .overview-icon:active .overview-icon, .grid-search-result:focus .overview-icon:active .overview-icon { background-color: rgba(238, 238, 236, 0.13); } .app-well-app:active .overview-icon, .grid-search-result:active .overview-icon { background-color: rgba(238, 238, 236, 0.16); } .app-well-app:outlined .overview-icon, .grid-search-result:outlined .overview-icon, .app-well-app:checked .overview-icon, .grid-search-result:checked .overview-icon { background-color: rgba(238, 238, 236, 0.19); } .app-well-app:outlined .overview-icon:active .overview-icon, .grid-search-result:outlined .overview-icon:active .overview-icon, .app-well-app:checked .overview-icon:active .overview-icon, .grid-search-result:checked .overview-icon:active .overview-icon { background-color: rgba(238, 238, 236, 0.22); } .app-well-app:outlined .overview-icon:hover .overview-icon, .grid-search-result:outlined .overview-icon:hover .overview-icon, .app-well-app:checked .overview-icon:hover .overview-icon, .grid-search-result:checked .overview-icon:hover .overview-icon { background-color: rgba(238, 238, 236, 0.25); } .app-well-app:drop .overview-icon, .grid-search-result:drop .overview-icon { border: 2px solid rgba(179, 76, 179, 0.8); background-color: rgba(179, 76, 179, 0.2); } .app-well-app:focus .overview-icon, .grid-search-result:focus .overview-icon, .app-well-app:active .overview-icon, .grid-search-result:active .overview-icon, .app-well-app:checked .overview-icon, .grid-search-result:checked .overview-icon { background-color: rgba(238, 238, 236, 0.2); } .app-well-app .overview-icon, .grid-search-result .overview-icon { padding: 12px; } .app-well-app .overview-icon.overview-icon-with-label > StBoxLayout, .grid-search-result .overview-icon.overview-icon-with-label > StBoxLayout { spacing: 6px; } .app-well-app.app-folder .overview-icon, .app-folder.grid-search-result .overview-icon { background-color: rgba(238, 238, 236, 0.05); } .app-well-app.app-folder:hover .overview-icon, .app-folder.grid-search-result:hover .overview-icon { background-color: rgba(238, 238, 236, 0.1); } .app-well-app.app-folder:selected .overview-icon, .app-folder.grid-search-result:selected .overview-icon, .app-well-app.app-folder:focus .overview-icon, .app-folder.grid-search-result:focus .overview-icon { background-color: rgba(238, 238, 236, 0.13); } .app-well-app.app-folder:selected .overview-icon:hover .overview-icon, .app-folder.grid-search-result:selected .overview-icon:hover .overview-icon, .app-well-app.app-folder:focus .overview-icon:hover .overview-icon, .app-folder.grid-search-result:focus .overview-icon:hover .overview-icon { background-color: rgba(238, 238, 236, 0.16); } .app-well-app.app-folder:selected .overview-icon:active .overview-icon, .app-folder.grid-search-result:selected .overview-icon:active .overview-icon, .app-well-app.app-folder:focus .overview-icon:active .overview-icon, .app-folder.grid-search-result:focus .overview-icon:active .overview-icon { background-color: rgba(238, 238, 236, 0.13); } .app-well-app.app-folder:active .overview-icon, .app-folder.grid-search-result:active .overview-icon { background-color: rgba(238, 238, 236, 0.16); } .app-well-app.app-folder:outlined .overview-icon, .app-folder.grid-search-result:outlined .overview-icon, .app-well-app.app-folder:checked .overview-icon, .app-folder.grid-search-result:checked .overview-icon { background-color: rgba(238, 238, 236, 0.19); } .app-well-app.app-folder:outlined .overview-icon:active .overview-icon, .app-folder.grid-search-result:outlined .overview-icon:active .overview-icon, .app-well-app.app-folder:checked .overview-icon:active .overview-icon, .app-folder.grid-search-result:checked .overview-icon:active .overview-icon { background-color: rgba(238, 238, 236, 0.22); } .app-well-app.app-folder:outlined .overview-icon:hover .overview-icon, .app-folder.grid-search-result:outlined .overview-icon:hover .overview-icon, .app-well-app.app-folder:checked .overview-icon:hover .overview-icon, .app-folder.grid-search-result:checked .overview-icon:hover .overview-icon { background-color: rgba(238, 238, 236, 0.25); } .app-well-app.app-folder:drop .overview-icon, .app-folder.grid-search-result:drop .overview-icon { border: 2px solid rgba(179, 76, 179, 0.8); background-color: rgba(179, 76, 179, 0.2); } .app-well-app.app-folder:focus .overview-icon, .app-folder.grid-search-result:focus .overview-icon, .app-well-app.app-folder:active .overview-icon, .app-folder.grid-search-result:active .overview-icon, .app-well-app.app-folder:checked .overview-icon, .app-folder.grid-search-result:checked .overview-icon { background-color: rgba(238, 238, 236, 0.2); } .app-folder-dialog { border-radius: 24px; background-color: #1d1d1d; border: 1px solid #464646; } .app-folder-dialog .folder-name-container { padding: 24px 36px 0; spacing: 12px; /* FIXME: this is to keep the label in sync with the entry */ } .app-folder-dialog .folder-name-container .folder-name-label, .app-folder-dialog .folder-name-container .folder-name-entry { color: #eeeeec; } .app-folder-dialog .folder-name-container .folder-name-entry { width: 300px; background-color: rgba(39, 39, 39, 0.975); border-color: rgba(255, 255, 255, 0.16); } .app-folder-dialog .folder-name-container .folder-name-label { padding: 5px 7px; color: #eeeeec; } .app-folder-dialog .folder-name-container .edit-folder-button { padding: 0; width: 36px; height: 36px; border-radius: 99px; } .app-folder-dialog .folder-name-container .edit-folder-button > StIcon { icon-size: 1.09em; } .app-folder-dialog .icon-grid { row-spacing: 12px; column-spacing: 30px; page-padding-top: 0; page-padding-bottom: 0; page-padding-left: 0; page-padding-right: 0; } .app-folder-dialog .page-indicators { margin-bottom: 18px; } .app-folder-dialog-container { padding: 12px; width: 640px; height: 640px; } .app-well-app-running-dot { height: 5px; width: 5px; border-radius: 5px; margin-bottom: 8px; background-color: #B34CB3; } .rename-folder-popup .rename-folder-popup-item { spacing: 6px; } .rename-folder-popup .rename-folder-popup-item:ltr, .rename-folder-popup .rename-folder-popup-item:rtl { padding: 0 12px; } .page-indicator { padding: 6px 12px 0; } .page-indicator .page-indicator-icon { width: 10px; height: 10px; border-radius: 10px; background-color: white; } .apps-scroll-view { padding: 0; } .system-action-icon { background-color: rgba(0, 0, 0, 0.8); color: #fff; border-radius: 99px; icon-size: 48px; } .page-navigation-hint { width: 300px; } .page-navigation-hint.dnd { background: rgba(255, 255, 255, 0.1); } .page-navigation-hint.next:ltr, .page-navigation-hint.previous:rtl { background-gradient-start: rgba(255, 255, 255, 0.05); background-gradient-end: transparent; background-gradient-direction: horizontal; border-radius: 18px 0px 0px 18px; } .page-navigation-hint.previous:ltr, .page-navigation-hint.next:rtl { background-gradient-start: transparent; background-gradient-end: rgba(255, 255, 255, 0.05); background-gradient-direction: horizontal; border-radius: 0px 18px 18px 0px; } .page-navigation-arrow { margin: 6px; width: 24px; height: 24px; color: #eeeeec; } /* Workspace pager */ .workspace-thumbnails { visible-width: 32px; spacing: 6px; padding: 6px; border-color: transparent; } .workspace-thumbnails .workspace-thumbnail { border-radius: 3px; background-color: #1d1d1d; border: 1px solid #464646; } .workspace-thumbnails .placeholder { background-image: url("resource:///org/gnome/shell/theme/workspace-placeholder.svg"); background-size: contain; width: 18px; } .workspace-thumbnail-indicator { border: 2px solid #c87ec8; border-radius: 3px; padding: 0px; } .ripple-pointer-location { width: 50px; height: 50px; border-radius: 25px; background-color: rgba(225, 183, 225, 0.3); box-shadow: 0 0 2px 2px #d194d1; } .pie-timer { width: 60px; height: 60px; -pie-border-width: 3px; -pie-border-color: #B34CB3; -pie-background-color: rgba(240, 219, 240, 0.3); } .magnifier-zoom-region { border: 2px solid #B34CB3; } .magnifier-zoom-region.full-screen { border-width: 0; } .select-area-rubberband { background-color: rgba(135, 135, 135, 0.2); border: 1px solid rgba(204, 204, 204, 0.8); } .user-icon { /* Yaru: See commit 3d4aca768250 */ background-size: contain; color: #3D3D3D; border-radius: 99px; icon-size: 4.36em; } .user-icon:hover { color: #8a8a8a; } .user-icon StIcon { background-color: rgba(61, 61, 61, 0.05); border-radius: 99px; padding: 12px; width: 2.725em; height: 2.725em; } .user-icon.user-avatar { border: 2px #eeeeec; } .user-widget.vertical .user-icon { icon-size: 6.54em; } .user-widget.vertical .user-icon StIcon { padding: 20px; padding-top: 18px; padding-bottom: 22px; width: 5.995em; height: 5.995em; /* Yaru: See commit 3d4aca768250 */ } .lightbox { background-color: black; } .flashspot { background-color: white; } .hidden { color: rgba(0, 0, 0, 0); } .caps-lock-warning-label { text-align: center; padding-bottom: 8px; color: #f99b11; } /* Workspace animation */ .workspace-animation { background-color: #222222; } /* Tiled window previews */ .tile-preview { background-color: rgba(179, 76, 179, 0.5); border: 1px solid #B34CB3; } /* On-screen Keyboard */ #keyboard { background-color: rgba(237, 237, 237, 0.9); } #keyboard .page-indicator { padding: 6px; } #keyboard .page-indicator .page-indicator-icon { width: 8px; height: 8px; } .key-container { padding: 4px; spacing: 4px; } .keyboard-key { font-size: 16pt; font-weight: bold; min-height: 1.2em; min-width: 1.2em; border-width: 1px; border-style: solid; border-radius: 10px; box-shadow: 0 1px 0 0 rgba(0, 0, 0, 0.1); color: #3D3D3D; background-color: white; } .keyboard-key:focus { color: #3D3D3D; background-color: #f7edf7; box-shadow: inset 0 0 0 2px rgba(179, 76, 179, 0.6); } .keyboard-key:focus:hover { background-color: #f7edf7; box-shadow: inset 0 0 0 2px rgba(179, 76, 179, 0.7); } .keyboard-key:focus:active { background-color: #f7edf7; box-shadow: inset 0 0 0 2px rgba(179, 76, 179, 0.7); } .keyboard-key:hover { color: #3D3D3D; background-color: #fafafa; } .keyboard-key:active { color: #3D3D3D; background-color: #f2f2f2; } .keyboard-key:checked { color: #3D3D3D; background-color: #ebebeb; } .keyboard-key:grayed { background-color: #f2f2f2; color: #3D3D3D; border-color: rgba(0, 0, 0, 0.7); } .keyboard-key.default-key { color: #3D3D3D; background-color: white; border-radius: 10px; } .keyboard-key.default-key:hover { color: #3D3D3D; background-color: #fafafa; } .keyboard-key.default-key:active { color: #3D3D3D; background-color: #f2f2f2; } .keyboard-key.default-key:checked { color: #3D3D3D; background-color: #ebebeb; } .keyboard-key.enter-key { color: #FFFFFF; background-color: #12a929; border-radius: 10px; color: #eeeeec; } .keyboard-key.enter-key:hover { color: #FFFFFF; background-color: #11a027; } .keyboard-key.enter-key:active { color: #FFFFFF; background-color: #0f9223; } .keyboard-key.enter-key:checked { color: #FFFFFF; background-color: #0e8420; } .keyboard-key.shift-key-uppercase { background-color: #dedede; color: #3D3D3D; } .keyboard-key.shift-key-uppercase:hover { background-color: #d6d6d6; } .keyboard-key StIcon { icon-size: 24px; } .keyboard-subkeys { -arrow-border-radius: 12px; -arrow-background-color: rgba(237, 237, 237, 0.9); -arrow-border-width: 1px; -arrow-border-color: #c7c7c7; -arrow-base: 20px; -arrow-rise: 10px; -boxpointer-gap: 6px; padding: 6px; } .keyboard-subkeys .keyboard-key { color: #3D3D3D; background-color: white; border-radius: 10px; } .keyboard-subkeys .keyboard-key:focus { color: #3D3D3D; background-color: #f7edf7; box-shadow: inset 0 0 0 2px rgba(179, 76, 179, 0.6); } .keyboard-subkeys .keyboard-key:focus:hover { background-color: #f7edf7; box-shadow: inset 0 0 0 2px rgba(179, 76, 179, 0.7); } .keyboard-subkeys .keyboard-key:focus:active { background-color: #f7edf7; box-shadow: inset 0 0 0 2px rgba(179, 76, 179, 0.7); } .keyboard-subkeys .keyboard-key:hover { color: #3D3D3D; background-color: #fafafa; } .keyboard-subkeys .keyboard-key:active { color: #3D3D3D; background-color: #f2f2f2; } .keyboard-subkeys .keyboard-key:checked { color: #3D3D3D; background-color: #ebebeb; } .emoji-page .keyboard-key { background-color: transparent; border: none; color: initial; } .emoji-panel .keyboard-key:latched { border-color: #bb5ebb; background-color: #B34CB3; } .word-suggestions { font-size: 14pt; spacing: 12px; min-height: 20pt; padding: 12px; color: #3D3D3D; } .word-suggestions StButton { margin: 0 3px; min-width: 32px; border-radius: 4px; padding: 6px 18px; background-color: transparent; background-image: none; } .word-suggestions StButton:focus { color: #3D3D3D; background-color: #f7edf7; box-shadow: inset 0 0 0 2px rgba(179, 76, 179, 0.6); } .word-suggestions StButton:focus:hover { background-color: #f7edf7; box-shadow: inset 0 0 0 2px rgba(179, 76, 179, 0.7); } .word-suggestions StButton:focus:active { background-color: #f7edf7; box-shadow: inset 0 0 0 2px rgba(179, 76, 179, 0.7); } .word-suggestions StButton:hover { color: #3D3D3D; background-color: #fafafa; } .word-suggestions StButton:active { color: #3D3D3D; background-color: #f2f2f2; } .word-suggestions StButton:checked { color: #3D3D3D; background-color: #ebebeb; } /* Looking Glass */ #LookingGlassDialog { background-color: rgba(29, 29, 29, 0.975); border-radius: 0 0 12px 12px; border-top-width: 0; border: 1px solid rgba(255, 255, 255, 0.16); color: #eeeeec; padding: 6px; spacing: 6px; box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.1); } #LookingGlassDialog > #Toolbar { border: none; padding: 6px; border-radius: 0; background-color: transparent; spacing: 6px; } #LookingGlassDialog > #Toolbar .lg-toolbar-button { padding: 6px 12px; } #LookingGlassDialog > #Toolbar .lg-toolbar-button > StIcon { icon-size: 1.09em; } #LookingGlassDialog .labels { spacing: 6px; } #LookingGlassDialog .notebook-tab { -natural-hpadding: 12px; -minimum-hpadding: 12px; font-weight: bold; padding: 6px 12px; color: #cacac4; transition-duration: 100ms; box-shadow: none; border: none; border-radius: 4px; background-color: transparent; } #LookingGlassDialog .notebook-tab:hover { color: #eeeeec; background-color: rgba(238, 238, 236, 0.05); } #LookingGlassDialog .notebook-tab:selected { color: #eeeeec; background-color: rgba(238, 238, 236, 0.1); } #LookingGlassDialog StBoxLayout#EvalBox { padding: 4px; spacing: 6px; padding: 6px; } #LookingGlassDialog StBoxLayout#ResultsArea { spacing: 6px; padding: 6px; } .lg-dialog { color: #eeeeec; } .lg-dialog StEntry { background-color: rgba(42, 42, 42, 0.575); color: #eeeeec; border-color: rgba(238, 238, 236, 0.2); min-height: 22px; selection-background-color: #B34CB3; selected-color: #FFFFFF; } .lg-dialog StEntry, .lg-dialog StEntry:focus { box-shadow: none; } .lg-dialog .shell-link { color: #8f3d8f; } .lg-dialog .shell-link:hover { color: #b34cb3; } .lg-dialog .shell-link:active { color: #6b2e6b; } .lg-dialog .actor-link { color: #9c9c9c; } .lg-dialog .actor-link:hover { color: #cfcfcf; } .lg-dialog .actor-link:active { color: dimgray; } .lg-completions-text { font-style: italic; color: #eeeeec; } .lg-obj-inspector-title { spacing: 6px; color: #eeeeec; } .lg-obj-inspector-button { border: 1px solid rgba(0, 0, 0, 0.7); padding: 4px; border-radius: 6px; color: #eeeeec; } .lg-obj-inspector-button:hover { border: 1px solid #ffffff; } #lookingGlassExtensions { padding: 6px; } .lg-extensions-list { padding: 6px; spacing: 6px; } .lg-extension { padding: 12px; border-radius: 6px; margin: 4px; box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.1); color: #3D3D3D; background-color: #ededed; } .lg-extension:focus { color: #3D3D3D; background-color: #ededed; box-shadow: inset 0 0 0 2px #c87ec8; } .lg-extension:focus:hover { background-color: #e5e5e5; box-shadow: inset 0 0 0 2px #c87ec8; } .lg-extension:focus:active { background-color: #dedede; box-shadow: inset 0 0 0 2px #c87ec8; } .lg-extension:hover { color: #3D3D3D; background-color: #e5e5e5; } .lg-extension:active { color: #3D3D3D; background-color: #dedede; } .lg-extension-meta { spacing: 6px; } #LookingGlassPropertyInspector { background: rgba(29, 29, 29, 0.975); border: 1px solid rgba(0, 0, 0, 0.7); border-radius: 6px; padding: 6px; } .lg-debug-flag-button { color: #3D3D3D; } .lg-debug-flag-button StLabel { padding: 6px, 12px; } .lg-debug-flag-button:hover { color: #707070; } .lg-debug-flag-button:active { color: #0a0a0a; } .lg-debug-flags-header { padding-top: 12px; padding: 6px; } /* Login Dialog */ .login-dialog-banner-view { padding-top: 24px; max-width: 23em; } .login-dialog, .unlock-dialog { border: none; background-color: transparent; } .login-dialog .modal-dialog-button-box, .unlock-dialog .modal-dialog-button-box { spacing: 3px; } .login-dialog .modal-dialog-button, .unlock-dialog .modal-dialog-button { padding: 4px 18px; box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2); background-color: #ffffff; border-color: #c7c7c7; color: #3D3D3D; } .login-dialog .modal-dialog-button:hover, .unlock-dialog .modal-dialog-button:hover { background-color: #d9d9d9; } .login-dialog .modal-dialog-button:focus, .unlock-dialog .modal-dialog-button:focus { border-color: #c87ec8; box-shadow: inset 0 0 0 1px #c87ec8; } .login-dialog .modal-dialog-button:active, .unlock-dialog .modal-dialog-button:active { box-shadow: none; background-color: #bfbfbf; color: rgba(238, 238, 236, 0.7); } .login-dialog .modal-dialog-button:default, .unlock-dialog .modal-dialog-button:default { background-color: #B34CB3; color: #FFFFFF; } .login-dialog .modal-dialog-button:default:focus, .unlock-dialog .modal-dialog-button:default:focus { box-shadow: inset 0 0 0 2px rgba(179, 76, 179, 0.6); } .login-dialog .modal-dialog-button:default:hover, .login-dialog .modal-dialog-button:default:focus, .unlock-dialog .modal-dialog-button:default:hover, .unlock-dialog .modal-dialog-button:default:focus { background-color: #bb5ebb; color: white; } .login-dialog .modal-dialog-button:default:active, .unlock-dialog .modal-dialog-button:default:active { background-color: #9a419a; color: #ededed; } .login-dialog .modal-dialog-button:default:insensitive, .unlock-dialog .modal-dialog-button:default:insensitive { color: rgba(61, 61, 61, 0.5); background-color: rgba(61, 61, 61, 0.05); background-color: rgba(179, 76, 179, 0.5); color: rgba(255, 255, 255, 0.5); } .login-dialog .cancel-button, .login-dialog .switch-user-button, .login-dialog .login-dialog-session-list-button, .unlock-dialog .cancel-button, .unlock-dialog .switch-user-button, .unlock-dialog .login-dialog-session-list-button { padding: 0; border-radius: 99px; width: 2.18em; height: 2.18em; } .login-dialog .cancel-button StIcon, .login-dialog .switch-user-button StIcon, .login-dialog .login-dialog-session-list-button StIcon, .unlock-dialog .cancel-button StIcon, .unlock-dialog .switch-user-button StIcon, .unlock-dialog .login-dialog-session-list-button StIcon { icon-size: 1.09em; } .login-dialog .caps-lock-warning-label, .login-dialog .login-dialog-message, .unlock-dialog .caps-lock-warning-label, .unlock-dialog .login-dialog-message { color: #eeeeec; } .login-dialog-logo-bin { padding: 24px 0px; } .login-dialog-banner { color: #d6d6d1; } .login-dialog-button-box { width: 23em; spacing: 5px; } .login-dialog-message { text-align: center; } .login-dialog-user-selection-box { padding: 100px 0px; } .login-dialog-not-listed-label { padding-left: 2px; } .login-dialog-not-listed-button:focus .login-dialog-not-listed-label, .login-dialog-not-listed-button:hover .login-dialog-not-listed-label { color: #eeeeec; } .login-dialog-not-listed-label { font-weight: bold; color: #a6a69b; padding-top: 1em; } .login-dialog-auth-list-view { -st-vfade-offset: 1em; } .login-dialog-auth-list { spacing: 6px; margin-left: 2em; } .login-dialog-auth-list-title { margin-left: 2em; } .login-dialog-auth-list-item { border-radius: 10px; padding: 6px; color: #a6a69b; } .login-dialog-auth-list-item:focus, .login-dialog-auth-list-item:selected { background-color: #B34CB3; color: #FFFFFF; } .login-dialog-auth-list-label { font-size: 13pt; font-weight: bold; padding-left: 15px; } .login-dialog-auth-list-label:ltr { padding-left: 14px; text-align: left; } .login-dialog-auth-list-label:rtl { padding-right: 14px; text-align: right; } .login-dialog-user-list-view { -st-vfade-offset: 1em; } .login-dialog-user-list { spacing: 12px; width: 23em; } .login-dialog-user-list:expanded .login-dialog-user-list-item:selected { background-color: rgba(255, 255, 255, 0.1); color: #FFFFFF; } .login-dialog-user-list:expanded .login-dialog-user-list-item:logged-in { border-right: 2px solid rgba(255, 255, 255, 0.1); } .login-dialog-user-list-item { border-radius: 10px; padding: 6px; color: #a6a69b; } .login-dialog-user-list-item:ltr .user-widget { padding-right: 1em; } .login-dialog-user-list-item:rtl .user-widget { padding-left: 1em; } .login-dialog-user-list-item .login-dialog-timed-login-indicator { height: 2px; margin-top: 6px; background-color: #eeeeec; } .login-dialog-user-list-item:focus .login-dialog-timed-login-indicator { background-color: #FFFFFF; } .user-widget-label { color: #eeeeec; } .user-widget.horizontal .user-widget-label { font-size: 13pt; font-weight: bold; padding-left: 15px; } .user-widget.horizontal .user-widget-label:ltr { padding-left: 14px; text-align: left; } .user-widget.horizontal .user-widget-label:rtl { padding-right: 14px; text-align: right; } .user-widget.vertical .user-widget-label { font-size: 16pt; text-align: center; font-weight: normal; padding-top: 16px; } .login-dialog-timed-login-indicator { height: 2px; background-color: black; } .login-dialog-prompt-layout { padding-top: 24px; padding-bottom: 12px; spacing: 12px; width: 23em; } .login-dialog-prompt-entry { height: 1.5em; } .login-dialog-prompt-label { color: #bebeb6; font-size: 12pt; padding-top: 1em; } .unlock-dialog StEntry { border: none !important; } .unlock-dialog StEntry, .unlock-dialog StEntry:focus { color: #F7F7F7; background-color: rgba(247, 247, 247, 0.1); box-shadow: none; } .unlock-dialog StEntry:insensitive { color: rgba(247, 247, 247, 0.5); background-color: rgba(247, 247, 247, 0.05); } .unlock-dialog StEntry StLabel.hint-text { color: rgba(247, 247, 247, 0.7); } .unlock-dialog .user-icon { background-color: rgba(247, 247, 247, 0.1); color: #F7F7F7; } .unlock-dialog .cancel-button, .unlock-dialog .switch-user-button, .unlock-dialog .login-dialog-session-list-button { border-color: transparent; background-color: rgba(247, 247, 247, 0.1); box-shadow: none; } .unlock-dialog .cancel-button, .unlock-dialog .cancel-button:hover, .unlock-dialog .cancel-button:focus, .unlock-dialog .cancel-button:active, .unlock-dialog .switch-user-button, .unlock-dialog .switch-user-button:hover, .unlock-dialog .switch-user-button:focus, .unlock-dialog .switch-user-button:active, .unlock-dialog .login-dialog-session-list-button, .unlock-dialog .login-dialog-session-list-button:hover, .unlock-dialog .login-dialog-session-list-button:focus, .unlock-dialog .login-dialog-session-list-button:active { color: #F7F7F7; } .unlock-dialog .cancel-button:hover, .unlock-dialog .cancel-button:focus, .unlock-dialog .switch-user-button:hover, .unlock-dialog .switch-user-button:focus, .unlock-dialog .login-dialog-session-list-button:hover, .unlock-dialog .login-dialog-session-list-button:focus { background-color: rgba(247, 247, 247, 0.15); } .unlock-dialog .cancel-button:active, .unlock-dialog .switch-user-button:active, .unlock-dialog .login-dialog-session-list-button:active { background-color: rgba(247, 247, 247, 0.2); } /* Screen Shield */ .unlock-dialog-clock { color: white; font-weight: 300; text-align: center; spacing: 24px; padding-bottom: 2.5em; } .unlock-dialog-clock-time { font-size: 64pt; padding-top: 42px; } .unlock-dialog-clock-date { font-size: 16pt; font-weight: normal; } .unlock-dialog-clock-hint { font-weight: normal; padding-top: 48px; } .unlock-dialog-notifications-container { margin: 12px; spacing: 6px; width: 23em; background-color: transparent; } .unlock-dialog-notifications-container .summary-notification-stack-scrollview { padding-top: 0; padding-bottom: 0; } .unlock-dialog-notifications-container .notification, .unlock-dialog-notifications-container .unlock-dialog-notification-source { padding: 12px 16px; border: none; background-color: rgba(238, 238, 236, 0.1); color: #eeeeec; border-radius: 12px; } .unlock-dialog-notifications-container .notification.critical, .unlock-dialog-notifications-container .unlock-dialog-notification-source.critical { background-color: rgba(238, 238, 236, 0.2); } .unlock-dialog-notification-label { padding: 0 0 0 12px; } .unlock-dialog-notification-count-text { font-weight: bold; padding: 0 12px; color: #eeeeec; background-color: rgba(238, 238, 236, 0.1); border-radius: 99px; } .screen-shield-background { background: black; box-shadow: 0 2px 4px rgba(0, 0, 0, 0.6); } #lockDialogGroup { background-color: #222222; } #unlockDialogNotifications StButton#vhandle, #unlockDialogNotifications StButton#hhandle { background-color: rgba(250, 250, 250, 0.3); } #unlockDialogNotifications StButton#vhandle:hover, #unlockDialogNotifications StButton#vhandle:focus, #unlockDialogNotifications StButton#hhandle:hover, #unlockDialogNotifications StButton#hhandle:focus { background-color: rgba(250, 250, 250, 0.5); } #unlockDialogNotifications StButton#vhandle:active, #unlockDialogNotifications StButton#hhandle:active { background-color: rgba(179, 76, 179, 0.5); } * { font-weight: normal !important; text-shadow: none !important; } .file-item { border-radius: 6px; } /* Default Ubuntu Dock styling, append !important to any changed rules This must be in sync with - https://github.com/micheleg/dash-to-dock/blob/ubuntu-dock/_stylesheet.scss */ #dashtodockContainer.bottom #dash { margin: 0px; padding: 0px; } #dashtodockContainer.bottom #dash .dash-background { margin: 0; margin-bottom: 4px; padding: 0; border-radius: 18px; spacing: 6px; } #dashtodockContainer.bottom #dash .dash-separator { background-color: #c7c7c7; margin: 0 4px; width: 1px; height: 0; margin-bottom: 4px; } #dashtodockContainer.bottom #dash #dashtodockDashContainer { padding: 10px; padding-bottom: 0; padding-top: 0; } #dashtodockContainer.bottom #dash .dash-item-container { /* Disable all margins defined upstream, we handle them here */ margin: 0 2px; } #dashtodockContainer.bottom #dash .dash-item-container > * { margin: 0; } #dashtodockContainer.bottom #dash .dash-item-container:ltr:first-child, #dashtodockContainer.bottom #dash .dash-item-container:rtl:last-child { margin-left: 0; } #dashtodockContainer.bottom #dash .dash-item-container:ltr:last-child, #dashtodockContainer.bottom #dash .dash-item-container:rtl:first-child { margin-right: 0; } #dashtodockContainer.bottom #dash .dash-item-container .app-well-app, #dashtodockContainer.bottom #dash .dash-item-container .grid-search-result, #dashtodockContainer.bottom #dash .dash-item-container .show-apps { padding: 2px 2px; padding-bottom: 14px; padding-top: 10px; } #dashtodockContainer.bottom #dash .dash-item-container .app-well-app:ltr:first-child, #dashtodockContainer.bottom #dash .dash-item-container .grid-search-result:ltr:first-child, #dashtodockContainer.bottom #dash .dash-item-container .app-well-app:rtl:last-child, #dashtodockContainer.bottom #dash .dash-item-container .grid-search-result:rtl:last-child, #dashtodockContainer.bottom #dash .dash-item-container .show-apps:ltr:first-child, #dashtodockContainer.bottom #dash .dash-item-container .show-apps:rtl:last-child { padding-left: 0; } #dashtodockContainer.bottom #dash .dash-item-container .app-well-app:ltr:last-child, #dashtodockContainer.bottom #dash .dash-item-container .grid-search-result:ltr:last-child, #dashtodockContainer.bottom #dash .dash-item-container .app-well-app:rtl:first-child, #dashtodockContainer.bottom #dash .dash-item-container .grid-search-result:rtl:first-child, #dashtodockContainer.bottom #dash .dash-item-container .show-apps:ltr:last-child, #dashtodockContainer.bottom #dash .dash-item-container .show-apps:rtl:first-child { padding-right: 0; } #dashtodockContainer.bottom #dash .dash-item-container .app-well-app.running .overview-icon, #dashtodockContainer.bottom #dash .dash-item-container .running.grid-search-result .overview-icon { background-image: none; } #dashtodockContainer.bottom #dash .dash-item-container .app-well-app.focused .overview-icon, #dashtodockContainer.bottom #dash .dash-item-container .focused.grid-search-result .overview-icon { background-color: rgba(238, 238, 236, 0.2); } #dashtodockContainer.bottom #dash .dash-item-container .app-well-app .app-well-app-running-dot, #dashtodockContainer.bottom #dash .dash-item-container .grid-search-result .app-well-app-running-dot { margin-bottom: 2px; } #dashtodockContainer.bottom #dash .dash-item-container > StButton { transition-duration: 250; background-size: contain; } #dashtodockContainer.bottom.fixed #dash .dash-background { margin-top: 4px; } #dashtodockContainer.bottom.fixed #dash .dash-item-container .app-well-app, #dashtodockContainer.bottom.fixed #dash .dash-item-container .grid-search-result, #dashtodockContainer.bottom.fixed #dash .dash-item-container .show-apps { padding-top: 14px; } .dash-label.bottom { margin-bottom: 10px; -x-offset: 0; -y-offset: 0; } #dashtodockContainer.bottom.shrink #dash { margin: 0px; padding: 0px; } #dashtodockContainer.bottom.shrink #dash .dash-background { margin: 0; margin-bottom: 4px; padding: 0; border-radius: 14px; spacing: 2px; } #dashtodockContainer.bottom.shrink #dash .dash-separator { background-color: #c7c7c7; margin: 0 1px; width: 1px; height: 0; margin-bottom: 4px; } #dashtodockContainer.bottom.shrink #dash #dashtodockDashContainer { padding: 3px; padding-bottom: 0; padding-top: 0; } #dashtodockContainer.bottom.shrink #dash .dash-item-container { /* Disable all margins defined upstream, we handle them here */ margin: 0 2px; } #dashtodockContainer.bottom.shrink #dash .dash-item-container > * { margin: 0; } #dashtodockContainer.bottom.shrink #dash .dash-item-container:ltr:first-child, #dashtodockContainer.bottom.shrink #dash .dash-item-container:rtl:last-child { margin-left: 0; } #dashtodockContainer.bottom.shrink #dash .dash-item-container:ltr:last-child, #dashtodockContainer.bottom.shrink #dash .dash-item-container:rtl:first-child { margin-right: 0; } #dashtodockContainer.bottom.shrink #dash .dash-item-container .app-well-app, #dashtodockContainer.bottom.shrink #dash .dash-item-container .grid-search-result, #dashtodockContainer.bottom.shrink #dash .dash-item-container .show-apps { padding: 1px 1px; padding-bottom: 7px; padding-top: 3px; } #dashtodockContainer.bottom.shrink #dash .dash-item-container .app-well-app:ltr:first-child, #dashtodockContainer.bottom.shrink #dash .dash-item-container .grid-search-result:ltr:first-child, #dashtodockContainer.bottom.shrink #dash .dash-item-container .app-well-app:rtl:last-child, #dashtodockContainer.bottom.shrink #dash .dash-item-container .grid-search-result:rtl:last-child, #dashtodockContainer.bottom.shrink #dash .dash-item-container .show-apps:ltr:first-child, #dashtodockContainer.bottom.shrink #dash .dash-item-container .show-apps:rtl:last-child { padding-left: 0; } #dashtodockContainer.bottom.shrink #dash .dash-item-container .app-well-app:ltr:last-child, #dashtodockContainer.bottom.shrink #dash .dash-item-container .grid-search-result:ltr:last-child, #dashtodockContainer.bottom.shrink #dash .dash-item-container .app-well-app:rtl:first-child, #dashtodockContainer.bottom.shrink #dash .dash-item-container .grid-search-result:rtl:first-child, #dashtodockContainer.bottom.shrink #dash .dash-item-container .show-apps:ltr:last-child, #dashtodockContainer.bottom.shrink #dash .dash-item-container .show-apps:rtl:first-child { padding-right: 0; } #dashtodockContainer.bottom.shrink #dash .dash-item-container .app-well-app.running .overview-icon, #dashtodockContainer.bottom.shrink #dash .dash-item-container .running.grid-search-result .overview-icon { background-image: none; } #dashtodockContainer.bottom.shrink #dash .dash-item-container .app-well-app.focused .overview-icon, #dashtodockContainer.bottom.shrink #dash .dash-item-container .focused.grid-search-result .overview-icon { background-color: rgba(238, 238, 236, 0.2); } #dashtodockContainer.bottom.shrink #dash .dash-item-container .app-well-app .app-well-app-running-dot, #dashtodockContainer.bottom.shrink #dash .dash-item-container .grid-search-result .app-well-app-running-dot { margin-bottom: 2px; } #dashtodockContainer.bottom.shrink #dash .dash-item-container > StButton { transition-duration: 250; background-size: contain; } #dashtodockContainer.bottom.shrink.fixed #dash .dash-background { margin-top: 1px; } #dashtodockContainer.bottom.shrink.fixed #dash .dash-item-container .app-well-app, #dashtodockContainer.bottom.shrink.fixed #dash .dash-item-container .grid-search-result, #dashtodockContainer.bottom.shrink.fixed #dash .dash-item-container .show-apps { padding-top: 4px; } .dash-label.bottom.shrink { margin-bottom: 3px; -x-offset: 0; -y-offset: 0; } #dashtodockContainer.bottom.extended #dash { margin: 0px; padding: 0px; } #dashtodockContainer.bottom.extended #dash .dash-background { margin: 0; margin-bottom: 0; padding: 0; border-radius: 0; spacing: 6px; } #dashtodockContainer.bottom.extended #dash .dash-separator { background-color: #c7c7c7; margin: 0 4px; width: 1px; height: 0; margin-bottom: 0; } #dashtodockContainer.bottom.extended #dash #dashtodockDashContainer { padding: 0; padding-bottom: 0; padding-top: 0; } #dashtodockContainer.bottom.extended #dash #dashtodockDashContainer > :first-child .show-apps { padding-left: 8px; } #dashtodockContainer.bottom.extended #dash #dashtodockDashContainer #dashtodockDashScrollview:first-child { padding-left: 8px; } #dashtodockContainer.bottom.extended #dash #dashtodockDashContainer > :last-child .show-apps { padding-right: 8px; } #dashtodockContainer.bottom.extended #dash #dashtodockDashContainer #dashtodockDashScrollview:last-child { padding-right: 8px; } #dashtodockContainer.bottom.extended #dash .dash-item-container { /* Disable all margins defined upstream, we handle them here */ margin: 0 2px; } #dashtodockContainer.bottom.extended #dash .dash-item-container > * { margin: 0; } #dashtodockContainer.bottom.extended #dash .dash-item-container:ltr:first-child, #dashtodockContainer.bottom.extended #dash .dash-item-container:rtl:last-child { margin-left: 0; } #dashtodockContainer.bottom.extended #dash .dash-item-container:ltr:last-child, #dashtodockContainer.bottom.extended #dash .dash-item-container:rtl:first-child { margin-right: 0; } #dashtodockContainer.bottom.extended #dash .dash-item-container .app-well-app, #dashtodockContainer.bottom.extended #dash .dash-item-container .grid-search-result, #dashtodockContainer.bottom.extended #dash .dash-item-container .show-apps { padding: 2px 2px; padding-bottom: 10px; padding-top: 10px; } #dashtodockContainer.bottom.extended #dash .dash-item-container .app-well-app:ltr:first-child, #dashtodockContainer.bottom.extended #dash .dash-item-container .grid-search-result:ltr:first-child, #dashtodockContainer.bottom.extended #dash .dash-item-container .app-well-app:rtl:last-child, #dashtodockContainer.bottom.extended #dash .dash-item-container .grid-search-result:rtl:last-child, #dashtodockContainer.bottom.extended #dash .dash-item-container .show-apps:ltr:first-child, #dashtodockContainer.bottom.extended #dash .dash-item-container .show-apps:rtl:last-child { padding-left: 0; } #dashtodockContainer.bottom.extended #dash .dash-item-container .app-well-app:ltr:last-child, #dashtodockContainer.bottom.extended #dash .dash-item-container .grid-search-result:ltr:last-child, #dashtodockContainer.bottom.extended #dash .dash-item-container .app-well-app:rtl:first-child, #dashtodockContainer.bottom.extended #dash .dash-item-container .grid-search-result:rtl:first-child, #dashtodockContainer.bottom.extended #dash .dash-item-container .show-apps:ltr:last-child, #dashtodockContainer.bottom.extended #dash .dash-item-container .show-apps:rtl:first-child { padding-right: 0; } #dashtodockContainer.bottom.extended #dash .dash-item-container .app-well-app.running .overview-icon, #dashtodockContainer.bottom.extended #dash .dash-item-container .running.grid-search-result .overview-icon { background-image: none; } #dashtodockContainer.bottom.extended #dash .dash-item-container .app-well-app.focused .overview-icon, #dashtodockContainer.bottom.extended #dash .dash-item-container .focused.grid-search-result .overview-icon { background-color: rgba(238, 238, 236, 0.2); } #dashtodockContainer.bottom.extended #dash .dash-item-container .app-well-app .app-well-app-running-dot, #dashtodockContainer.bottom.extended #dash .dash-item-container .grid-search-result .app-well-app-running-dot { margin-bottom: 2px; } #dashtodockContainer.bottom.extended #dash .dash-item-container > StButton { transition-duration: 250; background-size: contain; } #dashtodockContainer.bottom.extended.fixed #dash .dash-background { margin-top: 0; } #dashtodockContainer.bottom.extended.fixed #dash .dash-item-container .app-well-app, #dashtodockContainer.bottom.extended.fixed #dash .dash-item-container .grid-search-result, #dashtodockContainer.bottom.extended.fixed #dash .dash-item-container .show-apps { padding-top: 10px; } .dash-label.bottom { margin-bottom: 10px; -x-offset: 0; -y-offset: 0; } #dashtodockContainer.bottom.extended.shrink #dash { margin: 0px; padding: 0px; } #dashtodockContainer.bottom.extended.shrink #dash .dash-background { margin: 0; margin-bottom: 0; padding: 0; border-radius: 0; spacing: 2px; } #dashtodockContainer.bottom.extended.shrink #dash .dash-separator { background-color: #c7c7c7; margin: 0 1px; width: 1px; height: 0; margin-bottom: 0; } #dashtodockContainer.bottom.extended.shrink #dash #dashtodockDashContainer { padding: 0; padding-bottom: 0; padding-top: 0; } #dashtodockContainer.bottom.extended.shrink #dash #dashtodockDashContainer > :first-child .show-apps { padding-left: 6px; } #dashtodockContainer.bottom.extended.shrink #dash #dashtodockDashContainer #dashtodockDashScrollview:first-child { padding-left: 6px; } #dashtodockContainer.bottom.extended.shrink #dash #dashtodockDashContainer > :last-child .show-apps { padding-right: 6px; } #dashtodockContainer.bottom.extended.shrink #dash #dashtodockDashContainer #dashtodockDashScrollview:last-child { padding-right: 6px; } #dashtodockContainer.bottom.extended.shrink #dash .dash-item-container { /* Disable all margins defined upstream, we handle them here */ margin: 0 2px; } #dashtodockContainer.bottom.extended.shrink #dash .dash-item-container > * { margin: 0; } #dashtodockContainer.bottom.extended.shrink #dash .dash-item-container:ltr:first-child, #dashtodockContainer.bottom.extended.shrink #dash .dash-item-container:rtl:last-child { margin-left: 0; } #dashtodockContainer.bottom.extended.shrink #dash .dash-item-container:ltr:last-child, #dashtodockContainer.bottom.extended.shrink #dash .dash-item-container:rtl:first-child { margin-right: 0; } #dashtodockContainer.bottom.extended.shrink #dash .dash-item-container .app-well-app, #dashtodockContainer.bottom.extended.shrink #dash .dash-item-container .grid-search-result, #dashtodockContainer.bottom.extended.shrink #dash .dash-item-container .show-apps { padding: 1px 1px; padding-bottom: 3px; padding-top: 3px; } #dashtodockContainer.bottom.extended.shrink #dash .dash-item-container .app-well-app:ltr:first-child, #dashtodockContainer.bottom.extended.shrink #dash .dash-item-container .grid-search-result:ltr:first-child, #dashtodockContainer.bottom.extended.shrink #dash .dash-item-container .app-well-app:rtl:last-child, #dashtodockContainer.bottom.extended.shrink #dash .dash-item-container .grid-search-result:rtl:last-child, #dashtodockContainer.bottom.extended.shrink #dash .dash-item-container .show-apps:ltr:first-child, #dashtodockContainer.bottom.extended.shrink #dash .dash-item-container .show-apps:rtl:last-child { padding-left: 0; } #dashtodockContainer.bottom.extended.shrink #dash .dash-item-container .app-well-app:ltr:last-child, #dashtodockContainer.bottom.extended.shrink #dash .dash-item-container .grid-search-result:ltr:last-child, #dashtodockContainer.bottom.extended.shrink #dash .dash-item-container .app-well-app:rtl:first-child, #dashtodockContainer.bottom.extended.shrink #dash .dash-item-container .grid-search-result:rtl:first-child, #dashtodockContainer.bottom.extended.shrink #dash .dash-item-container .show-apps:ltr:last-child, #dashtodockContainer.bottom.extended.shrink #dash .dash-item-container .show-apps:rtl:first-child { padding-right: 0; } #dashtodockContainer.bottom.extended.shrink #dash .dash-item-container .app-well-app.running .overview-icon, #dashtodockContainer.bottom.extended.shrink #dash .dash-item-container .running.grid-search-result .overview-icon { background-image: none; } #dashtodockContainer.bottom.extended.shrink #dash .dash-item-container .app-well-app.focused .overview-icon, #dashtodockContainer.bottom.extended.shrink #dash .dash-item-container .focused.grid-search-result .overview-icon { background-color: rgba(238, 238, 236, 0.2); } #dashtodockContainer.bottom.extended.shrink #dash .dash-item-container .app-well-app .app-well-app-running-dot, #dashtodockContainer.bottom.extended.shrink #dash .dash-item-container .grid-search-result .app-well-app-running-dot { margin-bottom: 2px; } #dashtodockContainer.bottom.extended.shrink #dash .dash-item-container > StButton { transition-duration: 250; background-size: contain; } #dashtodockContainer.bottom.extended.shrink.fixed #dash .dash-background { margin-top: 0; } #dashtodockContainer.bottom.extended.shrink.fixed #dash .dash-item-container .app-well-app, #dashtodockContainer.bottom.extended.shrink.fixed #dash .dash-item-container .grid-search-result, #dashtodockContainer.bottom.extended.shrink.fixed #dash .dash-item-container .show-apps { padding-top: 3px; } .dash-label.bottom.shrink { margin-bottom: 3px; -x-offset: 0; -y-offset: 0; } #dashtodockContainer.top #dash { margin: 0px; padding: 0px; } #dashtodockContainer.top #dash .dash-background { margin: 0; margin-top: 4px; padding: 0; border-radius: 18px; spacing: 6px; } #dashtodockContainer.top #dash .dash-separator { background-color: #c7c7c7; margin: 0 4px; width: 1px; height: 0; margin-top: 4px; } #dashtodockContainer.top #dash #dashtodockDashContainer { padding: 10px; padding-top: 0; padding-bottom: 0; } #dashtodockContainer.top #dash .dash-item-container { /* Disable all margins defined upstream, we handle them here */ margin: 0 2px; } #dashtodockContainer.top #dash .dash-item-container > * { margin: 0; } #dashtodockContainer.top #dash .dash-item-container:ltr:first-child, #dashtodockContainer.top #dash .dash-item-container:rtl:last-child { margin-left: 0; } #dashtodockContainer.top #dash .dash-item-container:ltr:last-child, #dashtodockContainer.top #dash .dash-item-container:rtl:first-child { margin-right: 0; } #dashtodockContainer.top #dash .dash-item-container .app-well-app, #dashtodockContainer.top #dash .dash-item-container .grid-search-result, #dashtodockContainer.top #dash .dash-item-container .show-apps { padding: 2px 2px; padding-top: 14px; padding-bottom: 10px; } #dashtodockContainer.top #dash .dash-item-container .app-well-app:ltr:first-child, #dashtodockContainer.top #dash .dash-item-container .grid-search-result:ltr:first-child, #dashtodockContainer.top #dash .dash-item-container .app-well-app:rtl:last-child, #dashtodockContainer.top #dash .dash-item-container .grid-search-result:rtl:last-child, #dashtodockContainer.top #dash .dash-item-container .show-apps:ltr:first-child, #dashtodockContainer.top #dash .dash-item-container .show-apps:rtl:last-child { padding-left: 0; } #dashtodockContainer.top #dash .dash-item-container .app-well-app:ltr:last-child, #dashtodockContainer.top #dash .dash-item-container .grid-search-result:ltr:last-child, #dashtodockContainer.top #dash .dash-item-container .app-well-app:rtl:first-child, #dashtodockContainer.top #dash .dash-item-container .grid-search-result:rtl:first-child, #dashtodockContainer.top #dash .dash-item-container .show-apps:ltr:last-child, #dashtodockContainer.top #dash .dash-item-container .show-apps:rtl:first-child { padding-right: 0; } #dashtodockContainer.top #dash .dash-item-container .app-well-app.running .overview-icon, #dashtodockContainer.top #dash .dash-item-container .running.grid-search-result .overview-icon { background-image: none; } #dashtodockContainer.top #dash .dash-item-container .app-well-app.focused .overview-icon, #dashtodockContainer.top #dash .dash-item-container .focused.grid-search-result .overview-icon { background-color: rgba(238, 238, 236, 0.2); } #dashtodockContainer.top #dash .dash-item-container .app-well-app .app-well-app-running-dot, #dashtodockContainer.top #dash .dash-item-container .grid-search-result .app-well-app-running-dot { margin-bottom: 2px; } #dashtodockContainer.top #dash .dash-item-container > StButton { transition-duration: 250; background-size: contain; } #dashtodockContainer.top.fixed #dash .dash-background { margin-bottom: 4px; } #dashtodockContainer.top.fixed #dash .dash-item-container .app-well-app, #dashtodockContainer.top.fixed #dash .dash-item-container .grid-search-result, #dashtodockContainer.top.fixed #dash .dash-item-container .show-apps { padding-bottom: 14px; } .dash-label.top { margin-top: 10px; -x-offset: 0; -y-offset: 0; } #dashtodockContainer.top.shrink #dash { margin: 0px; padding: 0px; } #dashtodockContainer.top.shrink #dash .dash-background { margin: 0; margin-top: 4px; padding: 0; border-radius: 14px; spacing: 2px; } #dashtodockContainer.top.shrink #dash .dash-separator { background-color: #c7c7c7; margin: 0 1px; width: 1px; height: 0; margin-top: 4px; } #dashtodockContainer.top.shrink #dash #dashtodockDashContainer { padding: 3px; padding-top: 0; padding-bottom: 0; } #dashtodockContainer.top.shrink #dash .dash-item-container { /* Disable all margins defined upstream, we handle them here */ margin: 0 2px; } #dashtodockContainer.top.shrink #dash .dash-item-container > * { margin: 0; } #dashtodockContainer.top.shrink #dash .dash-item-container:ltr:first-child, #dashtodockContainer.top.shrink #dash .dash-item-container:rtl:last-child { margin-left: 0; } #dashtodockContainer.top.shrink #dash .dash-item-container:ltr:last-child, #dashtodockContainer.top.shrink #dash .dash-item-container:rtl:first-child { margin-right: 0; } #dashtodockContainer.top.shrink #dash .dash-item-container .app-well-app, #dashtodockContainer.top.shrink #dash .dash-item-container .grid-search-result, #dashtodockContainer.top.shrink #dash .dash-item-container .show-apps { padding: 1px 1px; padding-top: 7px; padding-bottom: 3px; } #dashtodockContainer.top.shrink #dash .dash-item-container .app-well-app:ltr:first-child, #dashtodockContainer.top.shrink #dash .dash-item-container .grid-search-result:ltr:first-child, #dashtodockContainer.top.shrink #dash .dash-item-container .app-well-app:rtl:last-child, #dashtodockContainer.top.shrink #dash .dash-item-container .grid-search-result:rtl:last-child, #dashtodockContainer.top.shrink #dash .dash-item-container .show-apps:ltr:first-child, #dashtodockContainer.top.shrink #dash .dash-item-container .show-apps:rtl:last-child { padding-left: 0; } #dashtodockContainer.top.shrink #dash .dash-item-container .app-well-app:ltr:last-child, #dashtodockContainer.top.shrink #dash .dash-item-container .grid-search-result:ltr:last-child, #dashtodockContainer.top.shrink #dash .dash-item-container .app-well-app:rtl:first-child, #dashtodockContainer.top.shrink #dash .dash-item-container .grid-search-result:rtl:first-child, #dashtodockContainer.top.shrink #dash .dash-item-container .show-apps:ltr:last-child, #dashtodockContainer.top.shrink #dash .dash-item-container .show-apps:rtl:first-child { padding-right: 0; } #dashtodockContainer.top.shrink #dash .dash-item-container .app-well-app.running .overview-icon, #dashtodockContainer.top.shrink #dash .dash-item-container .running.grid-search-result .overview-icon { background-image: none; } #dashtodockContainer.top.shrink #dash .dash-item-container .app-well-app.focused .overview-icon, #dashtodockContainer.top.shrink #dash .dash-item-container .focused.grid-search-result .overview-icon { background-color: rgba(238, 238, 236, 0.2); } #dashtodockContainer.top.shrink #dash .dash-item-container .app-well-app .app-well-app-running-dot, #dashtodockContainer.top.shrink #dash .dash-item-container .grid-search-result .app-well-app-running-dot { margin-bottom: 2px; } #dashtodockContainer.top.shrink #dash .dash-item-container > StButton { transition-duration: 250; background-size: contain; } #dashtodockContainer.top.shrink.fixed #dash .dash-background { margin-bottom: 1px; } #dashtodockContainer.top.shrink.fixed #dash .dash-item-container .app-well-app, #dashtodockContainer.top.shrink.fixed #dash .dash-item-container .grid-search-result, #dashtodockContainer.top.shrink.fixed #dash .dash-item-container .show-apps { padding-bottom: 4px; } .dash-label.top.shrink { margin-top: 3px; -x-offset: 0; -y-offset: 0; } #dashtodockContainer.top.extended #dash { margin: 0px; padding: 0px; } #dashtodockContainer.top.extended #dash .dash-background { margin: 0; margin-top: 0; padding: 0; border-radius: 0; spacing: 6px; } #dashtodockContainer.top.extended #dash .dash-separator { background-color: #c7c7c7; margin: 0 4px; width: 1px; height: 0; margin-top: 0; } #dashtodockContainer.top.extended #dash #dashtodockDashContainer { padding: 0; padding-top: 0; padding-bottom: 0; } #dashtodockContainer.top.extended #dash #dashtodockDashContainer > :first-child .show-apps { padding-left: 8px; } #dashtodockContainer.top.extended #dash #dashtodockDashContainer #dashtodockDashScrollview:first-child { padding-left: 8px; } #dashtodockContainer.top.extended #dash #dashtodockDashContainer > :last-child .show-apps { padding-right: 8px; } #dashtodockContainer.top.extended #dash #dashtodockDashContainer #dashtodockDashScrollview:last-child { padding-right: 8px; } #dashtodockContainer.top.extended #dash .dash-item-container { /* Disable all margins defined upstream, we handle them here */ margin: 0 2px; } #dashtodockContainer.top.extended #dash .dash-item-container > * { margin: 0; } #dashtodockContainer.top.extended #dash .dash-item-container:ltr:first-child, #dashtodockContainer.top.extended #dash .dash-item-container:rtl:last-child { margin-left: 0; } #dashtodockContainer.top.extended #dash .dash-item-container:ltr:last-child, #dashtodockContainer.top.extended #dash .dash-item-container:rtl:first-child { margin-right: 0; } #dashtodockContainer.top.extended #dash .dash-item-container .app-well-app, #dashtodockContainer.top.extended #dash .dash-item-container .grid-search-result, #dashtodockContainer.top.extended #dash .dash-item-container .show-apps { padding: 2px 2px; padding-top: 10px; padding-bottom: 10px; } #dashtodockContainer.top.extended #dash .dash-item-container .app-well-app:ltr:first-child, #dashtodockContainer.top.extended #dash .dash-item-container .grid-search-result:ltr:first-child, #dashtodockContainer.top.extended #dash .dash-item-container .app-well-app:rtl:last-child, #dashtodockContainer.top.extended #dash .dash-item-container .grid-search-result:rtl:last-child, #dashtodockContainer.top.extended #dash .dash-item-container .show-apps:ltr:first-child, #dashtodockContainer.top.extended #dash .dash-item-container .show-apps:rtl:last-child { padding-left: 0; } #dashtodockContainer.top.extended #dash .dash-item-container .app-well-app:ltr:last-child, #dashtodockContainer.top.extended #dash .dash-item-container .grid-search-result:ltr:last-child, #dashtodockContainer.top.extended #dash .dash-item-container .app-well-app:rtl:first-child, #dashtodockContainer.top.extended #dash .dash-item-container .grid-search-result:rtl:first-child, #dashtodockContainer.top.extended #dash .dash-item-container .show-apps:ltr:last-child, #dashtodockContainer.top.extended #dash .dash-item-container .show-apps:rtl:first-child { padding-right: 0; } #dashtodockContainer.top.extended #dash .dash-item-container .app-well-app.running .overview-icon, #dashtodockContainer.top.extended #dash .dash-item-container .running.grid-search-result .overview-icon { background-image: none; } #dashtodockContainer.top.extended #dash .dash-item-container .app-well-app.focused .overview-icon, #dashtodockContainer.top.extended #dash .dash-item-container .focused.grid-search-result .overview-icon { background-color: rgba(238, 238, 236, 0.2); } #dashtodockContainer.top.extended #dash .dash-item-container .app-well-app .app-well-app-running-dot, #dashtodockContainer.top.extended #dash .dash-item-container .grid-search-result .app-well-app-running-dot { margin-bottom: 2px; } #dashtodockContainer.top.extended #dash .dash-item-container > StButton { transition-duration: 250; background-size: contain; } #dashtodockContainer.top.extended.fixed #dash .dash-background { margin-bottom: 0; } #dashtodockContainer.top.extended.fixed #dash .dash-item-container .app-well-app, #dashtodockContainer.top.extended.fixed #dash .dash-item-container .grid-search-result, #dashtodockContainer.top.extended.fixed #dash .dash-item-container .show-apps { padding-bottom: 10px; } .dash-label.top { margin-top: 10px; -x-offset: 0; -y-offset: 0; } #dashtodockContainer.top.extended.shrink #dash { margin: 0px; padding: 0px; } #dashtodockContainer.top.extended.shrink #dash .dash-background { margin: 0; margin-top: 0; padding: 0; border-radius: 0; spacing: 2px; } #dashtodockContainer.top.extended.shrink #dash .dash-separator { background-color: #c7c7c7; margin: 0 1px; width: 1px; height: 0; margin-top: 0; } #dashtodockContainer.top.extended.shrink #dash #dashtodockDashContainer { padding: 0; padding-top: 0; padding-bottom: 0; } #dashtodockContainer.top.extended.shrink #dash #dashtodockDashContainer > :first-child .show-apps { padding-left: 6px; } #dashtodockContainer.top.extended.shrink #dash #dashtodockDashContainer #dashtodockDashScrollview:first-child { padding-left: 6px; } #dashtodockContainer.top.extended.shrink #dash #dashtodockDashContainer > :last-child .show-apps { padding-right: 6px; } #dashtodockContainer.top.extended.shrink #dash #dashtodockDashContainer #dashtodockDashScrollview:last-child { padding-right: 6px; } #dashtodockContainer.top.extended.shrink #dash .dash-item-container { /* Disable all margins defined upstream, we handle them here */ margin: 0 2px; } #dashtodockContainer.top.extended.shrink #dash .dash-item-container > * { margin: 0; } #dashtodockContainer.top.extended.shrink #dash .dash-item-container:ltr:first-child, #dashtodockContainer.top.extended.shrink #dash .dash-item-container:rtl:last-child { margin-left: 0; } #dashtodockContainer.top.extended.shrink #dash .dash-item-container:ltr:last-child, #dashtodockContainer.top.extended.shrink #dash .dash-item-container:rtl:first-child { margin-right: 0; } #dashtodockContainer.top.extended.shrink #dash .dash-item-container .app-well-app, #dashtodockContainer.top.extended.shrink #dash .dash-item-container .grid-search-result, #dashtodockContainer.top.extended.shrink #dash .dash-item-container .show-apps { padding: 1px 1px; padding-top: 3px; padding-bottom: 3px; } #dashtodockContainer.top.extended.shrink #dash .dash-item-container .app-well-app:ltr:first-child, #dashtodockContainer.top.extended.shrink #dash .dash-item-container .grid-search-result:ltr:first-child, #dashtodockContainer.top.extended.shrink #dash .dash-item-container .app-well-app:rtl:last-child, #dashtodockContainer.top.extended.shrink #dash .dash-item-container .grid-search-result:rtl:last-child, #dashtodockContainer.top.extended.shrink #dash .dash-item-container .show-apps:ltr:first-child, #dashtodockContainer.top.extended.shrink #dash .dash-item-container .show-apps:rtl:last-child { padding-left: 0; } #dashtodockContainer.top.extended.shrink #dash .dash-item-container .app-well-app:ltr:last-child, #dashtodockContainer.top.extended.shrink #dash .dash-item-container .grid-search-result:ltr:last-child, #dashtodockContainer.top.extended.shrink #dash .dash-item-container .app-well-app:rtl:first-child, #dashtodockContainer.top.extended.shrink #dash .dash-item-container .grid-search-result:rtl:first-child, #dashtodockContainer.top.extended.shrink #dash .dash-item-container .show-apps:ltr:last-child, #dashtodockContainer.top.extended.shrink #dash .dash-item-container .show-apps:rtl:first-child { padding-right: 0; } #dashtodockContainer.top.extended.shrink #dash .dash-item-container .app-well-app.running .overview-icon, #dashtodockContainer.top.extended.shrink #dash .dash-item-container .running.grid-search-result .overview-icon { background-image: none; } #dashtodockContainer.top.extended.shrink #dash .dash-item-container .app-well-app.focused .overview-icon, #dashtodockContainer.top.extended.shrink #dash .dash-item-container .focused.grid-search-result .overview-icon { background-color: rgba(238, 238, 236, 0.2); } #dashtodockContainer.top.extended.shrink #dash .dash-item-container .app-well-app .app-well-app-running-dot, #dashtodockContainer.top.extended.shrink #dash .dash-item-container .grid-search-result .app-well-app-running-dot { margin-bottom: 2px; } #dashtodockContainer.top.extended.shrink #dash .dash-item-container > StButton { transition-duration: 250; background-size: contain; } #dashtodockContainer.top.extended.shrink.fixed #dash .dash-background { margin-bottom: 0; } #dashtodockContainer.top.extended.shrink.fixed #dash .dash-item-container .app-well-app, #dashtodockContainer.top.extended.shrink.fixed #dash .dash-item-container .grid-search-result, #dashtodockContainer.top.extended.shrink.fixed #dash .dash-item-container .show-apps { padding-bottom: 3px; } .dash-label.top.shrink { margin-top: 3px; -x-offset: 0; -y-offset: 0; } #dashtodockContainer.left #dash { margin: 0px; padding: 0px; } #dashtodockContainer.left #dash .dash-background { margin: 0; margin-left: 4px; padding: 0; border-radius: 18px; spacing: 6px; } #dashtodockContainer.left #dash .dash-separator { background-color: #c7c7c7; width: 0; height: 1px; margin: 4px 0; margin-left: 4px; } #dashtodockContainer.left #dash #dashtodockDashContainer { padding: 10px; padding-left: 0; padding-right: 0; } #dashtodockContainer.left #dash .dash-item-container { /* Disable all margins defined upstream, we handle them here */ margin: 2px 0; } #dashtodockContainer.left #dash .dash-item-container > * { margin: 0; } #dashtodockContainer.left #dash .dash-item-container:first-child { margin-top: 0; } #dashtodockContainer.left #dash .dash-item-container:last-child { margin-bottom: 0; } #dashtodockContainer.left #dash .dash-item-container .app-well-app, #dashtodockContainer.left #dash .dash-item-container .grid-search-result, #dashtodockContainer.left #dash .dash-item-container .show-apps { padding: 2px 2px; padding-left: 14px; padding-right: 10px; } #dashtodockContainer.left #dash .dash-item-container .app-well-app:first-child, #dashtodockContainer.left #dash .dash-item-container .grid-search-result:first-child, #dashtodockContainer.left #dash .dash-item-container .show-apps:first-child { padding-top: 0; } #dashtodockContainer.left #dash .dash-item-container .app-well-app:last-child, #dashtodockContainer.left #dash .dash-item-container .grid-search-result:last-child, #dashtodockContainer.left #dash .dash-item-container .show-apps:last-child { padding-bottom: 0; } #dashtodockContainer.left #dash .dash-item-container .app-well-app.running .overview-icon, #dashtodockContainer.left #dash .dash-item-container .running.grid-search-result .overview-icon { background-image: none; } #dashtodockContainer.left #dash .dash-item-container .app-well-app.focused .overview-icon, #dashtodockContainer.left #dash .dash-item-container .focused.grid-search-result .overview-icon { background-color: rgba(238, 238, 236, 0.2); } #dashtodockContainer.left #dash .dash-item-container .app-well-app .app-well-app-running-dot, #dashtodockContainer.left #dash .dash-item-container .grid-search-result .app-well-app-running-dot { margin-bottom: 2px; } #dashtodockContainer.left #dash .dash-item-container > StButton { transition-duration: 250; background-size: contain; } #dashtodockContainer.left.fixed #dash .dash-background { margin-right: 4px; } #dashtodockContainer.left.fixed #dash .dash-item-container .app-well-app, #dashtodockContainer.left.fixed #dash .dash-item-container .grid-search-result, #dashtodockContainer.left.fixed #dash .dash-item-container .show-apps { padding-right: 14px; } .dash-label.left { margin: 0; -x-offset: 10px; -y-offset: 0; } #dashtodockContainer.left.shrink #dash { margin: 0px; padding: 0px; } #dashtodockContainer.left.shrink #dash .dash-background { margin: 0; margin-left: 4px; padding: 0; border-radius: 14px; spacing: 2px; } #dashtodockContainer.left.shrink #dash .dash-separator { background-color: #c7c7c7; width: 0; height: 1px; margin: 1px 0; margin-left: 4px; } #dashtodockContainer.left.shrink #dash #dashtodockDashContainer { padding: 3px; padding-left: 0; padding-right: 0; } #dashtodockContainer.left.shrink #dash .dash-item-container { /* Disable all margins defined upstream, we handle them here */ margin: 2px 0; } #dashtodockContainer.left.shrink #dash .dash-item-container > * { margin: 0; } #dashtodockContainer.left.shrink #dash .dash-item-container:first-child { margin-top: 0; } #dashtodockContainer.left.shrink #dash .dash-item-container:last-child { margin-bottom: 0; } #dashtodockContainer.left.shrink #dash .dash-item-container .app-well-app, #dashtodockContainer.left.shrink #dash .dash-item-container .grid-search-result, #dashtodockContainer.left.shrink #dash .dash-item-container .show-apps { padding: 1px 1px; padding-left: 7px; padding-right: 3px; } #dashtodockContainer.left.shrink #dash .dash-item-container .app-well-app:first-child, #dashtodockContainer.left.shrink #dash .dash-item-container .grid-search-result:first-child, #dashtodockContainer.left.shrink #dash .dash-item-container .show-apps:first-child { padding-top: 0; } #dashtodockContainer.left.shrink #dash .dash-item-container .app-well-app:last-child, #dashtodockContainer.left.shrink #dash .dash-item-container .grid-search-result:last-child, #dashtodockContainer.left.shrink #dash .dash-item-container .show-apps:last-child { padding-bottom: 0; } #dashtodockContainer.left.shrink #dash .dash-item-container .app-well-app.running .overview-icon, #dashtodockContainer.left.shrink #dash .dash-item-container .running.grid-search-result .overview-icon { background-image: none; } #dashtodockContainer.left.shrink #dash .dash-item-container .app-well-app.focused .overview-icon, #dashtodockContainer.left.shrink #dash .dash-item-container .focused.grid-search-result .overview-icon { background-color: rgba(238, 238, 236, 0.2); } #dashtodockContainer.left.shrink #dash .dash-item-container .app-well-app .app-well-app-running-dot, #dashtodockContainer.left.shrink #dash .dash-item-container .grid-search-result .app-well-app-running-dot { margin-bottom: 2px; } #dashtodockContainer.left.shrink #dash .dash-item-container > StButton { transition-duration: 250; background-size: contain; } #dashtodockContainer.left.shrink.fixed #dash .dash-background { margin-right: 1px; } #dashtodockContainer.left.shrink.fixed #dash .dash-item-container .app-well-app, #dashtodockContainer.left.shrink.fixed #dash .dash-item-container .grid-search-result, #dashtodockContainer.left.shrink.fixed #dash .dash-item-container .show-apps { padding-right: 4px; } .dash-label.left.shrink { margin: 0; -x-offset: 3px; -y-offset: 0; } #dashtodockContainer.left.extended #dash { margin: 0px; padding: 0px; } #dashtodockContainer.left.extended #dash .dash-background { margin: 0; margin-left: 0; padding: 0; border-radius: 0; spacing: 6px; } #dashtodockContainer.left.extended #dash .dash-separator { background-color: #c7c7c7; width: 0; height: 1px; margin: 4px 0; margin-left: 0; } #dashtodockContainer.left.extended #dash #dashtodockDashContainer { padding: 0; padding-left: 0; padding-right: 0; } #dashtodockContainer.left.extended #dash #dashtodockDashContainer > :first-child .show-apps { padding-top: 8px; } #dashtodockContainer.left.extended #dash #dashtodockDashContainer #dashtodockDashScrollview:first-child { padding-top: 8px; } #dashtodockContainer.left.extended #dash #dashtodockDashContainer > :last-child .show-apps { padding-bottom: 8px; } #dashtodockContainer.left.extended #dash #dashtodockDashContainer #dashtodockDashScrollview:last-child { padding-bottom: 8px; } #dashtodockContainer.left.extended #dash .dash-item-container { /* Disable all margins defined upstream, we handle them here */ margin: 2px 0; } #dashtodockContainer.left.extended #dash .dash-item-container > * { margin: 0; } #dashtodockContainer.left.extended #dash .dash-item-container:first-child { margin-top: 0; } #dashtodockContainer.left.extended #dash .dash-item-container:last-child { margin-bottom: 0; } #dashtodockContainer.left.extended #dash .dash-item-container .app-well-app, #dashtodockContainer.left.extended #dash .dash-item-container .grid-search-result, #dashtodockContainer.left.extended #dash .dash-item-container .show-apps { padding: 2px 2px; padding-left: 10px; padding-right: 10px; } #dashtodockContainer.left.extended #dash .dash-item-container .app-well-app:first-child, #dashtodockContainer.left.extended #dash .dash-item-container .grid-search-result:first-child, #dashtodockContainer.left.extended #dash .dash-item-container .show-apps:first-child { padding-top: 0; } #dashtodockContainer.left.extended #dash .dash-item-container .app-well-app:last-child, #dashtodockContainer.left.extended #dash .dash-item-container .grid-search-result:last-child, #dashtodockContainer.left.extended #dash .dash-item-container .show-apps:last-child { padding-bottom: 0; } #dashtodockContainer.left.extended #dash .dash-item-container .app-well-app.running .overview-icon, #dashtodockContainer.left.extended #dash .dash-item-container .running.grid-search-result .overview-icon { background-image: none; } #dashtodockContainer.left.extended #dash .dash-item-container .app-well-app.focused .overview-icon, #dashtodockContainer.left.extended #dash .dash-item-container .focused.grid-search-result .overview-icon { background-color: rgba(238, 238, 236, 0.2); } #dashtodockContainer.left.extended #dash .dash-item-container .app-well-app .app-well-app-running-dot, #dashtodockContainer.left.extended #dash .dash-item-container .grid-search-result .app-well-app-running-dot { margin-bottom: 2px; } #dashtodockContainer.left.extended #dash .dash-item-container > StButton { transition-duration: 250; background-size: contain; } #dashtodockContainer.left.extended.fixed #dash .dash-background { margin-right: 0; } #dashtodockContainer.left.extended.fixed #dash .dash-item-container .app-well-app, #dashtodockContainer.left.extended.fixed #dash .dash-item-container .grid-search-result, #dashtodockContainer.left.extended.fixed #dash .dash-item-container .show-apps { padding-right: 10px; } .dash-label.left { margin: 0; -x-offset: 10px; -y-offset: 0; } #dashtodockContainer.left.extended.shrink #dash { margin: 0px; padding: 0px; } #dashtodockContainer.left.extended.shrink #dash .dash-background { margin: 0; margin-left: 0; padding: 0; border-radius: 0; spacing: 2px; } #dashtodockContainer.left.extended.shrink #dash .dash-separator { background-color: #c7c7c7; width: 0; height: 1px; margin: 1px 0; margin-left: 0; } #dashtodockContainer.left.extended.shrink #dash #dashtodockDashContainer { padding: 0; padding-left: 0; padding-right: 0; } #dashtodockContainer.left.extended.shrink #dash #dashtodockDashContainer > :first-child .show-apps { padding-top: 6px; } #dashtodockContainer.left.extended.shrink #dash #dashtodockDashContainer #dashtodockDashScrollview:first-child { padding-top: 6px; } #dashtodockContainer.left.extended.shrink #dash #dashtodockDashContainer > :last-child .show-apps { padding-bottom: 6px; } #dashtodockContainer.left.extended.shrink #dash #dashtodockDashContainer #dashtodockDashScrollview:last-child { padding-bottom: 6px; } #dashtodockContainer.left.extended.shrink #dash .dash-item-container { /* Disable all margins defined upstream, we handle them here */ margin: 2px 0; } #dashtodockContainer.left.extended.shrink #dash .dash-item-container > * { margin: 0; } #dashtodockContainer.left.extended.shrink #dash .dash-item-container:first-child { margin-top: 0; } #dashtodockContainer.left.extended.shrink #dash .dash-item-container:last-child { margin-bottom: 0; } #dashtodockContainer.left.extended.shrink #dash .dash-item-container .app-well-app, #dashtodockContainer.left.extended.shrink #dash .dash-item-container .grid-search-result, #dashtodockContainer.left.extended.shrink #dash .dash-item-container .show-apps { padding: 1px 1px; padding-left: 3px; padding-right: 3px; } #dashtodockContainer.left.extended.shrink #dash .dash-item-container .app-well-app:first-child, #dashtodockContainer.left.extended.shrink #dash .dash-item-container .grid-search-result:first-child, #dashtodockContainer.left.extended.shrink #dash .dash-item-container .show-apps:first-child { padding-top: 0; } #dashtodockContainer.left.extended.shrink #dash .dash-item-container .app-well-app:last-child, #dashtodockContainer.left.extended.shrink #dash .dash-item-container .grid-search-result:last-child, #dashtodockContainer.left.extended.shrink #dash .dash-item-container .show-apps:last-child { padding-bottom: 0; } #dashtodockContainer.left.extended.shrink #dash .dash-item-container .app-well-app.running .overview-icon, #dashtodockContainer.left.extended.shrink #dash .dash-item-container .running.grid-search-result .overview-icon { background-image: none; } #dashtodockContainer.left.extended.shrink #dash .dash-item-container .app-well-app.focused .overview-icon, #dashtodockContainer.left.extended.shrink #dash .dash-item-container .focused.grid-search-result .overview-icon { background-color: rgba(238, 238, 236, 0.2); } #dashtodockContainer.left.extended.shrink #dash .dash-item-container .app-well-app .app-well-app-running-dot, #dashtodockContainer.left.extended.shrink #dash .dash-item-container .grid-search-result .app-well-app-running-dot { margin-bottom: 2px; } #dashtodockContainer.left.extended.shrink #dash .dash-item-container > StButton { transition-duration: 250; background-size: contain; } #dashtodockContainer.left.extended.shrink.fixed #dash .dash-background { margin-right: 0; } #dashtodockContainer.left.extended.shrink.fixed #dash .dash-item-container .app-well-app, #dashtodockContainer.left.extended.shrink.fixed #dash .dash-item-container .grid-search-result, #dashtodockContainer.left.extended.shrink.fixed #dash .dash-item-container .show-apps { padding-right: 3px; } .dash-label.left.shrink { margin: 0; -x-offset: 3px; -y-offset: 0; } #dashtodockContainer.right #dash { margin: 0px; padding: 0px; } #dashtodockContainer.right #dash .dash-background { margin: 0; margin-right: 4px; padding: 0; border-radius: 18px; spacing: 6px; } #dashtodockContainer.right #dash .dash-separator { background-color: #c7c7c7; width: 0; height: 1px; margin: 4px 0; margin-right: 4px; } #dashtodockContainer.right #dash #dashtodockDashContainer { padding: 10px; padding-right: 0; padding-left: 0; } #dashtodockContainer.right #dash .dash-item-container { /* Disable all margins defined upstream, we handle them here */ margin: 2px 0; } #dashtodockContainer.right #dash .dash-item-container > * { margin: 0; } #dashtodockContainer.right #dash .dash-item-container:first-child { margin-top: 0; } #dashtodockContainer.right #dash .dash-item-container:last-child { margin-bottom: 0; } #dashtodockContainer.right #dash .dash-item-container .app-well-app, #dashtodockContainer.right #dash .dash-item-container .grid-search-result, #dashtodockContainer.right #dash .dash-item-container .show-apps { padding: 2px 2px; padding-right: 14px; padding-left: 10px; } #dashtodockContainer.right #dash .dash-item-container .app-well-app:first-child, #dashtodockContainer.right #dash .dash-item-container .grid-search-result:first-child, #dashtodockContainer.right #dash .dash-item-container .show-apps:first-child { padding-top: 0; } #dashtodockContainer.right #dash .dash-item-container .app-well-app:last-child, #dashtodockContainer.right #dash .dash-item-container .grid-search-result:last-child, #dashtodockContainer.right #dash .dash-item-container .show-apps:last-child { padding-bottom: 0; } #dashtodockContainer.right #dash .dash-item-container .app-well-app.running .overview-icon, #dashtodockContainer.right #dash .dash-item-container .running.grid-search-result .overview-icon { background-image: none; } #dashtodockContainer.right #dash .dash-item-container .app-well-app.focused .overview-icon, #dashtodockContainer.right #dash .dash-item-container .focused.grid-search-result .overview-icon { background-color: rgba(238, 238, 236, 0.2); } #dashtodockContainer.right #dash .dash-item-container .app-well-app .app-well-app-running-dot, #dashtodockContainer.right #dash .dash-item-container .grid-search-result .app-well-app-running-dot { margin-bottom: 2px; } #dashtodockContainer.right #dash .dash-item-container > StButton { transition-duration: 250; background-size: contain; } #dashtodockContainer.right.fixed #dash .dash-background { margin-left: 4px; } #dashtodockContainer.right.fixed #dash .dash-item-container .app-well-app, #dashtodockContainer.right.fixed #dash .dash-item-container .grid-search-result, #dashtodockContainer.right.fixed #dash .dash-item-container .show-apps { padding-left: 14px; } .dash-label.right { margin: 0; -x-offset: 10px; -y-offset: 0; } #dashtodockContainer.right.shrink #dash { margin: 0px; padding: 0px; } #dashtodockContainer.right.shrink #dash .dash-background { margin: 0; margin-right: 4px; padding: 0; border-radius: 14px; spacing: 2px; } #dashtodockContainer.right.shrink #dash .dash-separator { background-color: #c7c7c7; width: 0; height: 1px; margin: 1px 0; margin-right: 4px; } #dashtodockContainer.right.shrink #dash #dashtodockDashContainer { padding: 3px; padding-right: 0; padding-left: 0; } #dashtodockContainer.right.shrink #dash .dash-item-container { /* Disable all margins defined upstream, we handle them here */ margin: 2px 0; } #dashtodockContainer.right.shrink #dash .dash-item-container > * { margin: 0; } #dashtodockContainer.right.shrink #dash .dash-item-container:first-child { margin-top: 0; } #dashtodockContainer.right.shrink #dash .dash-item-container:last-child { margin-bottom: 0; } #dashtodockContainer.right.shrink #dash .dash-item-container .app-well-app, #dashtodockContainer.right.shrink #dash .dash-item-container .grid-search-result, #dashtodockContainer.right.shrink #dash .dash-item-container .show-apps { padding: 1px 1px; padding-right: 7px; padding-left: 3px; } #dashtodockContainer.right.shrink #dash .dash-item-container .app-well-app:first-child, #dashtodockContainer.right.shrink #dash .dash-item-container .grid-search-result:first-child, #dashtodockContainer.right.shrink #dash .dash-item-container .show-apps:first-child { padding-top: 0; } #dashtodockContainer.right.shrink #dash .dash-item-container .app-well-app:last-child, #dashtodockContainer.right.shrink #dash .dash-item-container .grid-search-result:last-child, #dashtodockContainer.right.shrink #dash .dash-item-container .show-apps:last-child { padding-bottom: 0; } #dashtodockContainer.right.shrink #dash .dash-item-container .app-well-app.running .overview-icon, #dashtodockContainer.right.shrink #dash .dash-item-container .running.grid-search-result .overview-icon { background-image: none; } #dashtodockContainer.right.shrink #dash .dash-item-container .app-well-app.focused .overview-icon, #dashtodockContainer.right.shrink #dash .dash-item-container .focused.grid-search-result .overview-icon { background-color: rgba(238, 238, 236, 0.2); } #dashtodockContainer.right.shrink #dash .dash-item-container .app-well-app .app-well-app-running-dot, #dashtodockContainer.right.shrink #dash .dash-item-container .grid-search-result .app-well-app-running-dot { margin-bottom: 2px; } #dashtodockContainer.right.shrink #dash .dash-item-container > StButton { transition-duration: 250; background-size: contain; } #dashtodockContainer.right.shrink.fixed #dash .dash-background { margin-left: 1px; } #dashtodockContainer.right.shrink.fixed #dash .dash-item-container .app-well-app, #dashtodockContainer.right.shrink.fixed #dash .dash-item-container .grid-search-result, #dashtodockContainer.right.shrink.fixed #dash .dash-item-container .show-apps { padding-left: 4px; } .dash-label.right.shrink { margin: 0; -x-offset: 3px; -y-offset: 0; } #dashtodockContainer.right.extended #dash { margin: 0px; padding: 0px; } #dashtodockContainer.right.extended #dash .dash-background { margin: 0; margin-right: 0; padding: 0; border-radius: 0; spacing: 6px; } #dashtodockContainer.right.extended #dash .dash-separator { background-color: #c7c7c7; width: 0; height: 1px; margin: 4px 0; margin-right: 0; } #dashtodockContainer.right.extended #dash #dashtodockDashContainer { padding: 0; padding-right: 0; padding-left: 0; } #dashtodockContainer.right.extended #dash #dashtodockDashContainer > :first-child .show-apps { padding-top: 8px; } #dashtodockContainer.right.extended #dash #dashtodockDashContainer #dashtodockDashScrollview:first-child { padding-top: 8px; } #dashtodockContainer.right.extended #dash #dashtodockDashContainer > :last-child .show-apps { padding-bottom: 8px; } #dashtodockContainer.right.extended #dash #dashtodockDashContainer #dashtodockDashScrollview:last-child { padding-bottom: 8px; } #dashtodockContainer.right.extended #dash .dash-item-container { /* Disable all margins defined upstream, we handle them here */ margin: 2px 0; } #dashtodockContainer.right.extended #dash .dash-item-container > * { margin: 0; } #dashtodockContainer.right.extended #dash .dash-item-container:first-child { margin-top: 0; } #dashtodockContainer.right.extended #dash .dash-item-container:last-child { margin-bottom: 0; } #dashtodockContainer.right.extended #dash .dash-item-container .app-well-app, #dashtodockContainer.right.extended #dash .dash-item-container .grid-search-result, #dashtodockContainer.right.extended #dash .dash-item-container .show-apps { padding: 2px 2px; padding-right: 10px; padding-left: 10px; } #dashtodockContainer.right.extended #dash .dash-item-container .app-well-app:first-child, #dashtodockContainer.right.extended #dash .dash-item-container .grid-search-result:first-child, #dashtodockContainer.right.extended #dash .dash-item-container .show-apps:first-child { padding-top: 0; } #dashtodockContainer.right.extended #dash .dash-item-container .app-well-app:last-child, #dashtodockContainer.right.extended #dash .dash-item-container .grid-search-result:last-child, #dashtodockContainer.right.extended #dash .dash-item-container .show-apps:last-child { padding-bottom: 0; } #dashtodockContainer.right.extended #dash .dash-item-container .app-well-app.running .overview-icon, #dashtodockContainer.right.extended #dash .dash-item-container .running.grid-search-result .overview-icon { background-image: none; } #dashtodockContainer.right.extended #dash .dash-item-container .app-well-app.focused .overview-icon, #dashtodockContainer.right.extended #dash .dash-item-container .focused.grid-search-result .overview-icon { background-color: rgba(238, 238, 236, 0.2); } #dashtodockContainer.right.extended #dash .dash-item-container .app-well-app .app-well-app-running-dot, #dashtodockContainer.right.extended #dash .dash-item-container .grid-search-result .app-well-app-running-dot { margin-bottom: 2px; } #dashtodockContainer.right.extended #dash .dash-item-container > StButton { transition-duration: 250; background-size: contain; } #dashtodockContainer.right.extended.fixed #dash .dash-background { margin-left: 0; } #dashtodockContainer.right.extended.fixed #dash .dash-item-container .app-well-app, #dashtodockContainer.right.extended.fixed #dash .dash-item-container .grid-search-result, #dashtodockContainer.right.extended.fixed #dash .dash-item-container .show-apps { padding-left: 10px; } .dash-label.right { margin: 0; -x-offset: 10px; -y-offset: 0; } #dashtodockContainer.right.extended.shrink #dash { margin: 0px; padding: 0px; } #dashtodockContainer.right.extended.shrink #dash .dash-background { margin: 0; margin-right: 0; padding: 0; border-radius: 0; spacing: 2px; } #dashtodockContainer.right.extended.shrink #dash .dash-separator { background-color: #c7c7c7; width: 0; height: 1px; margin: 1px 0; margin-right: 0; } #dashtodockContainer.right.extended.shrink #dash #dashtodockDashContainer { padding: 0; padding-right: 0; padding-left: 0; } #dashtodockContainer.right.extended.shrink #dash #dashtodockDashContainer > :first-child .show-apps { padding-top: 6px; } #dashtodockContainer.right.extended.shrink #dash #dashtodockDashContainer #dashtodockDashScrollview:first-child { padding-top: 6px; } #dashtodockContainer.right.extended.shrink #dash #dashtodockDashContainer > :last-child .show-apps { padding-bottom: 6px; } #dashtodockContainer.right.extended.shrink #dash #dashtodockDashContainer #dashtodockDashScrollview:last-child { padding-bottom: 6px; } #dashtodockContainer.right.extended.shrink #dash .dash-item-container { /* Disable all margins defined upstream, we handle them here */ margin: 2px 0; } #dashtodockContainer.right.extended.shrink #dash .dash-item-container > * { margin: 0; } #dashtodockContainer.right.extended.shrink #dash .dash-item-container:first-child { margin-top: 0; } #dashtodockContainer.right.extended.shrink #dash .dash-item-container:last-child { margin-bottom: 0; } #dashtodockContainer.right.extended.shrink #dash .dash-item-container .app-well-app, #dashtodockContainer.right.extended.shrink #dash .dash-item-container .grid-search-result, #dashtodockContainer.right.extended.shrink #dash .dash-item-container .show-apps { padding: 1px 1px; padding-right: 3px; padding-left: 3px; } #dashtodockContainer.right.extended.shrink #dash .dash-item-container .app-well-app:first-child, #dashtodockContainer.right.extended.shrink #dash .dash-item-container .grid-search-result:first-child, #dashtodockContainer.right.extended.shrink #dash .dash-item-container .show-apps:first-child { padding-top: 0; } #dashtodockContainer.right.extended.shrink #dash .dash-item-container .app-well-app:last-child, #dashtodockContainer.right.extended.shrink #dash .dash-item-container .grid-search-result:last-child, #dashtodockContainer.right.extended.shrink #dash .dash-item-container .show-apps:last-child { padding-bottom: 0; } #dashtodockContainer.right.extended.shrink #dash .dash-item-container .app-well-app.running .overview-icon, #dashtodockContainer.right.extended.shrink #dash .dash-item-container .running.grid-search-result .overview-icon { background-image: none; } #dashtodockContainer.right.extended.shrink #dash .dash-item-container .app-well-app.focused .overview-icon, #dashtodockContainer.right.extended.shrink #dash .dash-item-container .focused.grid-search-result .overview-icon { background-color: rgba(238, 238, 236, 0.2); } #dashtodockContainer.right.extended.shrink #dash .dash-item-container .app-well-app .app-well-app-running-dot, #dashtodockContainer.right.extended.shrink #dash .dash-item-container .grid-search-result .app-well-app-running-dot { margin-bottom: 2px; } #dashtodockContainer.right.extended.shrink #dash .dash-item-container > StButton { transition-duration: 250; background-size: contain; } #dashtodockContainer.right.extended.shrink.fixed #dash .dash-background { margin-left: 0; } #dashtodockContainer.right.extended.shrink.fixed #dash .dash-item-container .app-well-app, #dashtodockContainer.right.extended.shrink.fixed #dash .dash-item-container .grid-search-result, #dashtodockContainer.right.extended.shrink.fixed #dash .dash-item-container .show-apps { padding-left: 3px; } .dash-label.right.shrink { margin: 0; -x-offset: 3px; -y-offset: 0; } #dashtodockContainer.top.shrink #dash .dash-background { margin-top: 4px; margin-bottom: 0; } #dashtodockContainer.straight-corner #dash .dash-background, #dashtodockContainer.shrink.straight-corner #dash .dash-background { border-radius: 0px; } /* Scrollview style */ .bottom #dashtodockDashScrollview, .top #dashtodockDashScrollview { -st-hfade-offset: 24px; } .left #dashtodockDashScrollview, .right #dashtodockDashScrollview { -st-vfade-offset: 24px; } #dashtodockContainer.dashtodock #dash .dash-background { background: #1d1d1d; } #dashtodockContainer.dashtodock .progress-bar { /* Customization of the progress bar style, e.g.: -progress-bar-background: rgba(0.8, 0.8, 0.8, 1); -progress-bar-border: rgba(0.9, 0.9, 0.9, 1); */ } #dashtodockContainer.top #dash .placeholder, #dashtodockContainer.bottom #dash .placeholder { width: 32px; height: 1px; } /* * This is applied to a dummy actor. Only the alpha value for the background and border color * and the transition-duration are used */ #dashtodockContainer.dummy-opaque { background-color: rgba(0, 0, 0, 0.8); border-color: rgba(0, 0, 0, 0.4); transition-duration: 300ms; } /* * This is applied to a dummy actor. Only the alpha value for the background and border color * and the transition-duration are used */ #dashtodockContainer.dummy-transparent { background-color: rgba(0, 0, 0, 0.2); border-color: rgba(0, 0, 0, 0.1); transition-duration: 500ms; } #dashtodockContainer .number-overlay { color: white; background-color: rgba(0, 0, 0, 0.8); text-align: center; } #dashtodockContainer .notification-badge { color: white; background-color: red; padding: 0.2em 0.5em; border-radius: 1em; font-weight: bold; text-align: center; margin: 2px; } #dashtodockPreviewSeparator.popup-separator-menu-item-horizontal { width: 1px; height: auto; border-right-width: 1px; margin: 32px 0px; } .dashtodock-app-well-preview-menu-item { padding: 1em 1em 0.5em 1em; } #dashtodockContainer .metro .overview-icon { border-radius: 0px; } #dashtodockContainer.bottom .metro.running2.focused, #dashtodockContainer.top .metro.running2.focused { background-image: url("./media/highlight_stacked_bg.svg"); background-position: 0px 0px; background-size: contain; } #dashtodockContainer.left .metro.running2.focused, #dashtodockContainer.right .metro.running2.focused { background-image: url("./media/highlight_stacked_bg_h.svg"); background-position: 0px 0px; background-size: contain; } #dashtodockContainer.bottom .metro.running3.focused, #dashtodockContainer.top .metro.running3.focused { background-image: url("./media/highlight_stacked_bg.svg"); background-position: 0px 0px; background-size: contain; } #dashtodockContainer.left .metro.running3.focused, #dashtodockContainer.right .metro.running3.focused { background-image: url("./media/highlight_stacked_bg_h.svg"); background-position: 0px 0px; background-size: contain; } #dashtodockContainer.bottom .metro.running4.focused, #dashtodockContainer.top .metro.running4.focused { background-image: url("./media/highlight_stacked_bg.svg"); background-position: 0px 0px; background-size: contain; } #dashtodockContainer.left .metro.running4.focused, #dashtodockContainer.right .metro.running4.focused { background-image: url("./media/highlight_stacked_bg_h.svg"); background-position: 0px 0px; background-size: contain; } /* Yaru Dock styling */ #dashtodockContainer.bottom #dash, #dashtodockContainer.bottom.dashtodock #dash, #dashtodockContainer.bottom.shrink #dash { margin: 0px; padding: 0px; } #dashtodockContainer.bottom #dash .dash-background, #dashtodockContainer.bottom.dashtodock #dash .dash-background, #dashtodockContainer.bottom.shrink #dash .dash-background { background: rgba(19, 19, 19, 0.75); transition-duration: 250ms; } #dashtodockContainer.bottom #dash .dash-separator, #dashtodockContainer.bottom.dashtodock #dash .dash-separator, #dashtodockContainer.bottom.shrink #dash .dash-separator { background: rgba(238, 238, 236, 0.3); } #dashtodockContainer.bottom.overview #dash .dash-background, #dashtodockContainer.bottom.overview.dashtodock #dash .dash-background, #dashtodockContainer.bottom.overview.shrink #dash .dash-background { background-color: #131313; } #dashtodockContainer.bottom.extended #dash .dash-background, #dashtodockContainer.bottom.extended.dashtodock #dash .dash-background, #dashtodockContainer.bottom.extended.shrink #dash .dash-background { border: none; } #dashtodockContainer.bottom .dash-item-container .show-apps, #dashtodockContainer.bottom .dash-item-container .app-well-app, #dashtodockContainer.bottom .dash-item-container .grid-search-result { border-radius: 18px; } #dashtodockContainer.bottom .dash-item-container .show-apps:active .overview-icon, #dashtodockContainer.bottom .dash-item-container .show-apps:checked .overview-icon, #dashtodockContainer.bottom .dash-item-container .app-well-app:active .overview-icon, #dashtodockContainer.bottom .dash-item-container .grid-search-result:active .overview-icon, #dashtodockContainer.bottom .dash-item-container .app-well-app:checked .overview-icon, #dashtodockContainer.bottom .dash-item-container .grid-search-result:checked .overview-icon { background-color: rgba(255, 255, 255, 0.25); box-shadow: none; } #dashtodockContainer.bottom .notification-badge { background-color: #109b26; border: 1px solid #0c6d1a; box-shadow: -1px 1px 5px 0px rgba(0, 0, 0, 0.5); } #dashtodockContainer.top #dash, #dashtodockContainer.top.dashtodock #dash, #dashtodockContainer.top.shrink #dash { margin: 0px; padding: 0px; } #dashtodockContainer.top #dash .dash-background, #dashtodockContainer.top.dashtodock #dash .dash-background, #dashtodockContainer.top.shrink #dash .dash-background { background: rgba(19, 19, 19, 0.75); transition-duration: 250ms; } #dashtodockContainer.top #dash .dash-separator, #dashtodockContainer.top.dashtodock #dash .dash-separator, #dashtodockContainer.top.shrink #dash .dash-separator { background: rgba(238, 238, 236, 0.3); } #dashtodockContainer.top.overview #dash .dash-background, #dashtodockContainer.top.overview.dashtodock #dash .dash-background, #dashtodockContainer.top.overview.shrink #dash .dash-background { background-color: #131313; } #dashtodockContainer.top.extended #dash .dash-background, #dashtodockContainer.top.extended.dashtodock #dash .dash-background, #dashtodockContainer.top.extended.shrink #dash .dash-background { border: none; } #dashtodockContainer.top .dash-item-container .show-apps, #dashtodockContainer.top .dash-item-container .app-well-app, #dashtodockContainer.top .dash-item-container .grid-search-result { border-radius: 18px; } #dashtodockContainer.top .dash-item-container .show-apps:active .overview-icon, #dashtodockContainer.top .dash-item-container .show-apps:checked .overview-icon, #dashtodockContainer.top .dash-item-container .app-well-app:active .overview-icon, #dashtodockContainer.top .dash-item-container .grid-search-result:active .overview-icon, #dashtodockContainer.top .dash-item-container .app-well-app:checked .overview-icon, #dashtodockContainer.top .dash-item-container .grid-search-result:checked .overview-icon { background-color: rgba(255, 255, 255, 0.25); box-shadow: none; } #dashtodockContainer.top .notification-badge { background-color: #109b26; border: 1px solid #0c6d1a; box-shadow: -1px 1px 5px 0px rgba(0, 0, 0, 0.5); } #dashtodockContainer.left #dash, #dashtodockContainer.left.dashtodock #dash, #dashtodockContainer.left.shrink #dash { margin: 0px; padding: 0px; } #dashtodockContainer.left #dash .dash-background, #dashtodockContainer.left.dashtodock #dash .dash-background, #dashtodockContainer.left.shrink #dash .dash-background { background: rgba(19, 19, 19, 0.75); transition-duration: 250ms; } #dashtodockContainer.left #dash .dash-separator, #dashtodockContainer.left.dashtodock #dash .dash-separator, #dashtodockContainer.left.shrink #dash .dash-separator { background: rgba(238, 238, 236, 0.3); } #dashtodockContainer.left.overview #dash .dash-background, #dashtodockContainer.left.overview.dashtodock #dash .dash-background, #dashtodockContainer.left.overview.shrink #dash .dash-background { background-color: #131313; } #dashtodockContainer.left.extended #dash .dash-background, #dashtodockContainer.left.extended.dashtodock #dash .dash-background, #dashtodockContainer.left.extended.shrink #dash .dash-background { border: none; } #dashtodockContainer.left .dash-item-container .show-apps, #dashtodockContainer.left .dash-item-container .app-well-app, #dashtodockContainer.left .dash-item-container .grid-search-result { border-radius: 18px; } #dashtodockContainer.left .dash-item-container .show-apps:active .overview-icon, #dashtodockContainer.left .dash-item-container .show-apps:checked .overview-icon, #dashtodockContainer.left .dash-item-container .app-well-app:active .overview-icon, #dashtodockContainer.left .dash-item-container .grid-search-result:active .overview-icon, #dashtodockContainer.left .dash-item-container .app-well-app:checked .overview-icon, #dashtodockContainer.left .dash-item-container .grid-search-result:checked .overview-icon { background-color: rgba(255, 255, 255, 0.25); box-shadow: none; } #dashtodockContainer.left .notification-badge { background-color: #109b26; border: 1px solid #0c6d1a; box-shadow: -1px 1px 5px 0px rgba(0, 0, 0, 0.5); } #dashtodockContainer.right #dash, #dashtodockContainer.right.dashtodock #dash, #dashtodockContainer.right.shrink #dash { margin: 0px; padding: 0px; } #dashtodockContainer.right #dash .dash-background, #dashtodockContainer.right.dashtodock #dash .dash-background, #dashtodockContainer.right.shrink #dash .dash-background { background: rgba(19, 19, 19, 0.75); transition-duration: 250ms; } #dashtodockContainer.right #dash .dash-separator, #dashtodockContainer.right.dashtodock #dash .dash-separator, #dashtodockContainer.right.shrink #dash .dash-separator { background: rgba(238, 238, 236, 0.3); } #dashtodockContainer.right.overview #dash .dash-background, #dashtodockContainer.right.overview.dashtodock #dash .dash-background, #dashtodockContainer.right.overview.shrink #dash .dash-background { background-color: #131313; } #dashtodockContainer.right.extended #dash .dash-background, #dashtodockContainer.right.extended.dashtodock #dash .dash-background, #dashtodockContainer.right.extended.shrink #dash .dash-background { border: none; } #dashtodockContainer.right .dash-item-container .show-apps, #dashtodockContainer.right .dash-item-container .app-well-app, #dashtodockContainer.right .dash-item-container .grid-search-result { border-radius: 18px; } #dashtodockContainer.right .dash-item-container .show-apps:active .overview-icon, #dashtodockContainer.right .dash-item-container .show-apps:checked .overview-icon, #dashtodockContainer.right .dash-item-container .app-well-app:active .overview-icon, #dashtodockContainer.right .dash-item-container .grid-search-result:active .overview-icon, #dashtodockContainer.right .dash-item-container .app-well-app:checked .overview-icon, #dashtodockContainer.right .dash-item-container .grid-search-result:checked .overview-icon { background-color: rgba(255, 255, 255, 0.25); box-shadow: none; } #dashtodockContainer.right .notification-badge { background-color: #109b26; border: 1px solid #0c6d1a; box-shadow: -1px 1px 5px 0px rgba(0, 0, 0, 0.5); } (uuay)checkbox-focused-purple.svg / <svg width="24" height="24" xmlns="http://www.w3.org/2000/svg"><rect x="1.5" y="1.5" width="21" height="21" rx="3" fill="#6c58d5" stroke="#b4a9e9" stroke-linejoin="round"/><path d="m20.16 7.527-1.253-1.414-.118.104-8.478 7.426-4.97-4.263-1.503 1.699 6.474 6.811z" fill="#fff" fill-rule="evenodd"/></svg> (uuay)checkbox-focused-bark.svg/ <svg width="24" height="24" xmlns="http://www.w3.org/2000/svg"><rect x="1.5" y="1.5" width="21" height="21" rx="3" fill="#6f6f52" stroke="#a4a484" stroke-linejoin="round"/><path d="m20.16 7.527-1.253-1.414-.118.104-8.478 7.426-4.97-4.263-1.503 1.699 6.474 6.811z" fill="#fff" fill-rule="evenodd"/></svg> (uuay)checkbox-light.svg G <svg width="24" height="24" xmlns="http://www.w3.org/2000/svg"><rect x="1.5" y="1.5" width="21" height="21" fill="#E95420" stroke="#E95420" stroke-linejoin="round" style="stroke-width:1" rx="3"/><path d="m20.16 7.527-1.253-1.414-.118.104-8.478 7.426-4.97-4.263-1.503 1.699 6.474 6.811z" fill="#fff" fill-rule="evenodd"/></svg> (uuay)checkbox-focused-sage-dark.svg / <svg width="24" height="24" xmlns="http://www.w3.org/2000/svg"><rect x="1.5" y="1.5" width="21" height="21" rx="3" fill="#556758" stroke="#92a595" stroke-linejoin="round"/><path d="m20.16 7.527-1.253-1.414-.118.104-8.478 7.426-4.97-4.263-1.503 1.699 6.474 6.811z" fill="#fff" fill-rule="evenodd"/></svg> (uuay)toggle-on-viridian-dark.svg Q <svg viewBox="0 0 48 26" xmlns="http://www.w3.org/2000/svg"><g transform="translate(0 -291.18)"><rect y="291.18" width="48" height="26" rx="13" ry="13" fill="#03875B"/><rect x="24" y="294.18" width="22" height="22" rx="11" ry="11" fill-opacity=".2"/><rect x="24" y="293.18" width="22" height="22" rx="11" ry="11" fill="#fff"/></g></svg> (uuay)checkbox-off-focused-purple-dark.svg � <svg width="24" height="24" xmlns="http://www.w3.org/2000/svg"><rect x="1.5" y="1.5" width="21" height="21" fill="#4a4a4a" stroke="#b4a9e9" stroke-linejoin="round" rx="3" style="fill:#222222"/></svg> (uuay)checkbox-off-focused-sage.svg � <svg width="24" height="24" xmlns="http://www.w3.org/2000/svg"><rect x="1.5" y="1.5" width="21" height="21" fill="#bababa" stroke="#92a595" stroke-linejoin="round" rx="3" style="fill:#F7F7F7"/></svg> (uuay)toggle-off-magenta.svg P <svg width="48" height="26" xmlns="http://www.w3.org/2000/svg"><rect style="fill:#bababa;fill-opacity:1;stroke:none;stroke-width:1;marker:none" width="48" height="26" x="-48" ry="13" fill="#3081e3" rx="13" transform="scale(-1 1)"/><rect ry="11" rx="11" y="3" x="-24" height="22" width="22" style="fill:#000;fill-opacity:.2;stroke:none;stroke-width:.999999;marker:none" fill="#f8f7f7" transform="scale(-1 1)"/><rect ry="11" rx="11" y="2" x="-24" height="22" width="22" style="fill:#fff;fill-opacity:1;stroke:none;stroke-width:.999999;marker:none" fill="#f8f7f7" transform="scale(-1 1)"/></svg> (uuay)checkbox-focused-olive-dark.svg / <svg width="24" height="24" xmlns="http://www.w3.org/2000/svg"><rect x="1.5" y="1.5" width="21" height="21" rx="3" fill="#376201" stroke="#7cdb02" stroke-linejoin="round"/><path d="m20.16 7.527-1.253-1.414-.118.104-8.478 7.426-4.97-4.263-1.503 1.699 6.474 6.811z" fill="#fff" fill-rule="evenodd"/></svg> (uuay)checkbox-bark-dark.svg G <svg width="24" height="24" xmlns="http://www.w3.org/2000/svg"><rect x="1.5" y="1.5" width="21" height="21" fill="#787859" stroke="#787859" stroke-linejoin="round" style="stroke-width:1" rx="3"/><path d="m20.16 7.527-1.253-1.414-.118.104-8.478 7.426-4.97-4.263-1.503 1.699 6.474 6.811z" fill="#fff" fill-rule="evenodd"/></svg> (uuay)checkbox-off-red.svg � <svg width="24" height="24" xmlns="http://www.w3.org/2000/svg"><rect x="1.5" y="1.5" width="21" height="21" rx="3" fill="#bababa" stroke="#c7c7c7" stroke-linejoin="round" style="fill:#F7F7F7;stroke:#d4d4d4"/></svg> (uuay)checkbox-viridian.svg G <svg width="24" height="24" xmlns="http://www.w3.org/2000/svg"><rect x="1.5" y="1.5" width="21" height="21" fill="#03875B" stroke="#03875B" stroke-linejoin="round" style="stroke-width:1" rx="3"/><path d="m20.16 7.527-1.253-1.414-.118.104-8.478 7.426-4.97-4.263-1.503 1.699 6.474 6.811z" fill="#fff" fill-rule="evenodd"/></svg> (uuay)toggle-off-blue.svg P <svg width="48" height="26" xmlns="http://www.w3.org/2000/svg"><rect style="fill:#bababa;fill-opacity:1;stroke:none;stroke-width:1;marker:none" width="48" height="26" x="-48" ry="13" fill="#3081e3" rx="13" transform="scale(-1 1)"/><rect ry="11" rx="11" y="3" x="-24" height="22" width="22" style="fill:#000;fill-opacity:.2;stroke:none;stroke-width:.999999;marker:none" fill="#f8f7f7" transform="scale(-1 1)"/><rect ry="11" rx="11" y="2" x="-24" height="22" width="22" style="fill:#fff;fill-opacity:1;stroke:none;stroke-width:.999999;marker:none" fill="#f8f7f7" transform="scale(-1 1)"/></svg> (uuay)checkbox-off-blue-dark.svg � <svg width="24" height="24" xmlns="http://www.w3.org/2000/svg"><rect x="1.5" y="1.5" width="21" height="21" rx="3" fill="#4a4a4a" stroke="#464646" stroke-linejoin="round" style="fill:#222222;stroke:#494949"/></svg> (uuay)checkbox-off-olive.svg � <svg width="24" height="24" xmlns="http://www.w3.org/2000/svg"><rect x="1.5" y="1.5" width="21" height="21" rx="3" fill="#bababa" stroke="#c7c7c7" stroke-linejoin="round" style="fill:#F7F7F7;stroke:#d4d4d4"/></svg> (uuay)checkbox-magenta-dark.svgG <svg width="24" height="24" xmlns="http://www.w3.org/2000/svg"><rect x="1.5" y="1.5" width="21" height="21" fill="#B34CB3" stroke="#B34CB3" stroke-linejoin="round" style="stroke-width:1" rx="3"/><path d="m20.16 7.527-1.253-1.414-.118.104-8.478 7.426-4.97-4.263-1.503 1.699 6.474 6.811z" fill="#fff" fill-rule="evenodd"/></svg> (uuay)gnome-shell-viridian.css � /* This stylesheet is generated, DO NOT EDIT */ /* Copyright 2009, 2015 Red Hat, Inc. * * Portions adapted from Mx's data/style/default.css * Copyright 2009 Intel Corporation * * This program is free software; you can redistribute it and/or modify it * under the terms and conditions of the GNU Lesser General Public License, * version 2.1, as published by the Free Software Foundation. * * This program is distributed in the hope it will be useful, but WITHOUT ANY * WARRANTY; without even the implied warranty of MERCHANTABILITY or FITNESS * FOR A PARTICULAR PURPOSE. See the GNU Lesser General Public License for * more details. * * You should have received a copy of the GNU Lesser General Public License * along with this program; if not, write to the Free Software Foundation, * Inc., 51 Franklin St - Fifth Floor, Boston, MA 02110-1301 USA. */ /* Global Values */ stage { font-size: 11pt; color: #3D3D3D; } /* Common Stylings */ .screenshot-ui-panel, .workspace-switcher, .switcher-list, .resize-popup, .osd-monitor-label, .osd-window { color: #eeeeec; background-color: rgba(29, 29, 29, 0.975); border: 1px solid #464646; border-radius: 999px; padding: 12px; box-shadow: 0 3px 9px 1px rgba(0, 0, 0, 0.5); } .workspace-thumbnails .workspace-thumbnail { color: #eeeeec; background-color: rgba(238, 238, 236, 0.1); } .app-well-app.app-folder .overview-icon, .app-folder.grid-search-result .overview-icon, .app-well-app .overview-icon, .grid-search-result .overview-icon, .dash-item-container .show-apps .overview-icon, .list-search-result, .search-provider-icon, .switcher-list .item-box { border-radius: 12px; padding: 6px; spacing: 6px; border: 2px solid transparent; transition-duration: 100ms; text-align: center; color: #eeeeec; } .modal-dialog { color: #3D3D3D; background-color: #FAFAFA; border-radius: 8.5px; border: 1px solid rgba(255, 255, 255, 0.8); } #LookingGlassDialog > #Toolbar .lg-toolbar-button, .pad-osd-window .button, .button, .app-folder-dialog .folder-name-container .edit-folder-button { border-radius: 4px; border-style: solid; border-width: 1px; font-weight: bold; padding: 3px 24px; color: #3D3D3D; background-color: #ededed; } #LookingGlassDialog > #Toolbar .lg-toolbar-button:focus, .button:focus, .app-folder-dialog .folder-name-container .edit-folder-button:focus { color: #3D3D3D; background-color: #ededed; box-shadow: inset 0 0 0 2px #05cd8a; } #LookingGlassDialog > #Toolbar .lg-toolbar-button:focus:hover, .button:focus:hover, .app-folder-dialog .folder-name-container .edit-folder-button:focus:hover { background-color: #e5e5e5; box-shadow: inset 0 0 0 2px #05cd8a; } #LookingGlassDialog > #Toolbar .lg-toolbar-button:focus:active, .button:focus:active, .app-folder-dialog .folder-name-container .edit-folder-button:focus:active { background-color: #dedede; box-shadow: inset 0 0 0 2px #05cd8a; } #LookingGlassDialog > #Toolbar .lg-toolbar-button:hover, .button:hover, .app-folder-dialog .folder-name-container .edit-folder-button:hover { color: #3D3D3D; background-color: #e5e5e5; } #LookingGlassDialog > #Toolbar .lg-toolbar-button:insensitive, .button:insensitive, .app-folder-dialog .folder-name-container .edit-folder-button:insensitive { color: rgba(61, 61, 61, 0.5); background-color: rgba(61, 61, 61, 0.05); } #LookingGlassDialog > #Toolbar .lg-toolbar-button:active, .button:active, .app-folder-dialog .folder-name-container .edit-folder-button:active { color: #3D3D3D; background-color: #dedede; } #LookingGlassDialog > #Toolbar .lg-toolbar-button:checked, .button:checked, .app-folder-dialog .folder-name-container .edit-folder-button:checked { color: #3D3D3D; background-color: #d6d6d6; } #LookingGlassDialog > #Toolbar .lg-toolbar-button:checked:hover, .button:checked:hover, .app-folder-dialog .folder-name-container .edit-folder-button:checked:hover { background-color: #cecece; } #LookingGlassDialog > #Toolbar .lg-toolbar-button:checked:active, .button:checked:active, .app-folder-dialog .folder-name-container .edit-folder-button:checked:active { background-color: #c7c7c7; } .app-folder-dialog .folder-name-container .edit-folder-button { color: #F7F7F7; background-color: #2c2c2c; } .app-folder-dialog .folder-name-container .edit-folder-button:focus { color: #F7F7F7; background-color: #2c2c2c; box-shadow: inset 0 0 0 2px #05cd8a; } .app-folder-dialog .folder-name-container .edit-folder-button:focus:hover { background-color: #242424; box-shadow: inset 0 0 0 2px #05cd8a; } .app-folder-dialog .folder-name-container .edit-folder-button:focus:active { background-color: #1d1d1d; box-shadow: inset 0 0 0 2px #05cd8a; } .app-folder-dialog .folder-name-container .edit-folder-button:hover { color: #F7F7F7; background-color: #242424; } .app-folder-dialog .folder-name-container .edit-folder-button:insensitive { color: rgba(247, 247, 247, 0.5); background-color: rgba(247, 247, 247, 0.05); } .app-folder-dialog .folder-name-container .edit-folder-button:active { color: #F7F7F7; background-color: #1d1d1d; } .app-folder-dialog .folder-name-container .edit-folder-button:checked { color: #F7F7F7; background-color: #151515; } .app-folder-dialog .folder-name-container .edit-folder-button:checked:hover { background-color: #0d0d0d; } .app-folder-dialog .folder-name-container .edit-folder-button:checked:active { background-color: #060606; } .modal-dialog .modal-dialog-linked-button, .hotplug-notification-item, .notification-banner .notification-button { padding: 12px; color: #3D3D3D; background-color: #ededed; } .modal-dialog .modal-dialog-linked-button:ltr, .hotplug-notification-item:ltr, .notification-banner .notification-button:ltr { margin-right: 1px; } .modal-dialog .modal-dialog-linked-button:rtl, .hotplug-notification-item:rtl, .notification-banner .notification-button:rtl { margin-left: 1px; } .modal-dialog .modal-dialog-linked-button:insensitive, .hotplug-notification-item:insensitive, .notification-banner .notification-button:insensitive { color: rgba(61, 61, 61, 0.5); background-color: rgba(61, 61, 61, 0.05); } .modal-dialog .modal-dialog-linked-button:focus, .hotplug-notification-item:focus, .notification-banner .notification-button:focus { color: #3D3D3D; background-color: #ededed; box-shadow: inset 0 0 0 2px #05cd8a; } .modal-dialog .modal-dialog-linked-button:focus:hover, .hotplug-notification-item:focus:hover, .notification-banner .notification-button:focus:hover { background-color: #e5e5e5; box-shadow: inset 0 0 0 2px #05cd8a; } .modal-dialog .modal-dialog-linked-button:focus:active, .hotplug-notification-item:focus:active, .notification-banner .notification-button:focus:active { background-color: #dedede; box-shadow: inset 0 0 0 2px #05cd8a; } .modal-dialog .modal-dialog-linked-button:hover, .hotplug-notification-item:hover, .notification-banner .notification-button:hover { color: #3D3D3D; background-color: #e5e5e5; } .modal-dialog .modal-dialog-linked-button:active, .hotplug-notification-item:active, .notification-banner .notification-button:active { color: #3D3D3D; background-color: #dedede; } .modal-dialog .modal-dialog-linked-button:first-child:ltr, .hotplug-notification-item:first-child:ltr, .notification-banner .notification-button:first-child:ltr { border-radius: 0 0 0 7.5px; } .modal-dialog .modal-dialog-linked-button:last-child:ltr, .hotplug-notification-item:last-child:ltr, .notification-banner .notification-button:last-child:ltr { border-radius: 0 0 7.5px 0; margin-right: 0 !important; } .modal-dialog .modal-dialog-linked-button:first-child:rtl, .hotplug-notification-item:first-child:rtl, .notification-banner .notification-button:first-child:rtl { border-radius: 0 0 7.5px 0; margin-left: 0 !important; } .modal-dialog .modal-dialog-linked-button:last-child:rtl, .hotplug-notification-item:last-child:rtl, .notification-banner .notification-button:last-child:rtl { border-radius: 0 0 0 7.5px; margin-right: 0 !important; } .modal-dialog .modal-dialog-linked-button:first-child:last-child, .hotplug-notification-item:first-child:last-child, .notification-banner .notification-button:first-child:last-child { border-radius: 0 0 7.5px 7.5px !important; margin-left: 0 !important; margin-right: 0 !important; } .screenshot-ui-show-pointer-button, .screenshot-ui-type-button { background-color: transparent; background-color: none; } .screenshot-ui-show-pointer-button:insensitive, .screenshot-ui-type-button:insensitive { color: rgba(61, 61, 61, 0.5); background-color: rgba(61, 61, 61, 0.05); background-color: transparent; color: rgba(255, 255, 255, 0.5); } .screenshot-ui-show-pointer-button:insensitive, .screenshot-ui-type-button:insensitive { background-color: transparent; background-color: none; } .screenshot-ui-show-pointer-button:insensitive:insensitive, .screenshot-ui-type-button:insensitive:insensitive { color: rgba(61, 61, 61, 0.5); background-color: rgba(61, 61, 61, 0.05); background-color: transparent; color: rgba(255, 255, 255, 0.5); } .screenshot-ui-show-pointer-button:focus, .screenshot-ui-type-button:focus { color: #eeeeec; background-color: rgba(44, 44, 44, 0.97675); box-shadow: inset 0 0 0 2px #05cd8a; } .screenshot-ui-show-pointer-button:focus:hover, .screenshot-ui-type-button:focus:hover { background-color: rgba(36, 36, 36, 0.97675); box-shadow: inset 0 0 0 2px #05cd8a; } .screenshot-ui-show-pointer-button:focus:active, .screenshot-ui-type-button:focus:active { background-color: rgba(29, 29, 29, 0.97675); box-shadow: inset 0 0 0 2px #05cd8a; } .screenshot-ui-show-pointer-button:hover, .screenshot-ui-type-button:hover { color: #eeeeec; background-color: rgba(36, 36, 36, 0.97675); } .screenshot-ui-show-pointer-button:active, .screenshot-ui-type-button:active { color: #eeeeec; background-color: rgba(29, 29, 29, 0.97675); } .screenshot-ui-show-pointer-button:outlined, .screenshot-ui-type-button:outlined, .screenshot-ui-show-pointer-button:checked, .screenshot-ui-type-button:checked { color: #eeeeec; background-color: rgba(21, 21, 21, 0.97675); } .screenshot-ui-show-pointer-button:outlined:hover, .screenshot-ui-type-button:outlined:hover, .screenshot-ui-show-pointer-button:checked:hover, .screenshot-ui-type-button:checked:hover { background-color: rgba(13, 13, 13, 0.97675); } .screenshot-ui-show-pointer-button:outlined:active, .screenshot-ui-type-button:outlined:active, .screenshot-ui-show-pointer-button:checked:active, .screenshot-ui-type-button:checked:active { background-color: rgba(6, 6, 6, 0.97675); } /* General Typography */ .app-folder-dialog .folder-name-container .folder-name-label, .app-folder-dialog .folder-name-container .folder-name-entry, .search-statustext { font-weight: 800; font-size: 20pt; } .lg-debug-flags-header, .message-dialog-content .message-dialog-title, .message-list .message-list-placeholder, .datemenu-today-button .date-label { font-weight: 800; font-size: 15pt; } .nm-dialog-airplane-headline { font-weight: 700; font-size: 15pt; } .message-dialog-content .message-dialog-title.lightweight, .headline { font-weight: 700; font-size: 13pt; } .lg-extension-name, .osd-window, .nm-dialog-header, .dialog-list .dialog-list-title, .message-list-controls, .weather-button .weather-forecast-temp, .weather-button .weather-header, .world-clocks-button .world-clocks-time, .world-clocks-button .world-clocks-header, .events-button .events-title, .calendar .calendar-month-header .calendar-month-label, .datemenu-today-button .day-label, .popup-menu-ornament { font-weight: 700; font-size: 11pt; } .app-menu .popup-inactive-menu-item:first-child > StLabel { font-weight: 700; font-size: 9pt; } .login-dialog-not-listed-label, .lg-completions-text, .caps-lock-warning-label, #dash, .icon-label-button-container, .prompt-dialog-error-label, .prompt-dialog-info-label, .prompt-dialog-null-label, .run-dialog .run-dialog-description, .dialog-list .dialog-list-box .dialog-list-item .dialog-list-item-description, .weather-button .weather-forecast-time, .world-clocks-button .world-clocks-timezone, .events-button .event-time { font-weight: 400; font-size: 9pt; } .calendar .calendar-day-base.calendar-day-heading, .calendar .calendar-day-base { font-weight: 400; font-size: 8pt; } .unlock-dialog-clock-time, #panel, .weather-button .weather-forecast-time, .world-clocks-button .world-clocks-timezone, .world-clocks-button .world-clocks-time, .events-button .event-time, .calendar .calendar-day-base { font-feature-settings: "tnum"; } /* WIDGETS */ .shell-link { color: #025539; } .shell-link:hover { color: #03875b; } .lowres-icon { icon-shadow: 0 1px 2px rgba(0, 0, 0, 0.3); } .icon-dropshadow { icon-shadow: 0 1px 5px rgba(0, 0, 0, 0.8); } /* Entries */ StEntry { min-height: 22px; border-radius: 6px; padding: 8px; border-width: 1px; color: #3D3D3D; background-color: white; color: rgba(61, 61, 61, 0.7); border: 1px solid #c7c7c7; selection-background-color: #03875B; selected-color: #FFFFFF; } StEntry:hover { background-color: white; border-color: #d4d4d4; color: #3D3D3D; } StEntry:focus { background-color: white; border-color: #05cd8a; box-shadow: 0 0 0 1px #05cd8a inset; color: #3D3D3D; } StEntry:insensitive { background-color: white; border-color: white; color: #9c9c9c; } StEntry StIcon.capslock-warning { icon-size: 16px; warning-color: #f99b11; padding: 0 4px; } StEntry StIcon.peek-password { icon-size: 1.09em; padding: 0 4px; } StEntry StLabel.hint-text { margin-left: 2px; color: rgba(61, 61, 61, 0.7); } /* Buttons */ .button { min-height: 22px; } /* Check Boxes */ .check-box StBoxLayout { spacing: .8em; } .check-box StBin { width: 24px; height: 22px; background-image: url("resource:///org/gnome/shell/theme/checkbox-off-viridian.svg"); } .check-box:focus StBin { background-image: url("resource:///org/gnome/shell/theme/checkbox-off-focused-viridian.svg"); } .check-box:checked StBin { background-image: url("resource:///org/gnome/shell/theme/checkbox-viridian.svg"); } .check-box:focus:checked StBin { background-image: url("resource:///org/gnome/shell/theme/checkbox-focused-viridian.svg"); } /* Switches */ .toggle-switch { color: #3D3D3D; height: 26px; width: 48px; background-size: contain; background-image: url("resource:///org/gnome/shell/theme/toggle-off-viridian.svg"); } .toggle-switch:checked { background-image: url("resource:///org/gnome/shell/theme/toggle-on-viridian.svg"); } /* Slider */ .slider { -barlevel-height: 4px; -barlevel-background-color: rgba(61, 61, 61, 0.4); -barlevel-border-width: 2px; -barlevel-border-color: transparent; -barlevel-active-background-color: #03875B; -barlevel-active-border-color: transparent; -barlevel-overdrive-color: #c7162b; -barlevel-overdrive-border-color: transparent; -barlevel-overdrive-separator-width: 1px; -slider-handle-border-width: 1px; -slider-handle-border-color: #b5b5b5; -slider-handle-radius: 8px; color: #fcfcfc; height: 18px; } /* Scrollbars */ StScrollView.vfade { -st-vfade-offset: 68px; } StScrollView.hfade { -st-hfade-offset: 68px; } StScrollBar { padding: 0; } StScrollView StScrollBar { min-width: 8px; min-height: 8px; } StScrollBar StBin#trough { border-radius: 0; background-color: transparent; } StScrollBar StButton#vhandle, StScrollBar StButton#hhandle { border-radius: 8px; background-color: #c1c1c1; border: 3px solid transparent; transition: 500ms all ease; } StScrollBar StButton#vhandle:hover, StScrollBar StButton#hhandle:hover { background-color: #9c9c9c; } StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { background-color: #aeaeae; } /* Popovers/Menus */ .popup-menu-boxpointer, .candidate-popup-boxpointer { -arrow-rise: 6px; } .popup-menu { min-width: 15em; color: #3D3D3D; } .popup-menu.panel-menu { margin-bottom: 1.75em; } .popup-menu-content, .candidate-popup-content { padding: 6px; border-radius: 10px; border: 1px solid rgba(255, 255, 255, 0.8); box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.1); background-color: #FAFAFA; } .popup-menu-item { padding: 9px 12px; border-radius: 6px; spacing: 6px; transition: 0.2s all ease; background-color: transparent; } .popup-menu-item:ltr { padding-left: 6px; } .popup-menu-item:rtl { padding-right: 6px; } .popup-menu-item:focus, .popup-menu-item:hover { background-color: rgba(61, 61, 61, 0.1) !important; } .popup-menu-item:focus:active, .popup-menu-item:hover:active { background-color: rgba(61, 61, 61, 0.2) !important; } .popup-menu-item:checked { background-color: #e8e8e8 !important; } .popup-menu-item:checked { margin-bottom: 0; box-shadow: inset 0 -1px 0 0 #dbdbdb; border-radius: 6px 6px 0 0; } .popup-menu-item:checked:focus, .popup-menu-item:checked:hover { background-color: #d9d9d9 !important; } .popup-menu-item:checked:active { background-color: #d1d1d1 !important; } .popup-menu-item:active { background-color: #d1d1d1; color: #303030; } .popup-menu-item:insensitive { color: rgba(61, 61, 61, 0.5); } .popup-menu-item .toggle-switch:ltr { margin-left: 4px; } .popup-menu-item .toggle-switch:rtl { margin-right: 4px; } .popup-inactive-menu-item { color: #3D3D3D; } .popup-inactive-menu-item:insensitive { color: #9c9c9c; } .popup-menu-arrow, .popup-menu-icon { icon-size: 16px !important; } .popup-sub-menu { background-color: #e8e8e8; border-radius: 0 0 6px 6px; } .popup-sub-menu .popup-menu-ornament { min-width: 1.09em !important; } .popup-sub-menu .popup-menu-item { border-radius: 0; margin: 0; } .popup-sub-menu .popup-menu-item:last-child { border-radius: 0 0 6px 6px; } .popup-sub-menu .popup-menu-item:focus, .popup-sub-menu .popup-menu-item:hover { background-color: rgba(87, 87, 87, 0.1) !important; } .popup-sub-menu .popup-menu-item:checked { background-color: white !important; } .popup-sub-menu .popup-menu-item:checked:focus, .popup-sub-menu .popup-menu-item:checked:hover { background-color: #fdfdfd !important; } .popup-sub-menu .popup-menu-item:active { background-color: rgba(87, 87, 87, 0.2) !important; } .popup-sub-menu .popup-menu-section .popup-menu-item:last-child:hover, .popup-sub-menu .popup-menu-section .popup-menu-item:last-child:focus { border-radius: 0; } .popup-sub-menu .popup-menu-section:last-child .popup-menu-item:last-child { border-radius: 0 0 6px 6px; } .popup-menu-ornament { width: 1.2em; text-align: center !important; } .popup-menu-ornament:ltr { text-align: right; } .popup-menu-ornament:rtl { text-align: left; } .popup-separator-menu-item { margin: 6px 0; padding: 0 !important; } .popup-separator-menu-item:ltr { margin-right: 4px; } .popup-separator-menu-item:rtl { margin-left: 4px; } .popup-separator-menu-item .popup-separator-menu-item-separator { height: 1px; background-color: #c7c7c7; } .popup-separator-menu-item .popup-menu-ornament { width: 0 !important; } .popup-sub-menu .popup-separator-menu-item { background-color: transparent; } .popup-sub-menu .popup-separator-menu-item:ltr { margin-right: 2.5em; } .popup-sub-menu .popup-separator-menu-item:rtl { margin-left: 2.5em; } .popup-sub-menu .popup-separator-menu-item .popup-separator-menu-item-separator { background-color: #d9d9d9; } .background-menu { -boxpointer-gap: 0px; -arrow-rise: 0px; } .aggregate-menu { min-width: 22em; } .aggregate-menu .popup-menu-ornament { width: 0 !important; } .aggregate-menu .popup-menu-icon { -st-icon-style: symbolic; } .aggregate-menu .popup-menu-icon:ltr { margin-right: 8px; } .aggregate-menu .popup-menu-icon:rtl { margin-left: 8px; } .aggregate-menu .popup-sub-menu .popup-menu-item > :first-child:ltr { margin-left: 1em; } .aggregate-menu .popup-sub-menu .popup-menu-item > :first-child:rtl { margin-right: 1em; } .app-menu { max-width: 27.25em; } .app-menu .popup-menu-ornament { width: 0 !important; } .app-menu .popup-inactive-menu-item:first-child > StLabel:ltr { margin-right: 8px; } .app-menu .popup-inactive-menu-item:first-child > StLabel:rtl { margin-left: 8px; } /* Date/Time Menu */ #calendarArea { padding: 4px; } .datemenu-calendar-column { spacing: 6px; } .datemenu-calendar-column:ltr { padding-left: 6px; } .datemenu-calendar-column:rtl { padding-right: 6px; } .datemenu-calendar-column .datemenu-displays-box { spacing: 6px; } /* today button (the date) */ .datemenu-today-button { border-radius: 6px; margin: 4px; box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.1); background-color: transparent; background-color: none; box-shadow: none !important; padding: 9px; } .datemenu-today-button:insensitive { color: rgba(61, 61, 61, 0.5); background-color: rgba(61, 61, 61, 0.05); background-color: transparent; color: rgba(255, 255, 255, 0.5); } .datemenu-today-button:focus { color: #3D3D3D; background-color: #ededed; box-shadow: inset 0 0 0 2px #05cd8a; } .datemenu-today-button:focus:hover { background-color: #e5e5e5; box-shadow: inset 0 0 0 2px #05cd8a; } .datemenu-today-button:focus:active { background-color: #dedede; box-shadow: inset 0 0 0 2px #05cd8a; } .datemenu-today-button:hover { color: #3D3D3D; background-color: #e5e5e5; } .datemenu-today-button:active { color: #3D3D3D; background-color: #dedede; } .datemenu-today-button:insensitive .day-label, .datemenu-today-button:insensitive .date-label { color: #9c9c9c; } /* Calendar */ .calendar { border-radius: 6px; margin: 4px; box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.1); background-color: transparent; background-color: none; box-shadow: none !important; margin-top: 0; } .calendar:insensitive { color: rgba(61, 61, 61, 0.5); background-color: rgba(61, 61, 61, 0.05); background-color: transparent; color: rgba(255, 255, 255, 0.5); } .calendar:focus { color: #3D3D3D; background-color: #ededed; box-shadow: inset 0 0 0 2px #05cd8a; } .calendar:focus:hover { background-color: #e5e5e5; box-shadow: inset 0 0 0 2px #05cd8a; } .calendar:focus:active { background-color: #dedede; box-shadow: inset 0 0 0 2px #05cd8a; } .calendar:hover { color: #3D3D3D; background-color: #e5e5e5; } .calendar:active { color: #3D3D3D; background-color: #dedede; } .calendar .calendar-month-header .calendar-change-month-back StIcon, .calendar .calendar-month-header .calendar-change-month-forward StIcon { icon-size: 1.09em; } .calendar .calendar-month-header .calendar-month-label { color: #4a4a4a; padding: 8px 0; } .calendar .calendar-month-header .pager-button { background-color: transparent; height: 32px; width: 32px; margin: 2px; border-radius: 4px; } .calendar .calendar-month-header .pager-button:hover, .calendar .calendar-month-header .pager-button:focus { background-color: rgba(61, 61, 61, 0.1); } .calendar .calendar-month-header .pager-button:active { background-color: rgba(61, 61, 61, 0.2); } .calendar .calendar-day-base { text-align: center; margin: 2px; padding: 0 !important; height: 3em !important; width: 3em !important; border-radius: 99px; } .calendar .calendar-day-base:hover { background-color: rgba(61, 61, 61, 0.1); } .calendar .calendar-day-base:focus { background-color: #c9e3da; box-shadow: inset 0 0 0 2px rgba(3, 135, 91, 0.6); } .calendar .calendar-day-base:active, .calendar .calendar-day-base:selected { color: #303030; background-color: rgba(61, 61, 61, 0.2); } .calendar .calendar-day-base:active:focus, .calendar .calendar-day-base:selected:focus { background-color: rgba(21, 112, 82, 0.36); } .calendar .calendar-day-base.calendar-day-heading { color: #9c9c9c; padding-top: 6px; height: 16px !important; font-weight: bold; } .calendar .calendar-nonwork-day { color: #9c9c9c; } .calendar .calendar-other-month-day { color: rgba(61, 61, 61, 0.5); } .calendar .calendar-other-month-day.calendar-nonwork-day { color: rgba(156, 156, 156, 0.5); } .calendar .calendar-today { background-color: #03875B; font-weight: 800; color: #FFFFFF !important; } .calendar .calendar-today:hover, .calendar .calendar-today:focus { background-color: #039665; color: inherit; } .calendar .calendar-today:active, .calendar .calendar-today:selected { background-color: #03875B; color: inherit; } .calendar .calendar-today:active:hover, .calendar .calendar-today:active:focus, .calendar .calendar-today:selected:hover, .calendar .calendar-today:selected:focus { background-color: #039665; color: inherit; } .calendar .calendar-day-with-events { background-image: url("resource:///org/gnome/shell/theme/calendar-today-light.svg"); background-size: contain; } .calendar .calendar-week-number { font-size: 7pt; font-weight: bold; font-feature-settings: "tnum"; margin: 6px; padding: 0 6px; border-radius: 3px; background-color: whitesmoke; color: #9c9c9c; } /* Events */ .events-button { border-radius: 6px; margin: 4px; box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.1); color: #3D3D3D; background-color: #ededed; padding: 12px; } .events-button:focus { color: #3D3D3D; background-color: #ededed; box-shadow: inset 0 0 0 2px #05cd8a; } .events-button:focus:hover { background-color: #e5e5e5; box-shadow: inset 0 0 0 2px #05cd8a; } .events-button:focus:active { background-color: #dedede; box-shadow: inset 0 0 0 2px #05cd8a; } .events-button:hover { color: #3D3D3D; background-color: #e5e5e5; } .events-button:active { color: #3D3D3D; background-color: #dedede; } .events-button .events-box { spacing: 6px; } .events-button .events-list { spacing: 12px; } .events-button .events-title { color: #9c9c9c; margin-bottom: 4px; } .events-button .event-time { color: #9c9c9c; } /* World clocks */ .world-clocks-button { border-radius: 6px; margin: 4px; box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.1); color: #3D3D3D; background-color: #ededed; padding: 12px; } .world-clocks-button:focus { color: #3D3D3D; background-color: #ededed; box-shadow: inset 0 0 0 2px #05cd8a; } .world-clocks-button:focus:hover { background-color: #e5e5e5; box-shadow: inset 0 0 0 2px #05cd8a; } .world-clocks-button:focus:active { background-color: #dedede; box-shadow: inset 0 0 0 2px #05cd8a; } .world-clocks-button:hover { color: #3D3D3D; background-color: #e5e5e5; } .world-clocks-button:active { color: #3D3D3D; background-color: #dedede; } .world-clocks-button .world-clocks-grid { spacing-rows: 6px; spacing-columns: 12px; } .world-clocks-button .world-clocks-header { color: #9c9c9c; } .world-clocks-button .world-clocks-city { color: #3D3D3D; } .world-clocks-button .world-clocks-time { color: #3D3D3D; } .world-clocks-button .world-clocks-time:ltr { text-align: right; } .world-clocks-button .world-clocks-time:rtl { text-align: left; } .world-clocks-button .world-clocks-timezone { color: #9c9c9c; } /* Weather */ .weather-button { border-radius: 6px; margin: 4px; box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.1); color: #3D3D3D; background-color: #ededed; padding: 12px; } .weather-button:focus { color: #3D3D3D; background-color: #ededed; box-shadow: inset 0 0 0 2px #05cd8a; } .weather-button:focus:hover { background-color: #e5e5e5; box-shadow: inset 0 0 0 2px #05cd8a; } .weather-button:focus:active { background-color: #dedede; box-shadow: inset 0 0 0 2px #05cd8a; } .weather-button:hover { color: #3D3D3D; background-color: #e5e5e5; } .weather-button:active { color: #3D3D3D; background-color: #dedede; } .weather-button .weather-box { spacing: 10px; } .weather-button .weather-header-box { spacing: 6px; } .weather-button .weather-header { color: #9c9c9c; } .weather-button .weather-header.location { font-weight: normal; } .weather-button .weather-grid { spacing-rows: 6px; spacing-columns: 12px; } .weather-button .weather-forecast-time { color: black; padding-top: 0.2em; padding-bottom: 0.4em; } .weather-button .weather-forecast-icon { icon-size: 2.18em; } /* Message List */ .message-list { width: 29em; border: solid #c7c7c7; } .message-list:ltr { margin-left: 0; margin-right: 4px; padding-right: 6px; border-right-width: 1px; } .message-list:rtl { margin-right: 0; margin-left: 4px; padding-left: 6px; border-left-width: 1px; } .message-list .message-list-placeholder { color: rgba(156, 156, 156, 0.5); } .message-list .message-list-placeholder > StIcon { icon-size: 3.27em; margin-bottom: 12px; -st-icon-style: symbolic; } .message-list-sections { spacing: 6px; margin: 0; padding-bottom: 6px; } .message-list-sections:ltr { margin-right: 12px; } .message-list-sections:rtl { margin-left: 12px; } .message-list-section, .message-list-section-list { spacing: 6px; } .message-list-controls { padding: 6px; spacing: 6px; } .message-list-controls .dnd-button { border-width: 2px; border-color: transparent; border-radius: 32px; border-style: solid; } .message-list-controls .dnd-button:focus { border-color: #05cd8a; } .message { border-radius: 6px; margin: 4px; box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.1); color: #3D3D3D; background-color: #ededed; } .message:focus { color: #3D3D3D; background-color: #ededed; box-shadow: inset 0 0 0 2px #05cd8a; } .message:focus:hover { background-color: #e5e5e5; box-shadow: inset 0 0 0 2px #05cd8a; } .message:focus:active { background-color: #dedede; box-shadow: inset 0 0 0 2px #05cd8a; } .message:hover { color: #3D3D3D; background-color: #e5e5e5; } .message:active { color: #3D3D3D; background-color: #dedede; } .message .message-icon-bin { padding: 18px; } .message .message-icon-bin:ltr { padding-right: 6px; } .message .message-icon-bin:rtl { padding-left: 6px; } .message .message-icon-bin > StIcon { icon-size: 2.18em; -st-icon-style: symbolic; } .message .message-icon-bin > .fallback-app-icon { width: 1.09em; height: 1.09em; } .message .message-content { spacing: 4px; padding: 9px; margin-bottom: 8px; } .message .message-title { font-weight: bold; /* HACK: the label should be baseline-aligned with a 1em label, fake this with some bottom padding */ padding-top: 0.57em; } .message .message-secondary-bin { padding: 0 8px; } .message .message-secondary-bin > .event-time { color: rgba(61, 61, 61, 0.5); font-size: 9pt; /* HACK: the label should be baseline-aligned with a 1em label, fake this with some bottom padding */ padding-bottom: 0.13em; } .message .message-secondary-bin > .event-time:ltr { text-align: right; } .message .message-secondary-bin > .event-time:rtl { text-align: left; } .message .message-close-button { color: #3D3D3D; background-color: rgba(61, 61, 61, 0.1); border-radius: 99px; padding: 5px; margin: 1px; } .message .message-close-button:hover { background-color: rgba(61, 61, 61, 0.2); } .message .message-close-button:active { background-color: rgba(61, 61, 61, 0.1); } .message .message-body { color: #242424; } .url-highlighter { link-color: #025539; } /* Media Controls */ .message-media-control { padding: 0 18px; margin: 12px 0; border-radius: 6px; color: #3D3D3D; } .message-media-control:hover { background-color: rgba(74, 74, 74, 0.1); color: #3D3D3D; } .message-media-control:active { background-color: rgba(61, 61, 61, 0.2); color: #3D3D3D; } .message-media-control:insensitive { color: darkgray; } .message-media-control:last-child:ltr { margin-right: 12px; } .message-media-control:last-child:rtl { margin-left: 12px; } .media-message-cover-icon { icon-size: 3.27em !important; border-radius: 6px; } .media-message-cover-icon.fallback { color: #121212; background-color: #FAFAFA; border: 1px solid transparent; border-radius: 6px; icon-size: 2.18em !important; padding: 14px; } .candidate-popup-content { padding: 6px; spacing: 6px; } .candidate-index { padding: 0; padding-right: 6px; color: #9c9c9c; } .candidate-box { padding: 6px 12px 6px 12px; border-radius: 6px; } .candidate-box:selected { background-color: #03875B; color: #FFFFFF; } .candidate-box:hover { background-color: rgba(61, 61, 61, 0.1); color: #3D3D3D; } .candidate-page-button-box { height: 2em; } .vertical .candidate-page-button-box { padding-top: 12px; } .horizontal .candidate-page-button-box { padding-left: 12px; } .candidate-page-button { padding: 6px; } .candidate-page-button-previous { border-radius: 6px 0px 0px 6px; border-right-width: 0; box-shadow: none; } .candidate-page-button-next { border-radius: 0px 6px 6px 0px; box-shadow: none; } .candidate-page-button-icon { icon-size: 1.09em; } /* Notifications & Message Tray */ .notification-banner { min-height: 64px; width: 34em; box-shadow: 0 2px 4px 2px rgba(0, 0, 0, 0.1); border-radius: 9px; margin: 4px; background-color: #FAFAFA; } .notification-banner .notification-actions { spacing: 0; } .notification-banner:hover { background-color: whitesmoke; } .notification-banner:active { background-color: #f0f0f0; } .notification-banner, .notification-banner:hover, .notification-banner:focus, .notification-banner:active { box-shadow: 0 0 4px 2px rgba(0, 0, 0, 0.1); border: 1px solid #c7c7c7; } .summary-source-counter { font-size: 10pt; font-weight: bold; height: 1.6em; width: 1.6em; -shell-counter-overlap-x: 3px; -shell-counter-overlap-y: 3px; background-color: #03875B; color: #FFFFFF; border: 2px solid #3D3D3D; box-shadow: 0 2px 2px rgba(0, 0, 0, 0.5); border-radius: 0.9em; } .chat-body { spacing: 5px; } .chat-response { margin: 5px; } .chat-log-message { color: #242424; } .chat-new-group { padding-top: 1em; } .chat-received { padding-left: 4px; } .chat-received:rtl { padding-left: 0px; padding-right: 4px; } .chat-sent { padding-left: 18pt; color: #636363; } .chat-sent:rtl { padding-left: 0; padding-right: 18pt; } .chat-meta-message { padding-left: 4px; font-size: 9pt; font-weight: bold; color: #6b6b6b; } .chat-meta-message:rtl { padding-left: 0; padding-right: 4px; } .hotplug-notification-item-icon { icon-size: 24px; padding: 0 4px; } /* Modal Dialogs */ .modal-dialog .modal-dialog-content-box { margin: 32px 40px; spacing: 32px; max-width: 28em; } /* End Session Dialog */ .end-session-dialog { width: 30em; } .end-session-dialog .end-session-dialog-battery-warning, .end-session-dialog .dialog-list-title { color: #f99b11; } /* Message Dialog */ .message-dialog-content { spacing: 18px; } .message-dialog-content .message-dialog-title { text-align: center; } .message-dialog-content .message-dialog-description { text-align: center; } /* Dialog List */ .dialog-list { spacing: 18px; } .dialog-list .dialog-list-title { text-align: center; } .dialog-list .dialog-list-scrollview { max-height: 200px; } .dialog-list .dialog-list-box { spacing: 1em; } .dialog-list .dialog-list-box .dialog-list-item { spacing: 1em; } .dialog-list .dialog-list-box .dialog-list-item .dialog-list-item-title { font-weight: bold; } .dialog-list .dialog-list-box .dialog-list-item .dialog-list-item-description { color: #303030; } /* Run Dialog */ .run-dialog .modal-dialog-content-box { margin-top: 24px; margin-bottom: 14px; } .run-dialog .run-dialog-entry { width: 20em; } .run-dialog .run-dialog-description { text-align: center; color: #0a0a0a; } /* Password or Authentication Dialog */ .prompt-dialog { width: 28em; } .prompt-dialog .modal-dialog-content-box { margin-bottom: 24px; } .prompt-dialog-password-grid { spacing-rows: 8px; spacing-columns: 4px; } .prompt-dialog-password-grid .prompt-dialog-password-entry { width: auto; } .prompt-dialog-password-grid .prompt-dialog-password-entry:ltr { margin-left: 20px; } .prompt-dialog-password-grid .prompt-dialog-password-entry:rtl { margin-right: 20px; } .prompt-dialog-password-layout { spacing: 8px; } .prompt-dialog-password-entry { width: 20em; } .prompt-dialog-error-label, .prompt-dialog-info-label, .prompt-dialog-null-label { text-align: center; } .prompt-dialog-error-label { color: #f99b11; } /* Polkit Dialog */ .polkit-dialog-user-layout { text-align: center; spacing: 8px; margin-bottom: 6px; } .polkit-dialog-user-layout .polkit-dialog-user-root-label { color: #f99b11; } /* Audio selection dialog */ .audio-device-selection-dialog .modal-dialog-content-box { margin-bottom: 28px; } .audio-device-selection-dialog .audio-selection-box { spacing: 20px; } .audio-selection-device { border-radius: 12px; } .audio-selection-device:hover, .audio-selection-device:focus { background-color: rgba(61, 61, 61, 0.1); } .audio-selection-device:active { background-color: #03875B; color: #FFFFFF; } .audio-selection-device-box { padding: 20px; spacing: 20px; } .audio-selection-device-icon { icon-size: 4.36em; } /* Welcome dialog */ .welcome-dialog-image { background-image: url("resource:///org/gnome/shell/theme/gnome-shell-start.svg"); background-size: contain; /* Reasonable maximum dimensions */ height: 300px; width: 300px; } /* Select Network dialogs */ .nm-dialog { max-height: 34em; min-height: 31em; min-width: 32em; } .nm-dialog-content { spacing: 20px; padding: 24px; } .nm-dialog-subheader { color: #9c9c9c; } .nm-dialog-header-icon { icon-size: 2.18em; } .nm-dialog-header-hbox { spacing: 10px; } .nm-dialog-scroll-view { padding: 6px; border-radius: 6px; background-color: #ffffff; } .nm-dialog-item { padding: 12px; } .nm-dialog-item:selected { background-color: #03875B; border-radius: 3px; color: #FFFFFF; } .nm-dialog-item:hover { background-color: rgba(61, 61, 61, 0.1); } .nm-dialog-icon { icon-size: 1.09em; } .nm-dialog-icons { spacing: 12px; } .no-networks-box { spacing: 6px; } .no-networks-label { color: #9c9c9c; } .nm-dialog-airplane-box { text-align: center; spacing: 12px; } .nm-dialog-airplane-text { color: #9c9c9c; } /* OSD */ .osd-window { text-align: center; font-weight: bold; spacing: 12px; padding: 12px 18px; margin-bottom: 4em; } .osd-window > * { spacing: 8px; } .osd-window StIcon { icon-size: 2.18em; } .osd-window StLabel:ltr { margin-right: 6px; } .osd-window StLabel:rtl { margin-left: 6px; } .osd-window .level { margin-bottom: 4px; height: 6px; min-width: 10.9em; -barlevel-height: 6px; -barlevel-background-color: rgba(238, 238, 236, 0.3); -barlevel-active-background-color: #eeeeec; -barlevel-overdrive-color: #c7162b; -barlevel-overdrive-separator-width: 3px; } .osd-window .level:first-child { margin-bottom: 0px; } .osd-window .level:ltr { margin-right: 6px; } .osd-window .level:rtl { margin-left: 6px; } .osd-monitor-label { border-radius: 12px; font-size: 3em; font-weight: bold; margin: 12px; text-align: center; min-width: 1.3em; } /* Pad OSD */ .pad-osd-window { padding: 32px; background-color: rgba(29, 29, 29, 0.975); color: #eeeeec; } .pad-osd-window .button:insensitive { color: #3D3D3D; } .pad-osd-window .pad-osd-title-box { spacing: 12px; } .pad-osd-window .pad-osd-title-menu-box { spacing: 6px; } .combo-box-label { width: 15em; } /* App Switcher */ .switcher-popup { padding: 0; spacing: 24px; } .switcher-list { padding: 10px; border-radius: 20px; box-shadow: 0 8px 8px 0 rgba(0, 0, 0, 0.1); } .switcher-list .switcher-list-item-container { spacing: 12px; } .switcher-list .item-box { background-color: transparent; } .switcher-list .item-box:hover { background-color: rgba(238, 238, 236, 0.1); } .switcher-list .item-box:selected, .switcher-list .item-box:focus { background-color: rgba(238, 238, 236, 0.13); } .switcher-list .item-box:selected:hover, .switcher-list .item-box:focus:hover { background-color: rgba(238, 238, 236, 0.16); } .switcher-list .item-box:selected:active, .switcher-list .item-box:focus:active { background-color: rgba(238, 238, 236, 0.13); } .switcher-list .item-box:active { background-color: rgba(238, 238, 236, 0.16); } .switcher-list .item-box:outlined, .switcher-list .item-box:checked { background-color: rgba(238, 238, 236, 0.19); } .switcher-list .item-box:outlined:active, .switcher-list .item-box:checked:active { background-color: rgba(238, 238, 236, 0.22); } .switcher-list .item-box:outlined:hover, .switcher-list .item-box:checked:hover { background-color: rgba(238, 238, 236, 0.25); } .switcher-list .item-box:drop { border: 2px solid rgba(3, 135, 91, 0.8); background-color: rgba(3, 135, 91, 0.2); } .switcher-list .item-box:hover { background: none; } .switcher-list .separator { width: 1px; background: #c7c7c7; } .switcher-list .thumbnail-box { padding: 2px; spacing: 6px; } .switcher-list .thumbnail { width: 256px; border-radius: 6px; } .switcher-arrow { border-color: rgba(0, 0, 0, 0); color: rgba(238, 238, 236, 0.8); } .switcher-arrow:highlighted { border-color: #eeeeec; color: #eeeeec; } .input-source-switcher-symbol { font-size: 34pt; width: 96px; height: 96px; } .cycler-highlight { border: 5px solid #03875B; } /* Workspace Switcher */ .workspace-switcher { margin-bottom: 4em; spacing: 12px; padding: 12px 18px; } .ws-switcher-indicator { background-color: rgba(238, 238, 236, 0.5); padding: 0.1816666667em; margin: 0.9083333333em; border-radius: 2.18em; } .ws-switcher-indicator:active { background-color: #eeeeec; padding: 0.3633333333em; margin: 0.7266666667em; } .icon-label-button-container { spacing: 6px; } .icon-label-button-container StIcon { icon-size: 32px; } .screenshot-ui-panel { border-radius: 33px; padding: 18px; padding-bottom: 12px; margin-bottom: 4em; spacing: 12px; } .screenshot-ui-close-button { padding: 6px; } .screenshot-ui-close-button.left { margin-left: 8px; } .screenshot-ui-close-button.right { margin-right: 8px; } .screenshot-ui-type-button { padding: 12px 18px !important; border-radius: 15px; } .screenshot-ui-capture-button { width: 36px; height: 36px; border-radius: 99px; border: 4px #eeeeec; padding: 4px; } .screenshot-ui-capture-button .screenshot-ui-capture-button-circle { background-color: #eeeeec; transition-duration: 200ms; border-radius: 99px; } .screenshot-ui-capture-button .screenshot-ui-capture-button-circle:hover, .screenshot-ui-capture-button .screenshot-ui-capture-button-circle:focus { background-color: rgba(61, 61, 61, 0.1); } .screenshot-ui-capture-button:hover .screenshot-ui-capture-button-circle, .screenshot-ui-capture-button:focus .screenshot-ui-capture-button-circle { background-color: #cacac4; } .screenshot-ui-capture-button:active .screenshot-ui-capture-button-circle { background-color: #747467; } .screenshot-ui-capture-button:cast .screenshot-ui-capture-button-circle { background-color: #c7162b; } .screenshot-ui-capture-button:cast:hover .screenshot-ui-capture-button-circle, .screenshot-ui-capture-button:cast:focus .screenshot-ui-capture-button-circle { background-color: #de1930; } .screenshot-ui-capture-button:cast:active .screenshot-ui-capture-button-circle { background-color: #a71224; } .screenshot-ui-shot-cast-container { background-color: rgba(61, 61, 61, 0.1); border-radius: 12px; padding: 3px; spacing: 3px; } .screenshot-ui-shot-cast-container:ltr { margin-left: 3px; } .screenshot-ui-shot-cast-container:rtl { margin-right: 3px; } .screenshot-ui-shot-cast-button { padding: 6px 12px; background-color: transparent; border-radius: 9px; } .screenshot-ui-shot-cast-button:hover, .screenshot-ui-shot-cast-button:focus { background-color: rgba(74, 74, 74, 0.1); } .screenshot-ui-shot-cast-button:active { background-color: rgba(74, 74, 74, 0.2); } .screenshot-ui-shot-cast-button:checked { background-color: white; color: black; } .screenshot-ui-shot-cast-button StIcon { icon-size: 1.09em; } .screenshot-ui-show-pointer-button { border-radius: 99px; padding: 12px !important; } .screenshot-ui-show-pointer-button StIcon { icon-size: 1.09em; } .screenshot-ui-area-indicator-shade { background-color: rgba(0, 0, 0, 0.3); } .screenshot-ui-area-selector .screenshot-ui-area-indicator-shade { background-color: rgba(0, 0, 0, 0.5); } .screenshot-ui-area-selector .screenshot-ui-area-indicator-selection { border: 2px white; } .screenshot-ui-area-selector-handle { border-radius: 99px; background-color: white; box-shadow: 0 1px 3px 2px rgba(0, 0, 0, 0.2); width: 24px; height: 24px; } .screenshot-ui-window-selector { background-color: #222222; } .screenshot-ui-window-selector .screenshot-ui-window-selector-window-container { margin: 100px; } .screenshot-ui-window-selector:primary-monitor .screenshot-ui-window-selector-window-container { margin-bottom: 200px; } .screenshot-ui-window-selector-window-border { transition-duration: 200ms; border-radius: 12px; border: 6px transparent; } .screenshot-ui-window-selector-check { transition-duration: 200ms; color: transparent; border-radius: 99px; border-width: 12px; icon-size: 24px; } .screenshot-ui-window-selector-window:hover .screenshot-ui-window-selector-window-border { border-color: #013c29; } .screenshot-ui-window-selector-window:checked .screenshot-ui-window-selector-window-border { border-color: #03875B; background-color: rgba(3, 135, 91, 0.2); } .screenshot-ui-window-selector-window:checked .screenshot-ui-window-selector-check { color: #FFFFFF; background-color: #03875B; } .screenshot-ui-screen-selector { transition-duration: 200ms; background-color: rgba(0, 0, 0, 0.5); } .screenshot-ui-screen-selector:hover { background-color: rgba(0, 0, 0, 0.3); } .screenshot-ui-screen-selector:active { background-color: rgba(0, 0, 0, 0.7); } .screenshot-ui-screen-selector:checked { background-color: transparent; border: 2px white; } .screenshot-ui-tooltip { color: #eeeeec; background-color: rgba(29, 29, 29, 0.975); border-radius: 99px; padding: 6px 12px; text-align: center; -y-offset: 24px; } /* Top Bar */ #panel { background-color: #131313; font-weight: bold; height: 1.86em; transition-duration: 250ms; } #panel.unlock-screen, #panel.login-screen { background-color: transparent; } #panel .panel-button { font-weight: bold; color: #f2f2f2; -natural-hpadding: 12px; -minimum-hpadding: 6px; transition-duration: 150ms; border: 3px solid transparent; border-radius: 99px; } #panel .panel-button.clock-display .clock { transition-duration: 150ms; border: 3px solid transparent; border-radius: 99px; } #panel .panel-button.screen-recording-indicator { box-shadow: inset 0 0 0 100px #c7162b; } #panel .panel-button.screen-recording-indicator StBoxLayout { spacing: 6px; } #panel .panel-button.screen-recording-indicator StIcon { icon-size: 1.09em; } #panel .panel-button:active, #panel .panel-button:overview, #panel .panel-button:focus, #panel .panel-button:checked { box-shadow: inset 0 0 0 100px rgba(242, 242, 242, 0.2); } #panel .panel-button:active.clock-display, #panel .panel-button:overview.clock-display, #panel .panel-button:focus.clock-display, #panel .panel-button:checked.clock-display { box-shadow: none; } #panel .panel-button:active.clock-display .clock, #panel .panel-button:overview.clock-display .clock, #panel .panel-button:focus.clock-display .clock, #panel .panel-button:checked.clock-display .clock { box-shadow: inset 0 0 0 100px rgba(242, 242, 242, 0.2); } #panel .panel-button:active.screen-recording-indicator, #panel .panel-button:overview.screen-recording-indicator, #panel .panel-button:focus.screen-recording-indicator, #panel .panel-button:checked.screen-recording-indicator { box-shadow: inset 0 0 0 100px rgba(199, 22, 43, 0.85); } #panel .panel-button:hover { box-shadow: inset 0 0 0 100px rgba(242, 242, 242, 0.15); } #panel .panel-button:hover.clock-display { box-shadow: none; } #panel .panel-button:hover.clock-display .clock { box-shadow: inset 0 0 0 100px rgba(242, 242, 242, 0.15); } #panel .panel-button:hover.screen-recording-indicator { box-shadow: inset 0 0 0 100px rgba(199, 22, 43, 0.9); } #panel .panel-button:active:hover, #panel .panel-button:overview:hover, #panel .panel-button:focus:hover, #panel .panel-button:checked:hover { box-shadow: inset 0 0 0 100px rgba(242, 242, 242, 0.25); } #panel .panel-button:active:hover.clock-display, #panel .panel-button:overview:hover.clock-display, #panel .panel-button:focus:hover.clock-display, #panel .panel-button:checked:hover.clock-display { box-shadow: none; } #panel .panel-button:active:hover.clock-display .clock, #panel .panel-button:overview:hover.clock-display .clock, #panel .panel-button:focus:hover.clock-display .clock, #panel .panel-button:checked:hover.clock-display .clock { box-shadow: inset 0 0 0 100px rgba(242, 242, 242, 0.25); } #panel .panel-button:active:hover.screen-recording-indicator, #panel .panel-button:overview:hover.screen-recording-indicator, #panel .panel-button:focus:hover.screen-recording-indicator, #panel .panel-button:checked:hover.screen-recording-indicator { box-shadow: inset 0 0 0 100px rgba(199, 22, 43, 0.8); } #panel .panel-button .system-status-icon { icon-size: 1.09em; padding: 5px; margin: 0 4px; } #panel .panel-button .panel-status-indicators-box .system-status-icon, #panel .panel-button .panel-status-menu-box .system-status-icon { margin: 0; } #panel .panel-button .app-menu-icon { -st-icon-style: symbolic; } #panel .panel-button#panelActivities { -natural-hpadding: 18px; } #panel.unlock-screen .panel-button:active, #panel.unlock-screen .panel-button:overview, #panel.unlock-screen .panel-button:focus, #panel.unlock-screen .panel-button:checked, #panel.login-screen .panel-button:active, #panel.login-screen .panel-button:overview, #panel.login-screen .panel-button:focus, #panel.login-screen .panel-button:checked, #panel:overview .panel-button:active, #panel:overview .panel-button:overview, #panel:overview .panel-button:focus, #panel:overview .panel-button:checked { box-shadow: inset 0 0 0 100px rgba(255, 255, 255, 0.15); } #panel.unlock-screen .panel-button:active.clock-display, #panel.unlock-screen .panel-button:overview.clock-display, #panel.unlock-screen .panel-button:focus.clock-display, #panel.unlock-screen .panel-button:checked.clock-display, #panel.login-screen .panel-button:active.clock-display, #panel.login-screen .panel-button:overview.clock-display, #panel.login-screen .panel-button:focus.clock-display, #panel.login-screen .panel-button:checked.clock-display, #panel:overview .panel-button:active.clock-display, #panel:overview .panel-button:overview.clock-display, #panel:overview .panel-button:focus.clock-display, #panel:overview .panel-button:checked.clock-display { box-shadow: none; } #panel.unlock-screen .panel-button:active.clock-display .clock, #panel.unlock-screen .panel-button:overview.clock-display .clock, #panel.unlock-screen .panel-button:focus.clock-display .clock, #panel.unlock-screen .panel-button:checked.clock-display .clock, #panel.login-screen .panel-button:active.clock-display .clock, #panel.login-screen .panel-button:overview.clock-display .clock, #panel.login-screen .panel-button:focus.clock-display .clock, #panel.login-screen .panel-button:checked.clock-display .clock, #panel:overview .panel-button:active.clock-display .clock, #panel:overview .panel-button:overview.clock-display .clock, #panel:overview .panel-button:focus.clock-display .clock, #panel:overview .panel-button:checked.clock-display .clock { box-shadow: inset 0 0 0 100px rgba(255, 255, 255, 0.15); } #panel.unlock-screen .panel-button:active.screen-recording-indicator, #panel.unlock-screen .panel-button:overview.screen-recording-indicator, #panel.unlock-screen .panel-button:focus.screen-recording-indicator, #panel.unlock-screen .panel-button:checked.screen-recording-indicator, #panel.login-screen .panel-button:active.screen-recording-indicator, #panel.login-screen .panel-button:overview.screen-recording-indicator, #panel.login-screen .panel-button:focus.screen-recording-indicator, #panel.login-screen .panel-button:checked.screen-recording-indicator, #panel:overview .panel-button:active.screen-recording-indicator, #panel:overview .panel-button:overview.screen-recording-indicator, #panel:overview .panel-button:focus.screen-recording-indicator, #panel:overview .panel-button:checked.screen-recording-indicator { box-shadow: inset 0 0 0 100px rgba(199, 22, 43, 0.85); } #panel.unlock-screen .panel-button:hover, #panel.login-screen .panel-button:hover, #panel:overview .panel-button:hover { box-shadow: inset 0 0 0 100px rgba(255, 255, 255, 0.1); } #panel.unlock-screen .panel-button:hover.clock-display, #panel.login-screen .panel-button:hover.clock-display, #panel:overview .panel-button:hover.clock-display { box-shadow: none; } #panel.unlock-screen .panel-button:hover.clock-display .clock, #panel.login-screen .panel-button:hover.clock-display .clock, #panel:overview .panel-button:hover.clock-display .clock { box-shadow: inset 0 0 0 100px rgba(255, 255, 255, 0.1); } #panel.unlock-screen .panel-button:hover.screen-recording-indicator, #panel.login-screen .panel-button:hover.screen-recording-indicator, #panel:overview .panel-button:hover.screen-recording-indicator { box-shadow: inset 0 0 0 100px rgba(199, 22, 43, 0.9); } #panel.unlock-screen .panel-button:active:hover, #panel.unlock-screen .panel-button:overview:hover, #panel.unlock-screen .panel-button:focus:hover, #panel.unlock-screen .panel-button:checked:hover, #panel.login-screen .panel-button:active:hover, #panel.login-screen .panel-button:overview:hover, #panel.login-screen .panel-button:focus:hover, #panel.login-screen .panel-button:checked:hover, #panel:overview .panel-button:active:hover, #panel:overview .panel-button:overview:hover, #panel:overview .panel-button:focus:hover, #panel:overview .panel-button:checked:hover { box-shadow: inset 0 0 0 100px rgba(255, 255, 255, 0.2); } #panel.unlock-screen .panel-button:active:hover.clock-display, #panel.unlock-screen .panel-button:overview:hover.clock-display, #panel.unlock-screen .panel-button:focus:hover.clock-display, #panel.unlock-screen .panel-button:checked:hover.clock-display, #panel.login-screen .panel-button:active:hover.clock-display, #panel.login-screen .panel-button:overview:hover.clock-display, #panel.login-screen .panel-button:focus:hover.clock-display, #panel.login-screen .panel-button:checked:hover.clock-display, #panel:overview .panel-button:active:hover.clock-display, #panel:overview .panel-button:overview:hover.clock-display, #panel:overview .panel-button:focus:hover.clock-display, #panel:overview .panel-button:checked:hover.clock-display { box-shadow: none; } #panel.unlock-screen .panel-button:active:hover.clock-display .clock, #panel.unlock-screen .panel-button:overview:hover.clock-display .clock, #panel.unlock-screen .panel-button:focus:hover.clock-display .clock, #panel.unlock-screen .panel-button:checked:hover.clock-display .clock, #panel.login-screen .panel-button:active:hover.clock-display .clock, #panel.login-screen .panel-button:overview:hover.clock-display .clock, #panel.login-screen .panel-button:focus:hover.clock-display .clock, #panel.login-screen .panel-button:checked:hover.clock-display .clock, #panel:overview .panel-button:active:hover.clock-display .clock, #panel:overview .panel-button:overview:hover.clock-display .clock, #panel:overview .panel-button:focus:hover.clock-display .clock, #panel:overview .panel-button:checked:hover.clock-display .clock { box-shadow: inset 0 0 0 100px rgba(255, 255, 255, 0.2); } #panel.unlock-screen .panel-button:active:hover.screen-recording-indicator, #panel.unlock-screen .panel-button:overview:hover.screen-recording-indicator, #panel.unlock-screen .panel-button:focus:hover.screen-recording-indicator, #panel.unlock-screen .panel-button:checked:hover.screen-recording-indicator, #panel.login-screen .panel-button:active:hover.screen-recording-indicator, #panel.login-screen .panel-button:overview:hover.screen-recording-indicator, #panel.login-screen .panel-button:focus:hover.screen-recording-indicator, #panel.login-screen .panel-button:checked:hover.screen-recording-indicator, #panel:overview .panel-button:active:hover.screen-recording-indicator, #panel:overview .panel-button:overview:hover.screen-recording-indicator, #panel:overview .panel-button:focus:hover.screen-recording-indicator, #panel:overview .panel-button:checked:hover.screen-recording-indicator { box-shadow: inset 0 0 0 100px rgba(199, 22, 43, 0.8); } #panel .panel-status-indicators-box, #panel .panel-status-menu-box { spacing: 2px; } #panel .power-status.panel-status-indicators-box { spacing: 0; } #panel .screencast-indicator, #panel .remote-access-indicator { color: #f99b11; } #appMenu { spacing: 6px; } #appMenu .label-shadow { color: transparent; } #appMenu .panel-status-menu-box { padding: 0 6px; spacing: 6px; } .clock-display-box { spacing: 2px; } .clock-display-box .clock { padding-left: 12px; padding-right: 12px; } /* Activities Ripple */ .ripple-box { background-color: rgba(91, 251, 198, 0.3); box-shadow: 0 0 2px 2px #05eb9e; width: 52px; height: 52px; border-radius: 0 0 52px 0; } .ripple-box:rtl { border-radius: 0 0 0 52px; } /* OVERVIEW */ .controls-manager, .secondary-monitor-workspaces { spacing: 12px; } #overviewGroup { background-color: #222222; } .overview-controls { padding-bottom: 32px; } /* Window Picker */ .window-picker { spacing: 6px; } .window-caption { color: #eeeeec; background-color: rgba(29, 29, 29, 0.975); border-radius: 99px; padding: 6px 12px; border: 1px solid #464646; } .window-close, .screenshot-ui-close-button { background-color: rgba(55, 55, 55, 0.975); color: #eeeeec; border-radius: 99px; padding: 3px; height: 30px; width: 30px; transition-duration: 300ms; border: 1px solid #464646; } .window-close StIcon, .screenshot-ui-close-button StIcon { icon-size: 24px; } .window-close:hover, .screenshot-ui-close-button:hover { background-color: rgba(67, 67, 67, 0.975); } .window-close:active, .screenshot-ui-close-button:active { background-color: rgba(42, 42, 42, 0.975); } .workspace-background { border-radius: 30px; box-shadow: 0 4px 16px 4px rgba(0, 0, 0, 0.275); } .search-entry { border-radius: 18px; margin-top: 24px; margin-bottom: 12px; padding: 7px 9px; width: 320px; background-color: white; color: rgba(61, 61, 61, 0.7); border: 1px solid #c7c7c7; } .search-entry:hover { background-color: white; border-color: #d4d4d4; color: #3D3D3D; } .search-entry:focus { background-color: white; border-color: #05cd8a; box-shadow: 0 0 0 1px #05cd8a inset; color: #3D3D3D; } .search-entry:insensitive { background-color: white; border-color: white; color: #9c9c9c; } .search-entry .search-entry-icon { color: inherit; icon-size: 1.09em; margin-top: 2px; padding: 0 4px; } /* Search */ #searchResults { margin: 0 4px; } #searchResultsContent { max-width: 1072px; } .search-section { spacing: 18px; } .search-section .search-section-separator { height: 8px; background-color: transparent; } .search-section-content { background-color: #1d1d1d; border-radius: 18px; border: 1px solid #464646; color: #eeeeec; padding: 12px; margin: 0 12px; } .list-search-result, .search-provider-icon { background-color: transparent; border-radius: 9px; } .list-search-result:hover, .search-provider-icon:hover { background-color: rgba(238, 238, 236, 0.1); } .list-search-result:selected, .search-provider-icon:selected, .list-search-result:focus, .search-provider-icon:focus { background-color: rgba(238, 238, 236, 0.13); } .list-search-result:selected:hover, .search-provider-icon:selected:hover, .list-search-result:focus:hover, .search-provider-icon:focus:hover { background-color: rgba(238, 238, 236, 0.16); } .list-search-result:selected:active, .search-provider-icon:selected:active, .list-search-result:focus:active, .search-provider-icon:focus:active { background-color: rgba(238, 238, 236, 0.13); } .list-search-result:active, .search-provider-icon:active { background-color: rgba(238, 238, 236, 0.16); } .list-search-result:outlined, .search-provider-icon:outlined, .list-search-result:checked, .search-provider-icon:checked { background-color: rgba(238, 238, 236, 0.19); } .list-search-result:outlined:active, .search-provider-icon:outlined:active, .list-search-result:checked:active, .search-provider-icon:checked:active { background-color: rgba(238, 238, 236, 0.22); } .list-search-result:outlined:hover, .search-provider-icon:outlined:hover, .list-search-result:checked:hover, .search-provider-icon:checked:hover { background-color: rgba(238, 238, 236, 0.25); } .list-search-result:drop, .search-provider-icon:drop { border: 2px solid rgba(3, 135, 91, 0.8); background-color: rgba(3, 135, 91, 0.2); } .grid-search-results { spacing: 30px; margin: 0 12px; } .search-provider-icon:ltr { margin-right: 4px; } .search-provider-icon:rtl { margin-left: 4px; } .search-provider-icon .list-search-provider-content { spacing: 12px; } .search-provider-icon .list-search-provider-content .list-search-provider-details { width: 120px; color: #eeeeec; } .list-search-results { spacing: 6px; } .list-search-result .list-search-result-content { spacing: 6px; } .list-search-result .list-search-result-title { spacing: 12px; } .list-search-result .list-search-result-description { color: #868685; } /* Dash */ #dash { margin-top: 12px; } #dash .placeholder { background-image: none; background-size: contain; height: 32px; } #dash .empty-dash-drop-target { width: 32px; height: 32px; } #dash .app-well-app-running-dot { margin-bottom: 13px; background-color: #03875B; } .dash-background { background-color: #1d1d1d; border-radius: 24px; padding: 12px; border: 1px solid #464646; spacing: 6px; margin-bottom: 12px; } .dash-item-container > * { margin: 0 2px; } .dash-item-container:ltr:first-child { margin-left: 0; } .dash-item-container:rtl:first-child { margin-right: 0; } .dash-item-container .app-well-app .overview-icon, .dash-item-container .grid-search-result .overview-icon { padding: 6px; } .dash-item-container .show-apps .overview-icon { background-color: transparent; } .dash-item-container .show-apps:hover .overview-icon { background-color: rgba(238, 238, 236, 0.1); } .dash-item-container .show-apps:selected .overview-icon, .dash-item-container .show-apps:focus .overview-icon { background-color: rgba(238, 238, 236, 0.13); } .dash-item-container .show-apps:selected .overview-icon:hover .overview-icon, .dash-item-container .show-apps:focus .overview-icon:hover .overview-icon { background-color: rgba(238, 238, 236, 0.16); } .dash-item-container .show-apps:selected .overview-icon:active .overview-icon, .dash-item-container .show-apps:focus .overview-icon:active .overview-icon { background-color: rgba(238, 238, 236, 0.13); } .dash-item-container .show-apps:active .overview-icon { background-color: rgba(238, 238, 236, 0.16); } .dash-item-container .show-apps:outlined .overview-icon, .dash-item-container .show-apps:checked .overview-icon { background-color: rgba(238, 238, 236, 0.19); } .dash-item-container .show-apps:outlined .overview-icon:active .overview-icon, .dash-item-container .show-apps:checked .overview-icon:active .overview-icon { background-color: rgba(238, 238, 236, 0.22); } .dash-item-container .show-apps:outlined .overview-icon:hover .overview-icon, .dash-item-container .show-apps:checked .overview-icon:hover .overview-icon { background-color: rgba(238, 238, 236, 0.25); } .dash-item-container .show-apps:drop .overview-icon { border: 2px solid rgba(3, 135, 91, 0.8); background-color: rgba(3, 135, 91, 0.2); } .dash-item-container .show-apps:focus .overview-icon, .dash-item-container .show-apps:active .overview-icon, .dash-item-container .show-apps:checked .overview-icon { background-color: rgba(238, 238, 236, 0.2); } .dash-item-container .show-apps, .dash-item-container .app-well-app, .dash-item-container .grid-search-result { padding-bottom: 12px; } .dash-separator { width: 1px; margin: 0 4px; background-color: #464646; margin-bottom: 12px; } .dash-label { color: #eeeeec; background-color: rgba(29, 29, 29, 0.975); border-radius: 99px; padding: 6px 12px; text-align: center; -y-offset: 8px; border: 1px solid #464646; } /* App Grid */ .icon-grid { row-spacing: 12px; column-spacing: 12px; max-row-spacing: 42px; max-column-spacing: 42px; page-padding-top: 24px; page-padding-bottom: 24px; page-padding-left: 18px; page-padding-right: 18px; } /* App Icons */ .app-well-app .overview-icon, .grid-search-result .overview-icon { background-color: transparent; } .app-well-app:hover .overview-icon, .grid-search-result:hover .overview-icon { background-color: rgba(238, 238, 236, 0.1); } .app-well-app:selected .overview-icon, .grid-search-result:selected .overview-icon, .app-well-app:focus .overview-icon, .grid-search-result:focus .overview-icon { background-color: rgba(238, 238, 236, 0.13); } .app-well-app:selected .overview-icon:hover .overview-icon, .grid-search-result:selected .overview-icon:hover .overview-icon, .app-well-app:focus .overview-icon:hover .overview-icon, .grid-search-result:focus .overview-icon:hover .overview-icon { background-color: rgba(238, 238, 236, 0.16); } .app-well-app:selected .overview-icon:active .overview-icon, .grid-search-result:selected .overview-icon:active .overview-icon, .app-well-app:focus .overview-icon:active .overview-icon, .grid-search-result:focus .overview-icon:active .overview-icon { background-color: rgba(238, 238, 236, 0.13); } .app-well-app:active .overview-icon, .grid-search-result:active .overview-icon { background-color: rgba(238, 238, 236, 0.16); } .app-well-app:outlined .overview-icon, .grid-search-result:outlined .overview-icon, .app-well-app:checked .overview-icon, .grid-search-result:checked .overview-icon { background-color: rgba(238, 238, 236, 0.19); } .app-well-app:outlined .overview-icon:active .overview-icon, .grid-search-result:outlined .overview-icon:active .overview-icon, .app-well-app:checked .overview-icon:active .overview-icon, .grid-search-result:checked .overview-icon:active .overview-icon { background-color: rgba(238, 238, 236, 0.22); } .app-well-app:outlined .overview-icon:hover .overview-icon, .grid-search-result:outlined .overview-icon:hover .overview-icon, .app-well-app:checked .overview-icon:hover .overview-icon, .grid-search-result:checked .overview-icon:hover .overview-icon { background-color: rgba(238, 238, 236, 0.25); } .app-well-app:drop .overview-icon, .grid-search-result:drop .overview-icon { border: 2px solid rgba(3, 135, 91, 0.8); background-color: rgba(3, 135, 91, 0.2); } .app-well-app:focus .overview-icon, .grid-search-result:focus .overview-icon, .app-well-app:active .overview-icon, .grid-search-result:active .overview-icon, .app-well-app:checked .overview-icon, .grid-search-result:checked .overview-icon { background-color: rgba(238, 238, 236, 0.2); } .app-well-app .overview-icon, .grid-search-result .overview-icon { padding: 12px; } .app-well-app .overview-icon.overview-icon-with-label > StBoxLayout, .grid-search-result .overview-icon.overview-icon-with-label > StBoxLayout { spacing: 6px; } .app-well-app.app-folder .overview-icon, .app-folder.grid-search-result .overview-icon { background-color: rgba(238, 238, 236, 0.05); } .app-well-app.app-folder:hover .overview-icon, .app-folder.grid-search-result:hover .overview-icon { background-color: rgba(238, 238, 236, 0.1); } .app-well-app.app-folder:selected .overview-icon, .app-folder.grid-search-result:selected .overview-icon, .app-well-app.app-folder:focus .overview-icon, .app-folder.grid-search-result:focus .overview-icon { background-color: rgba(238, 238, 236, 0.13); } .app-well-app.app-folder:selected .overview-icon:hover .overview-icon, .app-folder.grid-search-result:selected .overview-icon:hover .overview-icon, .app-well-app.app-folder:focus .overview-icon:hover .overview-icon, .app-folder.grid-search-result:focus .overview-icon:hover .overview-icon { background-color: rgba(238, 238, 236, 0.16); } .app-well-app.app-folder:selected .overview-icon:active .overview-icon, .app-folder.grid-search-result:selected .overview-icon:active .overview-icon, .app-well-app.app-folder:focus .overview-icon:active .overview-icon, .app-folder.grid-search-result:focus .overview-icon:active .overview-icon { background-color: rgba(238, 238, 236, 0.13); } .app-well-app.app-folder:active .overview-icon, .app-folder.grid-search-result:active .overview-icon { background-color: rgba(238, 238, 236, 0.16); } .app-well-app.app-folder:outlined .overview-icon, .app-folder.grid-search-result:outlined .overview-icon, .app-well-app.app-folder:checked .overview-icon, .app-folder.grid-search-result:checked .overview-icon { background-color: rgba(238, 238, 236, 0.19); } .app-well-app.app-folder:outlined .overview-icon:active .overview-icon, .app-folder.grid-search-result:outlined .overview-icon:active .overview-icon, .app-well-app.app-folder:checked .overview-icon:active .overview-icon, .app-folder.grid-search-result:checked .overview-icon:active .overview-icon { background-color: rgba(238, 238, 236, 0.22); } .app-well-app.app-folder:outlined .overview-icon:hover .overview-icon, .app-folder.grid-search-result:outlined .overview-icon:hover .overview-icon, .app-well-app.app-folder:checked .overview-icon:hover .overview-icon, .app-folder.grid-search-result:checked .overview-icon:hover .overview-icon { background-color: rgba(238, 238, 236, 0.25); } .app-well-app.app-folder:drop .overview-icon, .app-folder.grid-search-result:drop .overview-icon { border: 2px solid rgba(3, 135, 91, 0.8); background-color: rgba(3, 135, 91, 0.2); } .app-well-app.app-folder:focus .overview-icon, .app-folder.grid-search-result:focus .overview-icon, .app-well-app.app-folder:active .overview-icon, .app-folder.grid-search-result:active .overview-icon, .app-well-app.app-folder:checked .overview-icon, .app-folder.grid-search-result:checked .overview-icon { background-color: rgba(238, 238, 236, 0.2); } .app-folder-dialog { border-radius: 24px; background-color: #1d1d1d; border: 1px solid #464646; } .app-folder-dialog .folder-name-container { padding: 24px 36px 0; spacing: 12px; /* FIXME: this is to keep the label in sync with the entry */ } .app-folder-dialog .folder-name-container .folder-name-label, .app-folder-dialog .folder-name-container .folder-name-entry { color: #eeeeec; } .app-folder-dialog .folder-name-container .folder-name-entry { width: 300px; background-color: rgba(39, 39, 39, 0.975); border-color: rgba(255, 255, 255, 0.16); } .app-folder-dialog .folder-name-container .folder-name-label { padding: 5px 7px; color: #eeeeec; } .app-folder-dialog .folder-name-container .edit-folder-button { padding: 0; width: 36px; height: 36px; border-radius: 99px; } .app-folder-dialog .folder-name-container .edit-folder-button > StIcon { icon-size: 1.09em; } .app-folder-dialog .icon-grid { row-spacing: 12px; column-spacing: 30px; page-padding-top: 0; page-padding-bottom: 0; page-padding-left: 0; page-padding-right: 0; } .app-folder-dialog .page-indicators { margin-bottom: 18px; } .app-folder-dialog-container { padding: 12px; width: 640px; height: 640px; } .app-well-app-running-dot { height: 5px; width: 5px; border-radius: 5px; margin-bottom: 8px; background-color: #03875B; } .rename-folder-popup .rename-folder-popup-item { spacing: 6px; } .rename-folder-popup .rename-folder-popup-item:ltr, .rename-folder-popup .rename-folder-popup-item:rtl { padding: 0 12px; } .page-indicator { padding: 6px 12px 0; } .page-indicator .page-indicator-icon { width: 10px; height: 10px; border-radius: 10px; background-color: white; } .apps-scroll-view { padding: 0; } .system-action-icon { background-color: rgba(0, 0, 0, 0.8); color: #fff; border-radius: 99px; icon-size: 48px; } .page-navigation-hint { width: 300px; } .page-navigation-hint.dnd { background: rgba(255, 255, 255, 0.1); } .page-navigation-hint.next:ltr, .page-navigation-hint.previous:rtl { background-gradient-start: rgba(255, 255, 255, 0.05); background-gradient-end: transparent; background-gradient-direction: horizontal; border-radius: 18px 0px 0px 18px; } .page-navigation-hint.previous:ltr, .page-navigation-hint.next:rtl { background-gradient-start: transparent; background-gradient-end: rgba(255, 255, 255, 0.05); background-gradient-direction: horizontal; border-radius: 0px 18px 18px 0px; } .page-navigation-arrow { margin: 6px; width: 24px; height: 24px; color: #eeeeec; } /* Workspace pager */ .workspace-thumbnails { visible-width: 32px; spacing: 6px; padding: 6px; border-color: transparent; } .workspace-thumbnails .workspace-thumbnail { border-radius: 3px; background-color: #1d1d1d; border: 1px solid #464646; } .workspace-thumbnails .placeholder { background-image: url("resource:///org/gnome/shell/theme/workspace-placeholder.svg"); background-size: contain; width: 18px; } .workspace-thumbnail-indicator { border: 2px solid #05cd8a; border-radius: 3px; padding: 0px; } .ripple-pointer-location { width: 50px; height: 50px; border-radius: 25px; background-color: rgba(41, 250, 180, 0.3); box-shadow: 0 0 2px 2px #05eb9e; } .pie-timer { width: 60px; height: 60px; -pie-border-width: 3px; -pie-border-color: #03875B; -pie-background-color: rgba(91, 251, 198, 0.3); } .magnifier-zoom-region { border: 2px solid #03875B; } .magnifier-zoom-region.full-screen { border-width: 0; } .select-area-rubberband { background-color: rgba(135, 135, 135, 0.2); border: 1px solid rgba(204, 204, 204, 0.8); } .user-icon { /* Yaru: See commit 3d4aca768250 */ background-size: contain; color: #3D3D3D; border-radius: 99px; icon-size: 4.36em; } .user-icon:hover { color: #8a8a8a; } .user-icon StIcon { background-color: rgba(61, 61, 61, 0.05); border-radius: 99px; padding: 12px; width: 2.725em; height: 2.725em; } .user-icon.user-avatar { border: 2px #eeeeec; } .user-widget.vertical .user-icon { icon-size: 6.54em; } .user-widget.vertical .user-icon StIcon { padding: 20px; padding-top: 18px; padding-bottom: 22px; width: 5.995em; height: 5.995em; /* Yaru: See commit 3d4aca768250 */ } .lightbox { background-color: black; } .flashspot { background-color: white; } .hidden { color: rgba(0, 0, 0, 0); } .caps-lock-warning-label { text-align: center; padding-bottom: 8px; color: #f99b11; } /* Workspace animation */ .workspace-animation { background-color: #222222; } /* Tiled window previews */ .tile-preview { background-color: rgba(3, 135, 91, 0.5); border: 1px solid #03875B; } /* On-screen Keyboard */ #keyboard { background-color: rgba(237, 237, 237, 0.9); } #keyboard .page-indicator { padding: 6px; } #keyboard .page-indicator .page-indicator-icon { width: 8px; height: 8px; } .key-container { padding: 4px; spacing: 4px; } .keyboard-key { font-size: 16pt; font-weight: bold; min-height: 1.2em; min-width: 1.2em; border-width: 1px; border-style: solid; border-radius: 10px; box-shadow: 0 1px 0 0 rgba(0, 0, 0, 0.1); color: #3D3D3D; background-color: white; } .keyboard-key:focus { color: #3D3D3D; background-color: #e6f3ef; box-shadow: inset 0 0 0 2px rgba(3, 135, 91, 0.6); } .keyboard-key:focus:hover { background-color: #e6f3ef; box-shadow: inset 0 0 0 2px rgba(3, 135, 91, 0.7); } .keyboard-key:focus:active { background-color: #e6f3ef; box-shadow: inset 0 0 0 2px rgba(3, 135, 91, 0.7); } .keyboard-key:hover { color: #3D3D3D; background-color: #fafafa; } .keyboard-key:active { color: #3D3D3D; background-color: #f2f2f2; } .keyboard-key:checked { color: #3D3D3D; background-color: #ebebeb; } .keyboard-key:grayed { background-color: #f2f2f2; color: #3D3D3D; border-color: rgba(0, 0, 0, 0.7); } .keyboard-key.default-key { color: #3D3D3D; background-color: white; border-radius: 10px; } .keyboard-key.default-key:hover { color: #3D3D3D; background-color: #fafafa; } .keyboard-key.default-key:active { color: #3D3D3D; background-color: #f2f2f2; } .keyboard-key.default-key:checked { color: #3D3D3D; background-color: #ebebeb; } .keyboard-key.enter-key { color: #FFFFFF; background-color: #12a929; border-radius: 10px; color: #eeeeec; } .keyboard-key.enter-key:hover { color: #FFFFFF; background-color: #11a027; } .keyboard-key.enter-key:active { color: #FFFFFF; background-color: #0f9223; } .keyboard-key.enter-key:checked { color: #FFFFFF; background-color: #0e8420; } .keyboard-key.shift-key-uppercase { background-color: #dedede; color: #3D3D3D; } .keyboard-key.shift-key-uppercase:hover { background-color: #d6d6d6; } .keyboard-key StIcon { icon-size: 24px; } .keyboard-subkeys { -arrow-border-radius: 12px; -arrow-background-color: rgba(237, 237, 237, 0.9); -arrow-border-width: 1px; -arrow-border-color: #c7c7c7; -arrow-base: 20px; -arrow-rise: 10px; -boxpointer-gap: 6px; padding: 6px; } .keyboard-subkeys .keyboard-key { color: #3D3D3D; background-color: white; border-radius: 10px; } .keyboard-subkeys .keyboard-key:focus { color: #3D3D3D; background-color: #e6f3ef; box-shadow: inset 0 0 0 2px rgba(3, 135, 91, 0.6); } .keyboard-subkeys .keyboard-key:focus:hover { background-color: #e6f3ef; box-shadow: inset 0 0 0 2px rgba(3, 135, 91, 0.7); } .keyboard-subkeys .keyboard-key:focus:active { background-color: #e6f3ef; box-shadow: inset 0 0 0 2px rgba(3, 135, 91, 0.7); } .keyboard-subkeys .keyboard-key:hover { color: #3D3D3D; background-color: #fafafa; } .keyboard-subkeys .keyboard-key:active { color: #3D3D3D; background-color: #f2f2f2; } .keyboard-subkeys .keyboard-key:checked { color: #3D3D3D; background-color: #ebebeb; } .emoji-page .keyboard-key { background-color: transparent; border: none; color: initial; } .emoji-panel .keyboard-key:latched { border-color: #04a06c; background-color: #03875B; } .word-suggestions { font-size: 14pt; spacing: 12px; min-height: 20pt; padding: 12px; color: #3D3D3D; } .word-suggestions StButton { margin: 0 3px; min-width: 32px; border-radius: 4px; padding: 6px 18px; background-color: transparent; background-image: none; } .word-suggestions StButton:focus { color: #3D3D3D; background-color: #e6f3ef; box-shadow: inset 0 0 0 2px rgba(3, 135, 91, 0.6); } .word-suggestions StButton:focus:hover { background-color: #e6f3ef; box-shadow: inset 0 0 0 2px rgba(3, 135, 91, 0.7); } .word-suggestions StButton:focus:active { background-color: #e6f3ef; box-shadow: inset 0 0 0 2px rgba(3, 135, 91, 0.7); } .word-suggestions StButton:hover { color: #3D3D3D; background-color: #fafafa; } .word-suggestions StButton:active { color: #3D3D3D; background-color: #f2f2f2; } .word-suggestions StButton:checked { color: #3D3D3D; background-color: #ebebeb; } /* Looking Glass */ #LookingGlassDialog { background-color: rgba(29, 29, 29, 0.975); border-radius: 0 0 12px 12px; border-top-width: 0; border: 1px solid rgba(255, 255, 255, 0.16); color: #eeeeec; padding: 6px; spacing: 6px; box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.1); } #LookingGlassDialog > #Toolbar { border: none; padding: 6px; border-radius: 0; background-color: transparent; spacing: 6px; } #LookingGlassDialog > #Toolbar .lg-toolbar-button { padding: 6px 12px; } #LookingGlassDialog > #Toolbar .lg-toolbar-button > StIcon { icon-size: 1.09em; } #LookingGlassDialog .labels { spacing: 6px; } #LookingGlassDialog .notebook-tab { -natural-hpadding: 12px; -minimum-hpadding: 12px; font-weight: bold; padding: 6px 12px; color: #cacac4; transition-duration: 100ms; box-shadow: none; border: none; border-radius: 4px; background-color: transparent; } #LookingGlassDialog .notebook-tab:hover { color: #eeeeec; background-color: rgba(238, 238, 236, 0.05); } #LookingGlassDialog .notebook-tab:selected { color: #eeeeec; background-color: rgba(238, 238, 236, 0.1); } #LookingGlassDialog StBoxLayout#EvalBox { padding: 4px; spacing: 6px; padding: 6px; } #LookingGlassDialog StBoxLayout#ResultsArea { spacing: 6px; padding: 6px; } .lg-dialog { color: #eeeeec; } .lg-dialog StEntry { background-color: rgba(42, 42, 42, 0.575); color: #eeeeec; border-color: rgba(238, 238, 236, 0.2); min-height: 22px; selection-background-color: #03875B; selected-color: #FFFFFF; } .lg-dialog StEntry, .lg-dialog StEntry:focus { box-shadow: none; } .lg-dialog .shell-link { color: #025539; } .lg-dialog .shell-link:hover { color: #03875b; } .lg-dialog .shell-link:active { color: #012318; } .lg-dialog .actor-link { color: #9c9c9c; } .lg-dialog .actor-link:hover { color: #cfcfcf; } .lg-dialog .actor-link:active { color: dimgray; } .lg-completions-text { font-style: italic; color: #eeeeec; } .lg-obj-inspector-title { spacing: 6px; color: #eeeeec; } .lg-obj-inspector-button { border: 1px solid rgba(0, 0, 0, 0.7); padding: 4px; border-radius: 6px; color: #eeeeec; } .lg-obj-inspector-button:hover { border: 1px solid #ffffff; } #lookingGlassExtensions { padding: 6px; } .lg-extensions-list { padding: 6px; spacing: 6px; } .lg-extension { padding: 12px; border-radius: 6px; margin: 4px; box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.1); color: #3D3D3D; background-color: #ededed; } .lg-extension:focus { color: #3D3D3D; background-color: #ededed; box-shadow: inset 0 0 0 2px #05cd8a; } .lg-extension:focus:hover { background-color: #e5e5e5; box-shadow: inset 0 0 0 2px #05cd8a; } .lg-extension:focus:active { background-color: #dedede; box-shadow: inset 0 0 0 2px #05cd8a; } .lg-extension:hover { color: #3D3D3D; background-color: #e5e5e5; } .lg-extension:active { color: #3D3D3D; background-color: #dedede; } .lg-extension-meta { spacing: 6px; } #LookingGlassPropertyInspector { background: rgba(29, 29, 29, 0.975); border: 1px solid rgba(0, 0, 0, 0.7); border-radius: 6px; padding: 6px; } .lg-debug-flag-button { color: #3D3D3D; } .lg-debug-flag-button StLabel { padding: 6px, 12px; } .lg-debug-flag-button:hover { color: #707070; } .lg-debug-flag-button:active { color: #0a0a0a; } .lg-debug-flags-header { padding-top: 12px; padding: 6px; } /* Login Dialog */ .login-dialog-banner-view { padding-top: 24px; max-width: 23em; } .login-dialog, .unlock-dialog { border: none; background-color: transparent; } .login-dialog .modal-dialog-button-box, .unlock-dialog .modal-dialog-button-box { spacing: 3px; } .login-dialog .modal-dialog-button, .unlock-dialog .modal-dialog-button { padding: 4px 18px; box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2); background-color: #ffffff; border-color: #c7c7c7; color: #3D3D3D; } .login-dialog .modal-dialog-button:hover, .unlock-dialog .modal-dialog-button:hover { background-color: #d9d9d9; } .login-dialog .modal-dialog-button:focus, .unlock-dialog .modal-dialog-button:focus { border-color: #05cd8a; box-shadow: inset 0 0 0 1px #05cd8a; } .login-dialog .modal-dialog-button:active, .unlock-dialog .modal-dialog-button:active { box-shadow: none; background-color: #bfbfbf; color: rgba(238, 238, 236, 0.7); } .login-dialog .modal-dialog-button:default, .unlock-dialog .modal-dialog-button:default { background-color: #03875B; color: #FFFFFF; } .login-dialog .modal-dialog-button:default:focus, .unlock-dialog .modal-dialog-button:default:focus { box-shadow: inset 0 0 0 2px rgba(3, 135, 91, 0.6); } .login-dialog .modal-dialog-button:default:hover, .login-dialog .modal-dialog-button:default:focus, .unlock-dialog .modal-dialog-button:default:hover, .unlock-dialog .modal-dialog-button:default:focus { background-color: #04a06c; color: white; } .login-dialog .modal-dialog-button:default:active, .unlock-dialog .modal-dialog-button:default:active { background-color: #026443; color: #ededed; } .login-dialog .modal-dialog-button:default:insensitive, .unlock-dialog .modal-dialog-button:default:insensitive { color: rgba(61, 61, 61, 0.5); background-color: rgba(61, 61, 61, 0.05); background-color: rgba(3, 135, 91, 0.5); color: rgba(255, 255, 255, 0.5); } .login-dialog .cancel-button, .login-dialog .switch-user-button, .login-dialog .login-dialog-session-list-button, .unlock-dialog .cancel-button, .unlock-dialog .switch-user-button, .unlock-dialog .login-dialog-session-list-button { padding: 0; border-radius: 99px; width: 2.18em; height: 2.18em; } .login-dialog .cancel-button StIcon, .login-dialog .switch-user-button StIcon, .login-dialog .login-dialog-session-list-button StIcon, .unlock-dialog .cancel-button StIcon, .unlock-dialog .switch-user-button StIcon, .unlock-dialog .login-dialog-session-list-button StIcon { icon-size: 1.09em; } .login-dialog .caps-lock-warning-label, .login-dialog .login-dialog-message, .unlock-dialog .caps-lock-warning-label, .unlock-dialog .login-dialog-message { color: #eeeeec; } .login-dialog-logo-bin { padding: 24px 0px; } .login-dialog-banner { color: #d6d6d1; } .login-dialog-button-box { width: 23em; spacing: 5px; } .login-dialog-message { text-align: center; } .login-dialog-user-selection-box { padding: 100px 0px; } .login-dialog-not-listed-label { padding-left: 2px; } .login-dialog-not-listed-button:focus .login-dialog-not-listed-label, .login-dialog-not-listed-button:hover .login-dialog-not-listed-label { color: #eeeeec; } .login-dialog-not-listed-label { font-weight: bold; color: #a6a69b; padding-top: 1em; } .login-dialog-auth-list-view { -st-vfade-offset: 1em; } .login-dialog-auth-list { spacing: 6px; margin-left: 2em; } .login-dialog-auth-list-title { margin-left: 2em; } .login-dialog-auth-list-item { border-radius: 10px; padding: 6px; color: #a6a69b; } .login-dialog-auth-list-item:focus, .login-dialog-auth-list-item:selected { background-color: #03875B; color: #FFFFFF; } .login-dialog-auth-list-label { font-size: 13pt; font-weight: bold; padding-left: 15px; } .login-dialog-auth-list-label:ltr { padding-left: 14px; text-align: left; } .login-dialog-auth-list-label:rtl { padding-right: 14px; text-align: right; } .login-dialog-user-list-view { -st-vfade-offset: 1em; } .login-dialog-user-list { spacing: 12px; width: 23em; } .login-dialog-user-list:expanded .login-dialog-user-list-item:selected { background-color: rgba(255, 255, 255, 0.1); color: #FFFFFF; } .login-dialog-user-list:expanded .login-dialog-user-list-item:logged-in { border-right: 2px solid rgba(255, 255, 255, 0.1); } .login-dialog-user-list-item { border-radius: 10px; padding: 6px; color: #a6a69b; } .login-dialog-user-list-item:ltr .user-widget { padding-right: 1em; } .login-dialog-user-list-item:rtl .user-widget { padding-left: 1em; } .login-dialog-user-list-item .login-dialog-timed-login-indicator { height: 2px; margin-top: 6px; background-color: #eeeeec; } .login-dialog-user-list-item:focus .login-dialog-timed-login-indicator { background-color: #FFFFFF; } .user-widget-label { color: #eeeeec; } .user-widget.horizontal .user-widget-label { font-size: 13pt; font-weight: bold; padding-left: 15px; } .user-widget.horizontal .user-widget-label:ltr { padding-left: 14px; text-align: left; } .user-widget.horizontal .user-widget-label:rtl { padding-right: 14px; text-align: right; } .user-widget.vertical .user-widget-label { font-size: 16pt; text-align: center; font-weight: normal; padding-top: 16px; } .login-dialog-timed-login-indicator { height: 2px; background-color: black; } .login-dialog-prompt-layout { padding-top: 24px; padding-bottom: 12px; spacing: 12px; width: 23em; } .login-dialog-prompt-entry { height: 1.5em; } .login-dialog-prompt-label { color: #bebeb6; font-size: 12pt; padding-top: 1em; } .unlock-dialog StEntry { border: none !important; } .unlock-dialog StEntry, .unlock-dialog StEntry:focus { color: #F7F7F7; background-color: rgba(247, 247, 247, 0.1); box-shadow: none; } .unlock-dialog StEntry:insensitive { color: rgba(247, 247, 247, 0.5); background-color: rgba(247, 247, 247, 0.05); } .unlock-dialog StEntry StLabel.hint-text { color: rgba(247, 247, 247, 0.7); } .unlock-dialog .user-icon { background-color: rgba(247, 247, 247, 0.1); color: #F7F7F7; } .unlock-dialog .cancel-button, .unlock-dialog .switch-user-button, .unlock-dialog .login-dialog-session-list-button { border-color: transparent; background-color: rgba(247, 247, 247, 0.1); box-shadow: none; } .unlock-dialog .cancel-button, .unlock-dialog .cancel-button:hover, .unlock-dialog .cancel-button:focus, .unlock-dialog .cancel-button:active, .unlock-dialog .switch-user-button, .unlock-dialog .switch-user-button:hover, .unlock-dialog .switch-user-button:focus, .unlock-dialog .switch-user-button:active, .unlock-dialog .login-dialog-session-list-button, .unlock-dialog .login-dialog-session-list-button:hover, .unlock-dialog .login-dialog-session-list-button:focus, .unlock-dialog .login-dialog-session-list-button:active { color: #F7F7F7; } .unlock-dialog .cancel-button:hover, .unlock-dialog .cancel-button:focus, .unlock-dialog .switch-user-button:hover, .unlock-dialog .switch-user-button:focus, .unlock-dialog .login-dialog-session-list-button:hover, .unlock-dialog .login-dialog-session-list-button:focus { background-color: rgba(247, 247, 247, 0.15); } .unlock-dialog .cancel-button:active, .unlock-dialog .switch-user-button:active, .unlock-dialog .login-dialog-session-list-button:active { background-color: rgba(247, 247, 247, 0.2); } /* Screen Shield */ .unlock-dialog-clock { color: white; font-weight: 300; text-align: center; spacing: 24px; padding-bottom: 2.5em; } .unlock-dialog-clock-time { font-size: 64pt; padding-top: 42px; } .unlock-dialog-clock-date { font-size: 16pt; font-weight: normal; } .unlock-dialog-clock-hint { font-weight: normal; padding-top: 48px; } .unlock-dialog-notifications-container { margin: 12px; spacing: 6px; width: 23em; background-color: transparent; } .unlock-dialog-notifications-container .summary-notification-stack-scrollview { padding-top: 0; padding-bottom: 0; } .unlock-dialog-notifications-container .notification, .unlock-dialog-notifications-container .unlock-dialog-notification-source { padding: 12px 16px; border: none; background-color: rgba(238, 238, 236, 0.1); color: #eeeeec; border-radius: 12px; } .unlock-dialog-notifications-container .notification.critical, .unlock-dialog-notifications-container .unlock-dialog-notification-source.critical { background-color: rgba(238, 238, 236, 0.2); } .unlock-dialog-notification-label { padding: 0 0 0 12px; } .unlock-dialog-notification-count-text { font-weight: bold; padding: 0 12px; color: #eeeeec; background-color: rgba(238, 238, 236, 0.1); border-radius: 99px; } .screen-shield-background { background: black; box-shadow: 0 2px 4px rgba(0, 0, 0, 0.6); } #lockDialogGroup { background-color: #222222; } #unlockDialogNotifications StButton#vhandle, #unlockDialogNotifications StButton#hhandle { background-color: rgba(250, 250, 250, 0.3); } #unlockDialogNotifications StButton#vhandle:hover, #unlockDialogNotifications StButton#vhandle:focus, #unlockDialogNotifications StButton#hhandle:hover, #unlockDialogNotifications StButton#hhandle:focus { background-color: rgba(250, 250, 250, 0.5); } #unlockDialogNotifications StButton#vhandle:active, #unlockDialogNotifications StButton#hhandle:active { background-color: rgba(3, 135, 91, 0.5); } * { font-weight: normal !important; text-shadow: none !important; } .file-item { border-radius: 6px; } /* Default Ubuntu Dock styling, append !important to any changed rules This must be in sync with - https://github.com/micheleg/dash-to-dock/blob/ubuntu-dock/_stylesheet.scss */ #dashtodockContainer.bottom #dash { margin: 0px; padding: 0px; } #dashtodockContainer.bottom #dash .dash-background { margin: 0; margin-bottom: 4px; padding: 0; border-radius: 18px; spacing: 6px; } #dashtodockContainer.bottom #dash .dash-separator { background-color: #c7c7c7; margin: 0 4px; width: 1px; height: 0; margin-bottom: 4px; } #dashtodockContainer.bottom #dash #dashtodockDashContainer { padding: 10px; padding-bottom: 0; padding-top: 0; } #dashtodockContainer.bottom #dash .dash-item-container { /* Disable all margins defined upstream, we handle them here */ margin: 0 2px; } #dashtodockContainer.bottom #dash .dash-item-container > * { margin: 0; } #dashtodockContainer.bottom #dash .dash-item-container:ltr:first-child, #dashtodockContainer.bottom #dash .dash-item-container:rtl:last-child { margin-left: 0; } #dashtodockContainer.bottom #dash .dash-item-container:ltr:last-child, #dashtodockContainer.bottom #dash .dash-item-container:rtl:first-child { margin-right: 0; } #dashtodockContainer.bottom #dash .dash-item-container .app-well-app, #dashtodockContainer.bottom #dash .dash-item-container .grid-search-result, #dashtodockContainer.bottom #dash .dash-item-container .show-apps { padding: 2px 2px; padding-bottom: 14px; padding-top: 10px; } #dashtodockContainer.bottom #dash .dash-item-container .app-well-app:ltr:first-child, #dashtodockContainer.bottom #dash .dash-item-container .grid-search-result:ltr:first-child, #dashtodockContainer.bottom #dash .dash-item-container .app-well-app:rtl:last-child, #dashtodockContainer.bottom #dash .dash-item-container .grid-search-result:rtl:last-child, #dashtodockContainer.bottom #dash .dash-item-container .show-apps:ltr:first-child, #dashtodockContainer.bottom #dash .dash-item-container .show-apps:rtl:last-child { padding-left: 0; } #dashtodockContainer.bottom #dash .dash-item-container .app-well-app:ltr:last-child, #dashtodockContainer.bottom #dash .dash-item-container .grid-search-result:ltr:last-child, #dashtodockContainer.bottom #dash .dash-item-container .app-well-app:rtl:first-child, #dashtodockContainer.bottom #dash .dash-item-container .grid-search-result:rtl:first-child, #dashtodockContainer.bottom #dash .dash-item-container .show-apps:ltr:last-child, #dashtodockContainer.bottom #dash .dash-item-container .show-apps:rtl:first-child { padding-right: 0; } #dashtodockContainer.bottom #dash .dash-item-container .app-well-app.running .overview-icon, #dashtodockContainer.bottom #dash .dash-item-container .running.grid-search-result .overview-icon { background-image: none; } #dashtodockContainer.bottom #dash .dash-item-container .app-well-app.focused .overview-icon, #dashtodockContainer.bottom #dash .dash-item-container .focused.grid-search-result .overview-icon { background-color: rgba(238, 238, 236, 0.2); } #dashtodockContainer.bottom #dash .dash-item-container .app-well-app .app-well-app-running-dot, #dashtodockContainer.bottom #dash .dash-item-container .grid-search-result .app-well-app-running-dot { margin-bottom: 2px; } #dashtodockContainer.bottom #dash .dash-item-container > StButton { transition-duration: 250; background-size: contain; } #dashtodockContainer.bottom.fixed #dash .dash-background { margin-top: 4px; } #dashtodockContainer.bottom.fixed #dash .dash-item-container .app-well-app, #dashtodockContainer.bottom.fixed #dash .dash-item-container .grid-search-result, #dashtodockContainer.bottom.fixed #dash .dash-item-container .show-apps { padding-top: 14px; } .dash-label.bottom { margin-bottom: 10px; -x-offset: 0; -y-offset: 0; } #dashtodockContainer.bottom.shrink #dash { margin: 0px; padding: 0px; } #dashtodockContainer.bottom.shrink #dash .dash-background { margin: 0; margin-bottom: 4px; padding: 0; border-radius: 14px; spacing: 2px; } #dashtodockContainer.bottom.shrink #dash .dash-separator { background-color: #c7c7c7; margin: 0 1px; width: 1px; height: 0; margin-bottom: 4px; } #dashtodockContainer.bottom.shrink #dash #dashtodockDashContainer { padding: 3px; padding-bottom: 0; padding-top: 0; } #dashtodockContainer.bottom.shrink #dash .dash-item-container { /* Disable all margins defined upstream, we handle them here */ margin: 0 2px; } #dashtodockContainer.bottom.shrink #dash .dash-item-container > * { margin: 0; } #dashtodockContainer.bottom.shrink #dash .dash-item-container:ltr:first-child, #dashtodockContainer.bottom.shrink #dash .dash-item-container:rtl:last-child { margin-left: 0; } #dashtodockContainer.bottom.shrink #dash .dash-item-container:ltr:last-child, #dashtodockContainer.bottom.shrink #dash .dash-item-container:rtl:first-child { margin-right: 0; } #dashtodockContainer.bottom.shrink #dash .dash-item-container .app-well-app, #dashtodockContainer.bottom.shrink #dash .dash-item-container .grid-search-result, #dashtodockContainer.bottom.shrink #dash .dash-item-container .show-apps { padding: 1px 1px; padding-bottom: 7px; padding-top: 3px; } #dashtodockContainer.bottom.shrink #dash .dash-item-container .app-well-app:ltr:first-child, #dashtodockContainer.bottom.shrink #dash .dash-item-container .grid-search-result:ltr:first-child, #dashtodockContainer.bottom.shrink #dash .dash-item-container .app-well-app:rtl:last-child, #dashtodockContainer.bottom.shrink #dash .dash-item-container .grid-search-result:rtl:last-child, #dashtodockContainer.bottom.shrink #dash .dash-item-container .show-apps:ltr:first-child, #dashtodockContainer.bottom.shrink #dash .dash-item-container .show-apps:rtl:last-child { padding-left: 0; } #dashtodockContainer.bottom.shrink #dash .dash-item-container .app-well-app:ltr:last-child, #dashtodockContainer.bottom.shrink #dash .dash-item-container .grid-search-result:ltr:last-child, #dashtodockContainer.bottom.shrink #dash .dash-item-container .app-well-app:rtl:first-child, #dashtodockContainer.bottom.shrink #dash .dash-item-container .grid-search-result:rtl:first-child, #dashtodockContainer.bottom.shrink #dash .dash-item-container .show-apps:ltr:last-child, #dashtodockContainer.bottom.shrink #dash .dash-item-container .show-apps:rtl:first-child { padding-right: 0; } #dashtodockContainer.bottom.shrink #dash .dash-item-container .app-well-app.running .overview-icon, #dashtodockContainer.bottom.shrink #dash .dash-item-container .running.grid-search-result .overview-icon { background-image: none; } #dashtodockContainer.bottom.shrink #dash .dash-item-container .app-well-app.focused .overview-icon, #dashtodockContainer.bottom.shrink #dash .dash-item-container .focused.grid-search-result .overview-icon { background-color: rgba(238, 238, 236, 0.2); } #dashtodockContainer.bottom.shrink #dash .dash-item-container .app-well-app .app-well-app-running-dot, #dashtodockContainer.bottom.shrink #dash .dash-item-container .grid-search-result .app-well-app-running-dot { margin-bottom: 2px; } #dashtodockContainer.bottom.shrink #dash .dash-item-container > StButton { transition-duration: 250; background-size: contain; } #dashtodockContainer.bottom.shrink.fixed #dash .dash-background { margin-top: 1px; } #dashtodockContainer.bottom.shrink.fixed #dash .dash-item-container .app-well-app, #dashtodockContainer.bottom.shrink.fixed #dash .dash-item-container .grid-search-result, #dashtodockContainer.bottom.shrink.fixed #dash .dash-item-container .show-apps { padding-top: 4px; } .dash-label.bottom.shrink { margin-bottom: 3px; -x-offset: 0; -y-offset: 0; } #dashtodockContainer.bottom.extended #dash { margin: 0px; padding: 0px; } #dashtodockContainer.bottom.extended #dash .dash-background { margin: 0; margin-bottom: 0; padding: 0; border-radius: 0; spacing: 6px; } #dashtodockContainer.bottom.extended #dash .dash-separator { background-color: #c7c7c7; margin: 0 4px; width: 1px; height: 0; margin-bottom: 0; } #dashtodockContainer.bottom.extended #dash #dashtodockDashContainer { padding: 0; padding-bottom: 0; padding-top: 0; } #dashtodockContainer.bottom.extended #dash #dashtodockDashContainer > :first-child .show-apps { padding-left: 8px; } #dashtodockContainer.bottom.extended #dash #dashtodockDashContainer #dashtodockDashScrollview:first-child { padding-left: 8px; } #dashtodockContainer.bottom.extended #dash #dashtodockDashContainer > :last-child .show-apps { padding-right: 8px; } #dashtodockContainer.bottom.extended #dash #dashtodockDashContainer #dashtodockDashScrollview:last-child { padding-right: 8px; } #dashtodockContainer.bottom.extended #dash .dash-item-container { /* Disable all margins defined upstream, we handle them here */ margin: 0 2px; } #dashtodockContainer.bottom.extended #dash .dash-item-container > * { margin: 0; } #dashtodockContainer.bottom.extended #dash .dash-item-container:ltr:first-child, #dashtodockContainer.bottom.extended #dash .dash-item-container:rtl:last-child { margin-left: 0; } #dashtodockContainer.bottom.extended #dash .dash-item-container:ltr:last-child, #dashtodockContainer.bottom.extended #dash .dash-item-container:rtl:first-child { margin-right: 0; } #dashtodockContainer.bottom.extended #dash .dash-item-container .app-well-app, #dashtodockContainer.bottom.extended #dash .dash-item-container .grid-search-result, #dashtodockContainer.bottom.extended #dash .dash-item-container .show-apps { padding: 2px 2px; padding-bottom: 10px; padding-top: 10px; } #dashtodockContainer.bottom.extended #dash .dash-item-container .app-well-app:ltr:first-child, #dashtodockContainer.bottom.extended #dash .dash-item-container .grid-search-result:ltr:first-child, #dashtodockContainer.bottom.extended #dash .dash-item-container .app-well-app:rtl:last-child, #dashtodockContainer.bottom.extended #dash .dash-item-container .grid-search-result:rtl:last-child, #dashtodockContainer.bottom.extended #dash .dash-item-container .show-apps:ltr:first-child, #dashtodockContainer.bottom.extended #dash .dash-item-container .show-apps:rtl:last-child { padding-left: 0; } #dashtodockContainer.bottom.extended #dash .dash-item-container .app-well-app:ltr:last-child, #dashtodockContainer.bottom.extended #dash .dash-item-container .grid-search-result:ltr:last-child, #dashtodockContainer.bottom.extended #dash .dash-item-container .app-well-app:rtl:first-child, #dashtodockContainer.bottom.extended #dash .dash-item-container .grid-search-result:rtl:first-child, #dashtodockContainer.bottom.extended #dash .dash-item-container .show-apps:ltr:last-child, #dashtodockContainer.bottom.extended #dash .dash-item-container .show-apps:rtl:first-child { padding-right: 0; } #dashtodockContainer.bottom.extended #dash .dash-item-container .app-well-app.running .overview-icon, #dashtodockContainer.bottom.extended #dash .dash-item-container .running.grid-search-result .overview-icon { background-image: none; } #dashtodockContainer.bottom.extended #dash .dash-item-container .app-well-app.focused .overview-icon, #dashtodockContainer.bottom.extended #dash .dash-item-container .focused.grid-search-result .overview-icon { background-color: rgba(238, 238, 236, 0.2); } #dashtodockContainer.bottom.extended #dash .dash-item-container .app-well-app .app-well-app-running-dot, #dashtodockContainer.bottom.extended #dash .dash-item-container .grid-search-result .app-well-app-running-dot { margin-bottom: 2px; } #dashtodockContainer.bottom.extended #dash .dash-item-container > StButton { transition-duration: 250; background-size: contain; } #dashtodockContainer.bottom.extended.fixed #dash .dash-background { margin-top: 0; } #dashtodockContainer.bottom.extended.fixed #dash .dash-item-container .app-well-app, #dashtodockContainer.bottom.extended.fixed #dash .dash-item-container .grid-search-result, #dashtodockContainer.bottom.extended.fixed #dash .dash-item-container .show-apps { padding-top: 10px; } .dash-label.bottom { margin-bottom: 10px; -x-offset: 0; -y-offset: 0; } #dashtodockContainer.bottom.extended.shrink #dash { margin: 0px; padding: 0px; } #dashtodockContainer.bottom.extended.shrink #dash .dash-background { margin: 0; margin-bottom: 0; padding: 0; border-radius: 0; spacing: 2px; } #dashtodockContainer.bottom.extended.shrink #dash .dash-separator { background-color: #c7c7c7; margin: 0 1px; width: 1px; height: 0; margin-bottom: 0; } #dashtodockContainer.bottom.extended.shrink #dash #dashtodockDashContainer { padding: 0; padding-bottom: 0; padding-top: 0; } #dashtodockContainer.bottom.extended.shrink #dash #dashtodockDashContainer > :first-child .show-apps { padding-left: 6px; } #dashtodockContainer.bottom.extended.shrink #dash #dashtodockDashContainer #dashtodockDashScrollview:first-child { padding-left: 6px; } #dashtodockContainer.bottom.extended.shrink #dash #dashtodockDashContainer > :last-child .show-apps { padding-right: 6px; } #dashtodockContainer.bottom.extended.shrink #dash #dashtodockDashContainer #dashtodockDashScrollview:last-child { padding-right: 6px; } #dashtodockContainer.bottom.extended.shrink #dash .dash-item-container { /* Disable all margins defined upstream, we handle them here */ margin: 0 2px; } #dashtodockContainer.bottom.extended.shrink #dash .dash-item-container > * { margin: 0; } #dashtodockContainer.bottom.extended.shrink #dash .dash-item-container:ltr:first-child, #dashtodockContainer.bottom.extended.shrink #dash .dash-item-container:rtl:last-child { margin-left: 0; } #dashtodockContainer.bottom.extended.shrink #dash .dash-item-container:ltr:last-child, #dashtodockContainer.bottom.extended.shrink #dash .dash-item-container:rtl:first-child { margin-right: 0; } #dashtodockContainer.bottom.extended.shrink #dash .dash-item-container .app-well-app, #dashtodockContainer.bottom.extended.shrink #dash .dash-item-container .grid-search-result, #dashtodockContainer.bottom.extended.shrink #dash .dash-item-container .show-apps { padding: 1px 1px; padding-bottom: 3px; padding-top: 3px; } #dashtodockContainer.bottom.extended.shrink #dash .dash-item-container .app-well-app:ltr:first-child, #dashtodockContainer.bottom.extended.shrink #dash .dash-item-container .grid-search-result:ltr:first-child, #dashtodockContainer.bottom.extended.shrink #dash .dash-item-container .app-well-app:rtl:last-child, #dashtodockContainer.bottom.extended.shrink #dash .dash-item-container .grid-search-result:rtl:last-child, #dashtodockContainer.bottom.extended.shrink #dash .dash-item-container .show-apps:ltr:first-child, #dashtodockContainer.bottom.extended.shrink #dash .dash-item-container .show-apps:rtl:last-child { padding-left: 0; } #dashtodockContainer.bottom.extended.shrink #dash .dash-item-container .app-well-app:ltr:last-child, #dashtodockContainer.bottom.extended.shrink #dash .dash-item-container .grid-search-result:ltr:last-child, #dashtodockContainer.bottom.extended.shrink #dash .dash-item-container .app-well-app:rtl:first-child, #dashtodockContainer.bottom.extended.shrink #dash .dash-item-container .grid-search-result:rtl:first-child, #dashtodockContainer.bottom.extended.shrink #dash .dash-item-container .show-apps:ltr:last-child, #dashtodockContainer.bottom.extended.shrink #dash .dash-item-container .show-apps:rtl:first-child { padding-right: 0; } #dashtodockContainer.bottom.extended.shrink #dash .dash-item-container .app-well-app.running .overview-icon, #dashtodockContainer.bottom.extended.shrink #dash .dash-item-container .running.grid-search-result .overview-icon { background-image: none; } #dashtodockContainer.bottom.extended.shrink #dash .dash-item-container .app-well-app.focused .overview-icon, #dashtodockContainer.bottom.extended.shrink #dash .dash-item-container .focused.grid-search-result .overview-icon { background-color: rgba(238, 238, 236, 0.2); } #dashtodockContainer.bottom.extended.shrink #dash .dash-item-container .app-well-app .app-well-app-running-dot, #dashtodockContainer.bottom.extended.shrink #dash .dash-item-container .grid-search-result .app-well-app-running-dot { margin-bottom: 2px; } #dashtodockContainer.bottom.extended.shrink #dash .dash-item-container > StButton { transition-duration: 250; background-size: contain; } #dashtodockContainer.bottom.extended.shrink.fixed #dash .dash-background { margin-top: 0; } #dashtodockContainer.bottom.extended.shrink.fixed #dash .dash-item-container .app-well-app, #dashtodockContainer.bottom.extended.shrink.fixed #dash .dash-item-container .grid-search-result, #dashtodockContainer.bottom.extended.shrink.fixed #dash .dash-item-container .show-apps { padding-top: 3px; } .dash-label.bottom.shrink { margin-bottom: 3px; -x-offset: 0; -y-offset: 0; } #dashtodockContainer.top #dash { margin: 0px; padding: 0px; } #dashtodockContainer.top #dash .dash-background { margin: 0; margin-top: 4px; padding: 0; border-radius: 18px; spacing: 6px; } #dashtodockContainer.top #dash .dash-separator { background-color: #c7c7c7; margin: 0 4px; width: 1px; height: 0; margin-top: 4px; } #dashtodockContainer.top #dash #dashtodockDashContainer { padding: 10px; padding-top: 0; padding-bottom: 0; } #dashtodockContainer.top #dash .dash-item-container { /* Disable all margins defined upstream, we handle them here */ margin: 0 2px; } #dashtodockContainer.top #dash .dash-item-container > * { margin: 0; } #dashtodockContainer.top #dash .dash-item-container:ltr:first-child, #dashtodockContainer.top #dash .dash-item-container:rtl:last-child { margin-left: 0; } #dashtodockContainer.top #dash .dash-item-container:ltr:last-child, #dashtodockContainer.top #dash .dash-item-container:rtl:first-child { margin-right: 0; } #dashtodockContainer.top #dash .dash-item-container .app-well-app, #dashtodockContainer.top #dash .dash-item-container .grid-search-result, #dashtodockContainer.top #dash .dash-item-container .show-apps { padding: 2px 2px; padding-top: 14px; padding-bottom: 10px; } #dashtodockContainer.top #dash .dash-item-container .app-well-app:ltr:first-child, #dashtodockContainer.top #dash .dash-item-container .grid-search-result:ltr:first-child, #dashtodockContainer.top #dash .dash-item-container .app-well-app:rtl:last-child, #dashtodockContainer.top #dash .dash-item-container .grid-search-result:rtl:last-child, #dashtodockContainer.top #dash .dash-item-container .show-apps:ltr:first-child, #dashtodockContainer.top #dash .dash-item-container .show-apps:rtl:last-child { padding-left: 0; } #dashtodockContainer.top #dash .dash-item-container .app-well-app:ltr:last-child, #dashtodockContainer.top #dash .dash-item-container .grid-search-result:ltr:last-child, #dashtodockContainer.top #dash .dash-item-container .app-well-app:rtl:first-child, #dashtodockContainer.top #dash .dash-item-container .grid-search-result:rtl:first-child, #dashtodockContainer.top #dash .dash-item-container .show-apps:ltr:last-child, #dashtodockContainer.top #dash .dash-item-container .show-apps:rtl:first-child { padding-right: 0; } #dashtodockContainer.top #dash .dash-item-container .app-well-app.running .overview-icon, #dashtodockContainer.top #dash .dash-item-container .running.grid-search-result .overview-icon { background-image: none; } #dashtodockContainer.top #dash .dash-item-container .app-well-app.focused .overview-icon, #dashtodockContainer.top #dash .dash-item-container .focused.grid-search-result .overview-icon { background-color: rgba(238, 238, 236, 0.2); } #dashtodockContainer.top #dash .dash-item-container .app-well-app .app-well-app-running-dot, #dashtodockContainer.top #dash .dash-item-container .grid-search-result .app-well-app-running-dot { margin-bottom: 2px; } #dashtodockContainer.top #dash .dash-item-container > StButton { transition-duration: 250; background-size: contain; } #dashtodockContainer.top.fixed #dash .dash-background { margin-bottom: 4px; } #dashtodockContainer.top.fixed #dash .dash-item-container .app-well-app, #dashtodockContainer.top.fixed #dash .dash-item-container .grid-search-result, #dashtodockContainer.top.fixed #dash .dash-item-container .show-apps { padding-bottom: 14px; } .dash-label.top { margin-top: 10px; -x-offset: 0; -y-offset: 0; } #dashtodockContainer.top.shrink #dash { margin: 0px; padding: 0px; } #dashtodockContainer.top.shrink #dash .dash-background { margin: 0; margin-top: 4px; padding: 0; border-radius: 14px; spacing: 2px; } #dashtodockContainer.top.shrink #dash .dash-separator { background-color: #c7c7c7; margin: 0 1px; width: 1px; height: 0; margin-top: 4px; } #dashtodockContainer.top.shrink #dash #dashtodockDashContainer { padding: 3px; padding-top: 0; padding-bottom: 0; } #dashtodockContainer.top.shrink #dash .dash-item-container { /* Disable all margins defined upstream, we handle them here */ margin: 0 2px; } #dashtodockContainer.top.shrink #dash .dash-item-container > * { margin: 0; } #dashtodockContainer.top.shrink #dash .dash-item-container:ltr:first-child, #dashtodockContainer.top.shrink #dash .dash-item-container:rtl:last-child { margin-left: 0; } #dashtodockContainer.top.shrink #dash .dash-item-container:ltr:last-child, #dashtodockContainer.top.shrink #dash .dash-item-container:rtl:first-child { margin-right: 0; } #dashtodockContainer.top.shrink #dash .dash-item-container .app-well-app, #dashtodockContainer.top.shrink #dash .dash-item-container .grid-search-result, #dashtodockContainer.top.shrink #dash .dash-item-container .show-apps { padding: 1px 1px; padding-top: 7px; padding-bottom: 3px; } #dashtodockContainer.top.shrink #dash .dash-item-container .app-well-app:ltr:first-child, #dashtodockContainer.top.shrink #dash .dash-item-container .grid-search-result:ltr:first-child, #dashtodockContainer.top.shrink #dash .dash-item-container .app-well-app:rtl:last-child, #dashtodockContainer.top.shrink #dash .dash-item-container .grid-search-result:rtl:last-child, #dashtodockContainer.top.shrink #dash .dash-item-container .show-apps:ltr:first-child, #dashtodockContainer.top.shrink #dash .dash-item-container .show-apps:rtl:last-child { padding-left: 0; } #dashtodockContainer.top.shrink #dash .dash-item-container .app-well-app:ltr:last-child, #dashtodockContainer.top.shrink #dash .dash-item-container .grid-search-result:ltr:last-child, #dashtodockContainer.top.shrink #dash .dash-item-container .app-well-app:rtl:first-child, #dashtodockContainer.top.shrink #dash .dash-item-container .grid-search-result:rtl:first-child, #dashtodockContainer.top.shrink #dash .dash-item-container .show-apps:ltr:last-child, #dashtodockContainer.top.shrink #dash .dash-item-container .show-apps:rtl:first-child { padding-right: 0; } #dashtodockContainer.top.shrink #dash .dash-item-container .app-well-app.running .overview-icon, #dashtodockContainer.top.shrink #dash .dash-item-container .running.grid-search-result .overview-icon { background-image: none; } #dashtodockContainer.top.shrink #dash .dash-item-container .app-well-app.focused .overview-icon, #dashtodockContainer.top.shrink #dash .dash-item-container .focused.grid-search-result .overview-icon { background-color: rgba(238, 238, 236, 0.2); } #dashtodockContainer.top.shrink #dash .dash-item-container .app-well-app .app-well-app-running-dot, #dashtodockContainer.top.shrink #dash .dash-item-container .grid-search-result .app-well-app-running-dot { margin-bottom: 2px; } #dashtodockContainer.top.shrink #dash .dash-item-container > StButton { transition-duration: 250; background-size: contain; } #dashtodockContainer.top.shrink.fixed #dash .dash-background { margin-bottom: 1px; } #dashtodockContainer.top.shrink.fixed #dash .dash-item-container .app-well-app, #dashtodockContainer.top.shrink.fixed #dash .dash-item-container .grid-search-result, #dashtodockContainer.top.shrink.fixed #dash .dash-item-container .show-apps { padding-bottom: 4px; } .dash-label.top.shrink { margin-top: 3px; -x-offset: 0; -y-offset: 0; } #dashtodockContainer.top.extended #dash { margin: 0px; padding: 0px; } #dashtodockContainer.top.extended #dash .dash-background { margin: 0; margin-top: 0; padding: 0; border-radius: 0; spacing: 6px; } #dashtodockContainer.top.extended #dash .dash-separator { background-color: #c7c7c7; margin: 0 4px; width: 1px; height: 0; margin-top: 0; } #dashtodockContainer.top.extended #dash #dashtodockDashContainer { padding: 0; padding-top: 0; padding-bottom: 0; } #dashtodockContainer.top.extended #dash #dashtodockDashContainer > :first-child .show-apps { padding-left: 8px; } #dashtodockContainer.top.extended #dash #dashtodockDashContainer #dashtodockDashScrollview:first-child { padding-left: 8px; } #dashtodockContainer.top.extended #dash #dashtodockDashContainer > :last-child .show-apps { padding-right: 8px; } #dashtodockContainer.top.extended #dash #dashtodockDashContainer #dashtodockDashScrollview:last-child { padding-right: 8px; } #dashtodockContainer.top.extended #dash .dash-item-container { /* Disable all margins defined upstream, we handle them here */ margin: 0 2px; } #dashtodockContainer.top.extended #dash .dash-item-container > * { margin: 0; } #dashtodockContainer.top.extended #dash .dash-item-container:ltr:first-child, #dashtodockContainer.top.extended #dash .dash-item-container:rtl:last-child { margin-left: 0; } #dashtodockContainer.top.extended #dash .dash-item-container:ltr:last-child, #dashtodockContainer.top.extended #dash .dash-item-container:rtl:first-child { margin-right: 0; } #dashtodockContainer.top.extended #dash .dash-item-container .app-well-app, #dashtodockContainer.top.extended #dash .dash-item-container .grid-search-result, #dashtodockContainer.top.extended #dash .dash-item-container .show-apps { padding: 2px 2px; padding-top: 10px; padding-bottom: 10px; } #dashtodockContainer.top.extended #dash .dash-item-container .app-well-app:ltr:first-child, #dashtodockContainer.top.extended #dash .dash-item-container .grid-search-result:ltr:first-child, #dashtodockContainer.top.extended #dash .dash-item-container .app-well-app:rtl:last-child, #dashtodockContainer.top.extended #dash .dash-item-container .grid-search-result:rtl:last-child, #dashtodockContainer.top.extended #dash .dash-item-container .show-apps:ltr:first-child, #dashtodockContainer.top.extended #dash .dash-item-container .show-apps:rtl:last-child { padding-left: 0; } #dashtodockContainer.top.extended #dash .dash-item-container .app-well-app:ltr:last-child, #dashtodockContainer.top.extended #dash .dash-item-container .grid-search-result:ltr:last-child, #dashtodockContainer.top.extended #dash .dash-item-container .app-well-app:rtl:first-child, #dashtodockContainer.top.extended #dash .dash-item-container .grid-search-result:rtl:first-child, #dashtodockContainer.top.extended #dash .dash-item-container .show-apps:ltr:last-child, #dashtodockContainer.top.extended #dash .dash-item-container .show-apps:rtl:first-child { padding-right: 0; } #dashtodockContainer.top.extended #dash .dash-item-container .app-well-app.running .overview-icon, #dashtodockContainer.top.extended #dash .dash-item-container .running.grid-search-result .overview-icon { background-image: none; } #dashtodockContainer.top.extended #dash .dash-item-container .app-well-app.focused .overview-icon, #dashtodockContainer.top.extended #dash .dash-item-container .focused.grid-search-result .overview-icon { background-color: rgba(238, 238, 236, 0.2); } #dashtodockContainer.top.extended #dash .dash-item-container .app-well-app .app-well-app-running-dot, #dashtodockContainer.top.extended #dash .dash-item-container .grid-search-result .app-well-app-running-dot { margin-bottom: 2px; } #dashtodockContainer.top.extended #dash .dash-item-container > StButton { transition-duration: 250; background-size: contain; } #dashtodockContainer.top.extended.fixed #dash .dash-background { margin-bottom: 0; } #dashtodockContainer.top.extended.fixed #dash .dash-item-container .app-well-app, #dashtodockContainer.top.extended.fixed #dash .dash-item-container .grid-search-result, #dashtodockContainer.top.extended.fixed #dash .dash-item-container .show-apps { padding-bottom: 10px; } .dash-label.top { margin-top: 10px; -x-offset: 0; -y-offset: 0; } #dashtodockContainer.top.extended.shrink #dash { margin: 0px; padding: 0px; } #dashtodockContainer.top.extended.shrink #dash .dash-background { margin: 0; margin-top: 0; padding: 0; border-radius: 0; spacing: 2px; } #dashtodockContainer.top.extended.shrink #dash .dash-separator { background-color: #c7c7c7; margin: 0 1px; width: 1px; height: 0; margin-top: 0; } #dashtodockContainer.top.extended.shrink #dash #dashtodockDashContainer { padding: 0; padding-top: 0; padding-bottom: 0; } #dashtodockContainer.top.extended.shrink #dash #dashtodockDashContainer > :first-child .show-apps { padding-left: 6px; } #dashtodockContainer.top.extended.shrink #dash #dashtodockDashContainer #dashtodockDashScrollview:first-child { padding-left: 6px; } #dashtodockContainer.top.extended.shrink #dash #dashtodockDashContainer > :last-child .show-apps { padding-right: 6px; } #dashtodockContainer.top.extended.shrink #dash #dashtodockDashContainer #dashtodockDashScrollview:last-child { padding-right: 6px; } #dashtodockContainer.top.extended.shrink #dash .dash-item-container { /* Disable all margins defined upstream, we handle them here */ margin: 0 2px; } #dashtodockContainer.top.extended.shrink #dash .dash-item-container > * { margin: 0; } #dashtodockContainer.top.extended.shrink #dash .dash-item-container:ltr:first-child, #dashtodockContainer.top.extended.shrink #dash .dash-item-container:rtl:last-child { margin-left: 0; } #dashtodockContainer.top.extended.shrink #dash .dash-item-container:ltr:last-child, #dashtodockContainer.top.extended.shrink #dash .dash-item-container:rtl:first-child { margin-right: 0; } #dashtodockContainer.top.extended.shrink #dash .dash-item-container .app-well-app, #dashtodockContainer.top.extended.shrink #dash .dash-item-container .grid-search-result, #dashtodockContainer.top.extended.shrink #dash .dash-item-container .show-apps { padding: 1px 1px; padding-top: 3px; padding-bottom: 3px; } #dashtodockContainer.top.extended.shrink #dash .dash-item-container .app-well-app:ltr:first-child, #dashtodockContainer.top.extended.shrink #dash .dash-item-container .grid-search-result:ltr:first-child, #dashtodockContainer.top.extended.shrink #dash .dash-item-container .app-well-app:rtl:last-child, #dashtodockContainer.top.extended.shrink #dash .dash-item-container .grid-search-result:rtl:last-child, #dashtodockContainer.top.extended.shrink #dash .dash-item-container .show-apps:ltr:first-child, #dashtodockContainer.top.extended.shrink #dash .dash-item-container .show-apps:rtl:last-child { padding-left: 0; } #dashtodockContainer.top.extended.shrink #dash .dash-item-container .app-well-app:ltr:last-child, #dashtodockContainer.top.extended.shrink #dash .dash-item-container .grid-search-result:ltr:last-child, #dashtodockContainer.top.extended.shrink #dash .dash-item-container .app-well-app:rtl:first-child, #dashtodockContainer.top.extended.shrink #dash .dash-item-container .grid-search-result:rtl:first-child, #dashtodockContainer.top.extended.shrink #dash .dash-item-container .show-apps:ltr:last-child, #dashtodockContainer.top.extended.shrink #dash .dash-item-container .show-apps:rtl:first-child { padding-right: 0; } #dashtodockContainer.top.extended.shrink #dash .dash-item-container .app-well-app.running .overview-icon, #dashtodockContainer.top.extended.shrink #dash .dash-item-container .running.grid-search-result .overview-icon { background-image: none; } #dashtodockContainer.top.extended.shrink #dash .dash-item-container .app-well-app.focused .overview-icon, #dashtodockContainer.top.extended.shrink #dash .dash-item-container .focused.grid-search-result .overview-icon { background-color: rgba(238, 238, 236, 0.2); } #dashtodockContainer.top.extended.shrink #dash .dash-item-container .app-well-app .app-well-app-running-dot, #dashtodockContainer.top.extended.shrink #dash .dash-item-container .grid-search-result .app-well-app-running-dot { margin-bottom: 2px; } #dashtodockContainer.top.extended.shrink #dash .dash-item-container > StButton { transition-duration: 250; background-size: contain; } #dashtodockContainer.top.extended.shrink.fixed #dash .dash-background { margin-bottom: 0; } #dashtodockContainer.top.extended.shrink.fixed #dash .dash-item-container .app-well-app, #dashtodockContainer.top.extended.shrink.fixed #dash .dash-item-container .grid-search-result, #dashtodockContainer.top.extended.shrink.fixed #dash .dash-item-container .show-apps { padding-bottom: 3px; } .dash-label.top.shrink { margin-top: 3px; -x-offset: 0; -y-offset: 0; } #dashtodockContainer.left #dash { margin: 0px; padding: 0px; } #dashtodockContainer.left #dash .dash-background { margin: 0; margin-left: 4px; padding: 0; border-radius: 18px; spacing: 6px; } #dashtodockContainer.left #dash .dash-separator { background-color: #c7c7c7; width: 0; height: 1px; margin: 4px 0; margin-left: 4px; } #dashtodockContainer.left #dash #dashtodockDashContainer { padding: 10px; padding-left: 0; padding-right: 0; } #dashtodockContainer.left #dash .dash-item-container { /* Disable all margins defined upstream, we handle them here */ margin: 2px 0; } #dashtodockContainer.left #dash .dash-item-container > * { margin: 0; } #dashtodockContainer.left #dash .dash-item-container:first-child { margin-top: 0; } #dashtodockContainer.left #dash .dash-item-container:last-child { margin-bottom: 0; } #dashtodockContainer.left #dash .dash-item-container .app-well-app, #dashtodockContainer.left #dash .dash-item-container .grid-search-result, #dashtodockContainer.left #dash .dash-item-container .show-apps { padding: 2px 2px; padding-left: 14px; padding-right: 10px; } #dashtodockContainer.left #dash .dash-item-container .app-well-app:first-child, #dashtodockContainer.left #dash .dash-item-container .grid-search-result:first-child, #dashtodockContainer.left #dash .dash-item-container .show-apps:first-child { padding-top: 0; } #dashtodockContainer.left #dash .dash-item-container .app-well-app:last-child, #dashtodockContainer.left #dash .dash-item-container .grid-search-result:last-child, #dashtodockContainer.left #dash .dash-item-container .show-apps:last-child { padding-bottom: 0; } #dashtodockContainer.left #dash .dash-item-container .app-well-app.running .overview-icon, #dashtodockContainer.left #dash .dash-item-container .running.grid-search-result .overview-icon { background-image: none; } #dashtodockContainer.left #dash .dash-item-container .app-well-app.focused .overview-icon, #dashtodockContainer.left #dash .dash-item-container .focused.grid-search-result .overview-icon { background-color: rgba(238, 238, 236, 0.2); } #dashtodockContainer.left #dash .dash-item-container .app-well-app .app-well-app-running-dot, #dashtodockContainer.left #dash .dash-item-container .grid-search-result .app-well-app-running-dot { margin-bottom: 2px; } #dashtodockContainer.left #dash .dash-item-container > StButton { transition-duration: 250; background-size: contain; } #dashtodockContainer.left.fixed #dash .dash-background { margin-right: 4px; } #dashtodockContainer.left.fixed #dash .dash-item-container .app-well-app, #dashtodockContainer.left.fixed #dash .dash-item-container .grid-search-result, #dashtodockContainer.left.fixed #dash .dash-item-container .show-apps { padding-right: 14px; } .dash-label.left { margin: 0; -x-offset: 10px; -y-offset: 0; } #dashtodockContainer.left.shrink #dash { margin: 0px; padding: 0px; } #dashtodockContainer.left.shrink #dash .dash-background { margin: 0; margin-left: 4px; padding: 0; border-radius: 14px; spacing: 2px; } #dashtodockContainer.left.shrink #dash .dash-separator { background-color: #c7c7c7; width: 0; height: 1px; margin: 1px 0; margin-left: 4px; } #dashtodockContainer.left.shrink #dash #dashtodockDashContainer { padding: 3px; padding-left: 0; padding-right: 0; } #dashtodockContainer.left.shrink #dash .dash-item-container { /* Disable all margins defined upstream, we handle them here */ margin: 2px 0; } #dashtodockContainer.left.shrink #dash .dash-item-container > * { margin: 0; } #dashtodockContainer.left.shrink #dash .dash-item-container:first-child { margin-top: 0; } #dashtodockContainer.left.shrink #dash .dash-item-container:last-child { margin-bottom: 0; } #dashtodockContainer.left.shrink #dash .dash-item-container .app-well-app, #dashtodockContainer.left.shrink #dash .dash-item-container .grid-search-result, #dashtodockContainer.left.shrink #dash .dash-item-container .show-apps { padding: 1px 1px; padding-left: 7px; padding-right: 3px; } #dashtodockContainer.left.shrink #dash .dash-item-container .app-well-app:first-child, #dashtodockContainer.left.shrink #dash .dash-item-container .grid-search-result:first-child, #dashtodockContainer.left.shrink #dash .dash-item-container .show-apps:first-child { padding-top: 0; } #dashtodockContainer.left.shrink #dash .dash-item-container .app-well-app:last-child, #dashtodockContainer.left.shrink #dash .dash-item-container .grid-search-result:last-child, #dashtodockContainer.left.shrink #dash .dash-item-container .show-apps:last-child { padding-bottom: 0; } #dashtodockContainer.left.shrink #dash .dash-item-container .app-well-app.running .overview-icon, #dashtodockContainer.left.shrink #dash .dash-item-container .running.grid-search-result .overview-icon { background-image: none; } #dashtodockContainer.left.shrink #dash .dash-item-container .app-well-app.focused .overview-icon, #dashtodockContainer.left.shrink #dash .dash-item-container .focused.grid-search-result .overview-icon { background-color: rgba(238, 238, 236, 0.2); } #dashtodockContainer.left.shrink #dash .dash-item-container .app-well-app .app-well-app-running-dot, #dashtodockContainer.left.shrink #dash .dash-item-container .grid-search-result .app-well-app-running-dot { margin-bottom: 2px; } #dashtodockContainer.left.shrink #dash .dash-item-container > StButton { transition-duration: 250; background-size: contain; } #dashtodockContainer.left.shrink.fixed #dash .dash-background { margin-right: 1px; } #dashtodockContainer.left.shrink.fixed #dash .dash-item-container .app-well-app, #dashtodockContainer.left.shrink.fixed #dash .dash-item-container .grid-search-result, #dashtodockContainer.left.shrink.fixed #dash .dash-item-container .show-apps { padding-right: 4px; } .dash-label.left.shrink { margin: 0; -x-offset: 3px; -y-offset: 0; } #dashtodockContainer.left.extended #dash { margin: 0px; padding: 0px; } #dashtodockContainer.left.extended #dash .dash-background { margin: 0; margin-left: 0; padding: 0; border-radius: 0; spacing: 6px; } #dashtodockContainer.left.extended #dash .dash-separator { background-color: #c7c7c7; width: 0; height: 1px; margin: 4px 0; margin-left: 0; } #dashtodockContainer.left.extended #dash #dashtodockDashContainer { padding: 0; padding-left: 0; padding-right: 0; } #dashtodockContainer.left.extended #dash #dashtodockDashContainer > :first-child .show-apps { padding-top: 8px; } #dashtodockContainer.left.extended #dash #dashtodockDashContainer #dashtodockDashScrollview:first-child { padding-top: 8px; } #dashtodockContainer.left.extended #dash #dashtodockDashContainer > :last-child .show-apps { padding-bottom: 8px; } #dashtodockContainer.left.extended #dash #dashtodockDashContainer #dashtodockDashScrollview:last-child { padding-bottom: 8px; } #dashtodockContainer.left.extended #dash .dash-item-container { /* Disable all margins defined upstream, we handle them here */ margin: 2px 0; } #dashtodockContainer.left.extended #dash .dash-item-container > * { margin: 0; } #dashtodockContainer.left.extended #dash .dash-item-container:first-child { margin-top: 0; } #dashtodockContainer.left.extended #dash .dash-item-container:last-child { margin-bottom: 0; } #dashtodockContainer.left.extended #dash .dash-item-container .app-well-app, #dashtodockContainer.left.extended #dash .dash-item-container .grid-search-result, #dashtodockContainer.left.extended #dash .dash-item-container .show-apps { padding: 2px 2px; padding-left: 10px; padding-right: 10px; } #dashtodockContainer.left.extended #dash .dash-item-container .app-well-app:first-child, #dashtodockContainer.left.extended #dash .dash-item-container .grid-search-result:first-child, #dashtodockContainer.left.extended #dash .dash-item-container .show-apps:first-child { padding-top: 0; } #dashtodockContainer.left.extended #dash .dash-item-container .app-well-app:last-child, #dashtodockContainer.left.extended #dash .dash-item-container .grid-search-result:last-child, #dashtodockContainer.left.extended #dash .dash-item-container .show-apps:last-child { padding-bottom: 0; } #dashtodockContainer.left.extended #dash .dash-item-container .app-well-app.running .overview-icon, #dashtodockContainer.left.extended #dash .dash-item-container .running.grid-search-result .overview-icon { background-image: none; } #dashtodockContainer.left.extended #dash .dash-item-container .app-well-app.focused .overview-icon, #dashtodockContainer.left.extended #dash .dash-item-container .focused.grid-search-result .overview-icon { background-color: rgba(238, 238, 236, 0.2); } #dashtodockContainer.left.extended #dash .dash-item-container .app-well-app .app-well-app-running-dot, #dashtodockContainer.left.extended #dash .dash-item-container .grid-search-result .app-well-app-running-dot { margin-bottom: 2px; } #dashtodockContainer.left.extended #dash .dash-item-container > StButton { transition-duration: 250; background-size: contain; } #dashtodockContainer.left.extended.fixed #dash .dash-background { margin-right: 0; } #dashtodockContainer.left.extended.fixed #dash .dash-item-container .app-well-app, #dashtodockContainer.left.extended.fixed #dash .dash-item-container .grid-search-result, #dashtodockContainer.left.extended.fixed #dash .dash-item-container .show-apps { padding-right: 10px; } .dash-label.left { margin: 0; -x-offset: 10px; -y-offset: 0; } #dashtodockContainer.left.extended.shrink #dash { margin: 0px; padding: 0px; } #dashtodockContainer.left.extended.shrink #dash .dash-background { margin: 0; margin-left: 0; padding: 0; border-radius: 0; spacing: 2px; } #dashtodockContainer.left.extended.shrink #dash .dash-separator { background-color: #c7c7c7; width: 0; height: 1px; margin: 1px 0; margin-left: 0; } #dashtodockContainer.left.extended.shrink #dash #dashtodockDashContainer { padding: 0; padding-left: 0; padding-right: 0; } #dashtodockContainer.left.extended.shrink #dash #dashtodockDashContainer > :first-child .show-apps { padding-top: 6px; } #dashtodockContainer.left.extended.shrink #dash #dashtodockDashContainer #dashtodockDashScrollview:first-child { padding-top: 6px; } #dashtodockContainer.left.extended.shrink #dash #dashtodockDashContainer > :last-child .show-apps { padding-bottom: 6px; } #dashtodockContainer.left.extended.shrink #dash #dashtodockDashContainer #dashtodockDashScrollview:last-child { padding-bottom: 6px; } #dashtodockContainer.left.extended.shrink #dash .dash-item-container { /* Disable all margins defined upstream, we handle them here */ margin: 2px 0; } #dashtodockContainer.left.extended.shrink #dash .dash-item-container > * { margin: 0; } #dashtodockContainer.left.extended.shrink #dash .dash-item-container:first-child { margin-top: 0; } #dashtodockContainer.left.extended.shrink #dash .dash-item-container:last-child { margin-bottom: 0; } #dashtodockContainer.left.extended.shrink #dash .dash-item-container .app-well-app, #dashtodockContainer.left.extended.shrink #dash .dash-item-container .grid-search-result, #dashtodockContainer.left.extended.shrink #dash .dash-item-container .show-apps { padding: 1px 1px; padding-left: 3px; padding-right: 3px; } #dashtodockContainer.left.extended.shrink #dash .dash-item-container .app-well-app:first-child, #dashtodockContainer.left.extended.shrink #dash .dash-item-container .grid-search-result:first-child, #dashtodockContainer.left.extended.shrink #dash .dash-item-container .show-apps:first-child { padding-top: 0; } #dashtodockContainer.left.extended.shrink #dash .dash-item-container .app-well-app:last-child, #dashtodockContainer.left.extended.shrink #dash .dash-item-container .grid-search-result:last-child, #dashtodockContainer.left.extended.shrink #dash .dash-item-container .show-apps:last-child { padding-bottom: 0; } #dashtodockContainer.left.extended.shrink #dash .dash-item-container .app-well-app.running .overview-icon, #dashtodockContainer.left.extended.shrink #dash .dash-item-container .running.grid-search-result .overview-icon { background-image: none; } #dashtodockContainer.left.extended.shrink #dash .dash-item-container .app-well-app.focused .overview-icon, #dashtodockContainer.left.extended.shrink #dash .dash-item-container .focused.grid-search-result .overview-icon { background-color: rgba(238, 238, 236, 0.2); } #dashtodockContainer.left.extended.shrink #dash .dash-item-container .app-well-app .app-well-app-running-dot, #dashtodockContainer.left.extended.shrink #dash .dash-item-container .grid-search-result .app-well-app-running-dot { margin-bottom: 2px; } #dashtodockContainer.left.extended.shrink #dash .dash-item-container > StButton { transition-duration: 250; background-size: contain; } #dashtodockContainer.left.extended.shrink.fixed #dash .dash-background { margin-right: 0; } #dashtodockContainer.left.extended.shrink.fixed #dash .dash-item-container .app-well-app, #dashtodockContainer.left.extended.shrink.fixed #dash .dash-item-container .grid-search-result, #dashtodockContainer.left.extended.shrink.fixed #dash .dash-item-container .show-apps { padding-right: 3px; } .dash-label.left.shrink { margin: 0; -x-offset: 3px; -y-offset: 0; } #dashtodockContainer.right #dash { margin: 0px; padding: 0px; } #dashtodockContainer.right #dash .dash-background { margin: 0; margin-right: 4px; padding: 0; border-radius: 18px; spacing: 6px; } #dashtodockContainer.right #dash .dash-separator { background-color: #c7c7c7; width: 0; height: 1px; margin: 4px 0; margin-right: 4px; } #dashtodockContainer.right #dash #dashtodockDashContainer { padding: 10px; padding-right: 0; padding-left: 0; } #dashtodockContainer.right #dash .dash-item-container { /* Disable all margins defined upstream, we handle them here */ margin: 2px 0; } #dashtodockContainer.right #dash .dash-item-container > * { margin: 0; } #dashtodockContainer.right #dash .dash-item-container:first-child { margin-top: 0; } #dashtodockContainer.right #dash .dash-item-container:last-child { margin-bottom: 0; } #dashtodockContainer.right #dash .dash-item-container .app-well-app, #dashtodockContainer.right #dash .dash-item-container .grid-search-result, #dashtodockContainer.right #dash .dash-item-container .show-apps { padding: 2px 2px; padding-right: 14px; padding-left: 10px; } #dashtodockContainer.right #dash .dash-item-container .app-well-app:first-child, #dashtodockContainer.right #dash .dash-item-container .grid-search-result:first-child, #dashtodockContainer.right #dash .dash-item-container .show-apps:first-child { padding-top: 0; } #dashtodockContainer.right #dash .dash-item-container .app-well-app:last-child, #dashtodockContainer.right #dash .dash-item-container .grid-search-result:last-child, #dashtodockContainer.right #dash .dash-item-container .show-apps:last-child { padding-bottom: 0; } #dashtodockContainer.right #dash .dash-item-container .app-well-app.running .overview-icon, #dashtodockContainer.right #dash .dash-item-container .running.grid-search-result .overview-icon { background-image: none; } #dashtodockContainer.right #dash .dash-item-container .app-well-app.focused .overview-icon, #dashtodockContainer.right #dash .dash-item-container .focused.grid-search-result .overview-icon { background-color: rgba(238, 238, 236, 0.2); } #dashtodockContainer.right #dash .dash-item-container .app-well-app .app-well-app-running-dot, #dashtodockContainer.right #dash .dash-item-container .grid-search-result .app-well-app-running-dot { margin-bottom: 2px; } #dashtodockContainer.right #dash .dash-item-container > StButton { transition-duration: 250; background-size: contain; } #dashtodockContainer.right.fixed #dash .dash-background { margin-left: 4px; } #dashtodockContainer.right.fixed #dash .dash-item-container .app-well-app, #dashtodockContainer.right.fixed #dash .dash-item-container .grid-search-result, #dashtodockContainer.right.fixed #dash .dash-item-container .show-apps { padding-left: 14px; } .dash-label.right { margin: 0; -x-offset: 10px; -y-offset: 0; } #dashtodockContainer.right.shrink #dash { margin: 0px; padding: 0px; } #dashtodockContainer.right.shrink #dash .dash-background { margin: 0; margin-right: 4px; padding: 0; border-radius: 14px; spacing: 2px; } #dashtodockContainer.right.shrink #dash .dash-separator { background-color: #c7c7c7; width: 0; height: 1px; margin: 1px 0; margin-right: 4px; } #dashtodockContainer.right.shrink #dash #dashtodockDashContainer { padding: 3px; padding-right: 0; padding-left: 0; } #dashtodockContainer.right.shrink #dash .dash-item-container { /* Disable all margins defined upstream, we handle them here */ margin: 2px 0; } #dashtodockContainer.right.shrink #dash .dash-item-container > * { margin: 0; } #dashtodockContainer.right.shrink #dash .dash-item-container:first-child { margin-top: 0; } #dashtodockContainer.right.shrink #dash .dash-item-container:last-child { margin-bottom: 0; } #dashtodockContainer.right.shrink #dash .dash-item-container .app-well-app, #dashtodockContainer.right.shrink #dash .dash-item-container .grid-search-result, #dashtodockContainer.right.shrink #dash .dash-item-container .show-apps { padding: 1px 1px; padding-right: 7px; padding-left: 3px; } #dashtodockContainer.right.shrink #dash .dash-item-container .app-well-app:first-child, #dashtodockContainer.right.shrink #dash .dash-item-container .grid-search-result:first-child, #dashtodockContainer.right.shrink #dash .dash-item-container .show-apps:first-child { padding-top: 0; } #dashtodockContainer.right.shrink #dash .dash-item-container .app-well-app:last-child, #dashtodockContainer.right.shrink #dash .dash-item-container .grid-search-result:last-child, #dashtodockContainer.right.shrink #dash .dash-item-container .show-apps:last-child { padding-bottom: 0; } #dashtodockContainer.right.shrink #dash .dash-item-container .app-well-app.running .overview-icon, #dashtodockContainer.right.shrink #dash .dash-item-container .running.grid-search-result .overview-icon { background-image: none; } #dashtodockContainer.right.shrink #dash .dash-item-container .app-well-app.focused .overview-icon, #dashtodockContainer.right.shrink #dash .dash-item-container .focused.grid-search-result .overview-icon { background-color: rgba(238, 238, 236, 0.2); } #dashtodockContainer.right.shrink #dash .dash-item-container .app-well-app .app-well-app-running-dot, #dashtodockContainer.right.shrink #dash .dash-item-container .grid-search-result .app-well-app-running-dot { margin-bottom: 2px; } #dashtodockContainer.right.shrink #dash .dash-item-container > StButton { transition-duration: 250; background-size: contain; } #dashtodockContainer.right.shrink.fixed #dash .dash-background { margin-left: 1px; } #dashtodockContainer.right.shrink.fixed #dash .dash-item-container .app-well-app, #dashtodockContainer.right.shrink.fixed #dash .dash-item-container .grid-search-result, #dashtodockContainer.right.shrink.fixed #dash .dash-item-container .show-apps { padding-left: 4px; } .dash-label.right.shrink { margin: 0; -x-offset: 3px; -y-offset: 0; } #dashtodockContainer.right.extended #dash { margin: 0px; padding: 0px; } #dashtodockContainer.right.extended #dash .dash-background { margin: 0; margin-right: 0; padding: 0; border-radius: 0; spacing: 6px; } #dashtodockContainer.right.extended #dash .dash-separator { background-color: #c7c7c7; width: 0; height: 1px; margin: 4px 0; margin-right: 0; } #dashtodockContainer.right.extended #dash #dashtodockDashContainer { padding: 0; padding-right: 0; padding-left: 0; } #dashtodockContainer.right.extended #dash #dashtodockDashContainer > :first-child .show-apps { padding-top: 8px; } #dashtodockContainer.right.extended #dash #dashtodockDashContainer #dashtodockDashScrollview:first-child { padding-top: 8px; } #dashtodockContainer.right.extended #dash #dashtodockDashContainer > :last-child .show-apps { padding-bottom: 8px; } #dashtodockContainer.right.extended #dash #dashtodockDashContainer #dashtodockDashScrollview:last-child { padding-bottom: 8px; } #dashtodockContainer.right.extended #dash .dash-item-container { /* Disable all margins defined upstream, we handle them here */ margin: 2px 0; } #dashtodockContainer.right.extended #dash .dash-item-container > * { margin: 0; } #dashtodockContainer.right.extended #dash .dash-item-container:first-child { margin-top: 0; } #dashtodockContainer.right.extended #dash .dash-item-container:last-child { margin-bottom: 0; } #dashtodockContainer.right.extended #dash .dash-item-container .app-well-app, #dashtodockContainer.right.extended #dash .dash-item-container .grid-search-result, #dashtodockContainer.right.extended #dash .dash-item-container .show-apps { padding: 2px 2px; padding-right: 10px; padding-left: 10px; } #dashtodockContainer.right.extended #dash .dash-item-container .app-well-app:first-child, #dashtodockContainer.right.extended #dash .dash-item-container .grid-search-result:first-child, #dashtodockContainer.right.extended #dash .dash-item-container .show-apps:first-child { padding-top: 0; } #dashtodockContainer.right.extended #dash .dash-item-container .app-well-app:last-child, #dashtodockContainer.right.extended #dash .dash-item-container .grid-search-result:last-child, #dashtodockContainer.right.extended #dash .dash-item-container .show-apps:last-child { padding-bottom: 0; } #dashtodockContainer.right.extended #dash .dash-item-container .app-well-app.running .overview-icon, #dashtodockContainer.right.extended #dash .dash-item-container .running.grid-search-result .overview-icon { background-image: none; } #dashtodockContainer.right.extended #dash .dash-item-container .app-well-app.focused .overview-icon, #dashtodockContainer.right.extended #dash .dash-item-container .focused.grid-search-result .overview-icon { background-color: rgba(238, 238, 236, 0.2); } #dashtodockContainer.right.extended #dash .dash-item-container .app-well-app .app-well-app-running-dot, #dashtodockContainer.right.extended #dash .dash-item-container .grid-search-result .app-well-app-running-dot { margin-bottom: 2px; } #dashtodockContainer.right.extended #dash .dash-item-container > StButton { transition-duration: 250; background-size: contain; } #dashtodockContainer.right.extended.fixed #dash .dash-background { margin-left: 0; } #dashtodockContainer.right.extended.fixed #dash .dash-item-container .app-well-app, #dashtodockContainer.right.extended.fixed #dash .dash-item-container .grid-search-result, #dashtodockContainer.right.extended.fixed #dash .dash-item-container .show-apps { padding-left: 10px; } .dash-label.right { margin: 0; -x-offset: 10px; -y-offset: 0; } #dashtodockContainer.right.extended.shrink #dash { margin: 0px; padding: 0px; } #dashtodockContainer.right.extended.shrink #dash .dash-background { margin: 0; margin-right: 0; padding: 0; border-radius: 0; spacing: 2px; } #dashtodockContainer.right.extended.shrink #dash .dash-separator { background-color: #c7c7c7; width: 0; height: 1px; margin: 1px 0; margin-right: 0; } #dashtodockContainer.right.extended.shrink #dash #dashtodockDashContainer { padding: 0; padding-right: 0; padding-left: 0; } #dashtodockContainer.right.extended.shrink #dash #dashtodockDashContainer > :first-child .show-apps { padding-top: 6px; } #dashtodockContainer.right.extended.shrink #dash #dashtodockDashContainer #dashtodockDashScrollview:first-child { padding-top: 6px; } #dashtodockContainer.right.extended.shrink #dash #dashtodockDashContainer > :last-child .show-apps { padding-bottom: 6px; } #dashtodockContainer.right.extended.shrink #dash #dashtodockDashContainer #dashtodockDashScrollview:last-child { padding-bottom: 6px; } #dashtodockContainer.right.extended.shrink #dash .dash-item-container { /* Disable all margins defined upstream, we handle them here */ margin: 2px 0; } #dashtodockContainer.right.extended.shrink #dash .dash-item-container > * { margin: 0; } #dashtodockContainer.right.extended.shrink #dash .dash-item-container:first-child { margin-top: 0; } #dashtodockContainer.right.extended.shrink #dash .dash-item-container:last-child { margin-bottom: 0; } #dashtodockContainer.right.extended.shrink #dash .dash-item-container .app-well-app, #dashtodockContainer.right.extended.shrink #dash .dash-item-container .grid-search-result, #dashtodockContainer.right.extended.shrink #dash .dash-item-container .show-apps { padding: 1px 1px; padding-right: 3px; padding-left: 3px; } #dashtodockContainer.right.extended.shrink #dash .dash-item-container .app-well-app:first-child, #dashtodockContainer.right.extended.shrink #dash .dash-item-container .grid-search-result:first-child, #dashtodockContainer.right.extended.shrink #dash .dash-item-container .show-apps:first-child { padding-top: 0; } #dashtodockContainer.right.extended.shrink #dash .dash-item-container .app-well-app:last-child, #dashtodockContainer.right.extended.shrink #dash .dash-item-container .grid-search-result:last-child, #dashtodockContainer.right.extended.shrink #dash .dash-item-container .show-apps:last-child { padding-bottom: 0; } #dashtodockContainer.right.extended.shrink #dash .dash-item-container .app-well-app.running .overview-icon, #dashtodockContainer.right.extended.shrink #dash .dash-item-container .running.grid-search-result .overview-icon { background-image: none; } #dashtodockContainer.right.extended.shrink #dash .dash-item-container .app-well-app.focused .overview-icon, #dashtodockContainer.right.extended.shrink #dash .dash-item-container .focused.grid-search-result .overview-icon { background-color: rgba(238, 238, 236, 0.2); } #dashtodockContainer.right.extended.shrink #dash .dash-item-container .app-well-app .app-well-app-running-dot, #dashtodockContainer.right.extended.shrink #dash .dash-item-container .grid-search-result .app-well-app-running-dot { margin-bottom: 2px; } #dashtodockContainer.right.extended.shrink #dash .dash-item-container > StButton { transition-duration: 250; background-size: contain; } #dashtodockContainer.right.extended.shrink.fixed #dash .dash-background { margin-left: 0; } #dashtodockContainer.right.extended.shrink.fixed #dash .dash-item-container .app-well-app, #dashtodockContainer.right.extended.shrink.fixed #dash .dash-item-container .grid-search-result, #dashtodockContainer.right.extended.shrink.fixed #dash .dash-item-container .show-apps { padding-left: 3px; } .dash-label.right.shrink { margin: 0; -x-offset: 3px; -y-offset: 0; } #dashtodockContainer.top.shrink #dash .dash-background { margin-top: 4px; margin-bottom: 0; } #dashtodockContainer.straight-corner #dash .dash-background, #dashtodockContainer.shrink.straight-corner #dash .dash-background { border-radius: 0px; } /* Scrollview style */ .bottom #dashtodockDashScrollview, .top #dashtodockDashScrollview { -st-hfade-offset: 24px; } .left #dashtodockDashScrollview, .right #dashtodockDashScrollview { -st-vfade-offset: 24px; } #dashtodockContainer.dashtodock #dash .dash-background { background: #1d1d1d; } #dashtodockContainer.dashtodock .progress-bar { /* Customization of the progress bar style, e.g.: -progress-bar-background: rgba(0.8, 0.8, 0.8, 1); -progress-bar-border: rgba(0.9, 0.9, 0.9, 1); */ } #dashtodockContainer.top #dash .placeholder, #dashtodockContainer.bottom #dash .placeholder { width: 32px; height: 1px; } /* * This is applied to a dummy actor. Only the alpha value for the background and border color * and the transition-duration are used */ #dashtodockContainer.dummy-opaque { background-color: rgba(0, 0, 0, 0.8); border-color: rgba(0, 0, 0, 0.4); transition-duration: 300ms; } /* * This is applied to a dummy actor. Only the alpha value for the background and border color * and the transition-duration are used */ #dashtodockContainer.dummy-transparent { background-color: rgba(0, 0, 0, 0.2); border-color: rgba(0, 0, 0, 0.1); transition-duration: 500ms; } #dashtodockContainer .number-overlay { color: white; background-color: rgba(0, 0, 0, 0.8); text-align: center; } #dashtodockContainer .notification-badge { color: white; background-color: red; padding: 0.2em 0.5em; border-radius: 1em; font-weight: bold; text-align: center; margin: 2px; } #dashtodockPreviewSeparator.popup-separator-menu-item-horizontal { width: 1px; height: auto; border-right-width: 1px; margin: 32px 0px; } .dashtodock-app-well-preview-menu-item { padding: 1em 1em 0.5em 1em; } #dashtodockContainer .metro .overview-icon { border-radius: 0px; } #dashtodockContainer.bottom .metro.running2.focused, #dashtodockContainer.top .metro.running2.focused { background-image: url("./media/highlight_stacked_bg.svg"); background-position: 0px 0px; background-size: contain; } #dashtodockContainer.left .metro.running2.focused, #dashtodockContainer.right .metro.running2.focused { background-image: url("./media/highlight_stacked_bg_h.svg"); background-position: 0px 0px; background-size: contain; } #dashtodockContainer.bottom .metro.running3.focused, #dashtodockContainer.top .metro.running3.focused { background-image: url("./media/highlight_stacked_bg.svg"); background-position: 0px 0px; background-size: contain; } #dashtodockContainer.left .metro.running3.focused, #dashtodockContainer.right .metro.running3.focused { background-image: url("./media/highlight_stacked_bg_h.svg"); background-position: 0px 0px; background-size: contain; } #dashtodockContainer.bottom .metro.running4.focused, #dashtodockContainer.top .metro.running4.focused { background-image: url("./media/highlight_stacked_bg.svg"); background-position: 0px 0px; background-size: contain; } #dashtodockContainer.left .metro.running4.focused, #dashtodockContainer.right .metro.running4.focused { background-image: url("./media/highlight_stacked_bg_h.svg"); background-position: 0px 0px; background-size: contain; } /* Yaru Dock styling */ #dashtodockContainer.bottom #dash, #dashtodockContainer.bottom.dashtodock #dash, #dashtodockContainer.bottom.shrink #dash { margin: 0px; padding: 0px; } #dashtodockContainer.bottom #dash .dash-background, #dashtodockContainer.bottom.dashtodock #dash .dash-background, #dashtodockContainer.bottom.shrink #dash .dash-background { background: rgba(19, 19, 19, 0.75); transition-duration: 250ms; } #dashtodockContainer.bottom #dash .dash-separator, #dashtodockContainer.bottom.dashtodock #dash .dash-separator, #dashtodockContainer.bottom.shrink #dash .dash-separator { background: rgba(238, 238, 236, 0.3); } #dashtodockContainer.bottom.overview #dash .dash-background, #dashtodockContainer.bottom.overview.dashtodock #dash .dash-background, #dashtodockContainer.bottom.overview.shrink #dash .dash-background { background-color: #131313; } #dashtodockContainer.bottom.extended #dash .dash-background, #dashtodockContainer.bottom.extended.dashtodock #dash .dash-background, #dashtodockContainer.bottom.extended.shrink #dash .dash-background { border: none; } #dashtodockContainer.bottom .dash-item-container .show-apps, #dashtodockContainer.bottom .dash-item-container .app-well-app, #dashtodockContainer.bottom .dash-item-container .grid-search-result { border-radius: 18px; } #dashtodockContainer.bottom .dash-item-container .show-apps:active .overview-icon, #dashtodockContainer.bottom .dash-item-container .show-apps:checked .overview-icon, #dashtodockContainer.bottom .dash-item-container .app-well-app:active .overview-icon, #dashtodockContainer.bottom .dash-item-container .grid-search-result:active .overview-icon, #dashtodockContainer.bottom .dash-item-container .app-well-app:checked .overview-icon, #dashtodockContainer.bottom .dash-item-container .grid-search-result:checked .overview-icon { background-color: rgba(255, 255, 255, 0.25); box-shadow: none; } #dashtodockContainer.bottom .notification-badge { background-color: #109b26; border: 1px solid #0c6d1a; box-shadow: -1px 1px 5px 0px rgba(0, 0, 0, 0.5); } #dashtodockContainer.top #dash, #dashtodockContainer.top.dashtodock #dash, #dashtodockContainer.top.shrink #dash { margin: 0px; padding: 0px; } #dashtodockContainer.top #dash .dash-background, #dashtodockContainer.top.dashtodock #dash .dash-background, #dashtodockContainer.top.shrink #dash .dash-background { background: rgba(19, 19, 19, 0.75); transition-duration: 250ms; } #dashtodockContainer.top #dash .dash-separator, #dashtodockContainer.top.dashtodock #dash .dash-separator, #dashtodockContainer.top.shrink #dash .dash-separator { background: rgba(238, 238, 236, 0.3); } #dashtodockContainer.top.overview #dash .dash-background, #dashtodockContainer.top.overview.dashtodock #dash .dash-background, #dashtodockContainer.top.overview.shrink #dash .dash-background { background-color: #131313; } #dashtodockContainer.top.extended #dash .dash-background, #dashtodockContainer.top.extended.dashtodock #dash .dash-background, #dashtodockContainer.top.extended.shrink #dash .dash-background { border: none; } #dashtodockContainer.top .dash-item-container .show-apps, #dashtodockContainer.top .dash-item-container .app-well-app, #dashtodockContainer.top .dash-item-container .grid-search-result { border-radius: 18px; } #dashtodockContainer.top .dash-item-container .show-apps:active .overview-icon, #dashtodockContainer.top .dash-item-container .show-apps:checked .overview-icon, #dashtodockContainer.top .dash-item-container .app-well-app:active .overview-icon, #dashtodockContainer.top .dash-item-container .grid-search-result:active .overview-icon, #dashtodockContainer.top .dash-item-container .app-well-app:checked .overview-icon, #dashtodockContainer.top .dash-item-container .grid-search-result:checked .overview-icon { background-color: rgba(255, 255, 255, 0.25); box-shadow: none; } #dashtodockContainer.top .notification-badge { background-color: #109b26; border: 1px solid #0c6d1a; box-shadow: -1px 1px 5px 0px rgba(0, 0, 0, 0.5); } #dashtodockContainer.left #dash, #dashtodockContainer.left.dashtodock #dash, #dashtodockContainer.left.shrink #dash { margin: 0px; padding: 0px; } #dashtodockContainer.left #dash .dash-background, #dashtodockContainer.left.dashtodock #dash .dash-background, #dashtodockContainer.left.shrink #dash .dash-background { background: rgba(19, 19, 19, 0.75); transition-duration: 250ms; } #dashtodockContainer.left #dash .dash-separator, #dashtodockContainer.left.dashtodock #dash .dash-separator, #dashtodockContainer.left.shrink #dash .dash-separator { background: rgba(238, 238, 236, 0.3); } #dashtodockContainer.left.overview #dash .dash-background, #dashtodockContainer.left.overview.dashtodock #dash .dash-background, #dashtodockContainer.left.overview.shrink #dash .dash-background { background-color: #131313; } #dashtodockContainer.left.extended #dash .dash-background, #dashtodockContainer.left.extended.dashtodock #dash .dash-background, #dashtodockContainer.left.extended.shrink #dash .dash-background { border: none; } #dashtodockContainer.left .dash-item-container .show-apps, #dashtodockContainer.left .dash-item-container .app-well-app, #dashtodockContainer.left .dash-item-container .grid-search-result { border-radius: 18px; } #dashtodockContainer.left .dash-item-container .show-apps:active .overview-icon, #dashtodockContainer.left .dash-item-container .show-apps:checked .overview-icon, #dashtodockContainer.left .dash-item-container .app-well-app:active .overview-icon, #dashtodockContainer.left .dash-item-container .grid-search-result:active .overview-icon, #dashtodockContainer.left .dash-item-container .app-well-app:checked .overview-icon, #dashtodockContainer.left .dash-item-container .grid-search-result:checked .overview-icon { background-color: rgba(255, 255, 255, 0.25); box-shadow: none; } #dashtodockContainer.left .notification-badge { background-color: #109b26; border: 1px solid #0c6d1a; box-shadow: -1px 1px 5px 0px rgba(0, 0, 0, 0.5); } #dashtodockContainer.right #dash, #dashtodockContainer.right.dashtodock #dash, #dashtodockContainer.right.shrink #dash { margin: 0px; padding: 0px; } #dashtodockContainer.right #dash .dash-background, #dashtodockContainer.right.dashtodock #dash .dash-background, #dashtodockContainer.right.shrink #dash .dash-background { background: rgba(19, 19, 19, 0.75); transition-duration: 250ms; } #dashtodockContainer.right #dash .dash-separator, #dashtodockContainer.right.dashtodock #dash .dash-separator, #dashtodockContainer.right.shrink #dash .dash-separator { background: rgba(238, 238, 236, 0.3); } #dashtodockContainer.right.overview #dash .dash-background, #dashtodockContainer.right.overview.dashtodock #dash .dash-background, #dashtodockContainer.right.overview.shrink #dash .dash-background { background-color: #131313; } #dashtodockContainer.right.extended #dash .dash-background, #dashtodockContainer.right.extended.dashtodock #dash .dash-background, #dashtodockContainer.right.extended.shrink #dash .dash-background { border: none; } #dashtodockContainer.right .dash-item-container .show-apps, #dashtodockContainer.right .dash-item-container .app-well-app, #dashtodockContainer.right .dash-item-container .grid-search-result { border-radius: 18px; } #dashtodockContainer.right .dash-item-container .show-apps:active .overview-icon, #dashtodockContainer.right .dash-item-container .show-apps:checked .overview-icon, #dashtodockContainer.right .dash-item-container .app-well-app:active .overview-icon, #dashtodockContainer.right .dash-item-container .grid-search-result:active .overview-icon, #dashtodockContainer.right .dash-item-container .app-well-app:checked .overview-icon, #dashtodockContainer.right .dash-item-container .grid-search-result:checked .overview-icon { background-color: rgba(255, 255, 255, 0.25); box-shadow: none; } #dashtodockContainer.right .notification-badge { background-color: #109b26; border: 1px solid #0c6d1a; box-shadow: -1px 1px 5px 0px rgba(0, 0, 0, 0.5); } (uuay)toggle-on-prussiangreen.svg Q <svg viewBox="0 0 48 26" xmlns="http://www.w3.org/2000/svg"><g transform="translate(0 -291.18)"><rect y="291.18" width="48" height="26" rx="13" ry="13" fill="#308280"/><rect x="24" y="294.18" width="22" height="22" rx="11" ry="11" fill-opacity=".2"/><rect x="24" y="293.18" width="22" height="22" rx="11" ry="11" fill="#fff"/></g></svg> (uuay)toggle-on-purple-dark.svg Q <svg viewBox="0 0 48 26" xmlns="http://www.w3.org/2000/svg"><g transform="translate(0 -291.18)"><rect y="291.18" width="48" height="26" rx="13" ry="13" fill="#7764D8"/><rect x="24" y="294.18" width="22" height="22" rx="11" ry="11" fill-opacity=".2"/><rect x="24" y="293.18" width="22" height="22" rx="11" ry="11" fill="#fff"/></g></svg> (uuay)Yaru/ ' G � ( M $ I � � � 9 @ ^ 5 checkbox-focused-olive.svg / <svg width="24" height="24" xmlns="http://www.w3.org/2000/svg"><rect x="1.5" y="1.5" width="21" height="21" rx="3" fill="#427601" stroke="#7cdb02" stroke-linejoin="round"/><path d="m20.16 7.527-1.253-1.414-.118.104-8.478 7.426-4.97-4.263-1.503 1.699 6.474 6.811z" fill="#fff" fill-rule="evenodd"/></svg> (uuay)checkbox-red.svg G <svg width="24" height="24" xmlns="http://www.w3.org/2000/svg"><rect x="1.5" y="1.5" width="21" height="21" fill="#DA3450" stroke="#DA3450" stroke-linejoin="round" style="stroke-width:1" rx="3"/><path d="m20.16 7.527-1.253-1.414-.118.104-8.478 7.426-4.97-4.263-1.503 1.699 6.474 6.811z" fill="#fff" fill-rule="evenodd"/></svg> (uuay)toggle-on-bark.svg Q <svg viewBox="0 0 48 26" xmlns="http://www.w3.org/2000/svg"><g transform="translate(0 -291.18)"><rect y="291.18" width="48" height="26" rx="13" ry="13" fill="#787859"/><rect x="24" y="294.18" width="22" height="22" rx="11" ry="11" fill-opacity=".2"/><rect x="24" y="293.18" width="22" height="22" rx="11" ry="11" fill="#fff"/></g></svg> (uuay)gnome/ t checkbox-focused-blue-dark.svg / <svg width="24" height="24" xmlns="http://www.w3.org/2000/svg"><rect x="1.5" y="1.5" width="21" height="21" rx="3" fill="#0061c1" stroke="#3d9eff" stroke-linejoin="round"/><path d="m20.16 7.527-1.253-1.414-.118.104-8.478 7.426-4.97-4.263-1.503 1.699 6.474 6.811z" fill="#fff" fill-rule="evenodd"/></svg> (uuay)checkbox-focused-blue.svg/ <svg width="24" height="24" xmlns="http://www.w3.org/2000/svg"><rect x="1.5" y="1.5" width="21" height="21" rx="3" fill="#006bd6" stroke="#3d9eff" stroke-linejoin="round"/><path d="m20.16 7.527-1.253-1.414-.118.104-8.478 7.426-4.97-4.263-1.503 1.699 6.474 6.811z" fill="#fff" fill-rule="evenodd"/></svg> (uuay)checkbox-focused-viridian-dark.svg / <svg width="24" height="24" xmlns="http://www.w3.org/2000/svg"><rect x="1.5" y="1.5" width="21" height="21" rx="3" fill="#026443" stroke="#05dc94" stroke-linejoin="round"/><path d="m20.16 7.527-1.253-1.414-.118.104-8.478 7.426-4.97-4.263-1.503 1.699 6.474 6.811z" fill="#fff" fill-rule="evenodd"/></svg> (uuay)pad-osd.css .Leader { stroke-width: .5 !important; stroke: #535353; fill: none !important; } .Button { stroke-width: .25; stroke: #ededed; fill: #ededed; } .Ring { stroke-width: .5 !important; stroke: #535353 !important; fill: none !important; } .Label { stroke: none !important; stroke-width: .1 !important; font-size: .1 !important; fill: transparent !important; } .TouchStrip, .TouchRing { stroke-width: .1 !important; stroke: #ededed !important; fill: #535353 !important; } (uuay)checkbox-off-focused-viridian.svg � <svg width="24" height="24" xmlns="http://www.w3.org/2000/svg"><rect x="1.5" y="1.5" width="21" height="21" fill="#bababa" stroke="#05dc94" stroke-linejoin="round" rx="3" style="fill:#F7F7F7"/></svg> (uuay)checkbox-focused-red-dark.svg / <svg width="24" height="24" xmlns="http://www.w3.org/2000/svg"><rect x="1.5" y="1.5" width="21" height="21" rx="3" fill="#c6243f" stroke="#e77d8f" stroke-linejoin="round"/><path d="m20.16 7.527-1.253-1.414-.118.104-8.478 7.426-4.97-4.263-1.503 1.699 6.474 6.811z" fill="#fff" fill-rule="evenodd"/></svg> (uuay)checkbox-off-focused-dark.svg � <svg width="24" height="24" xmlns="http://www.w3.org/2000/svg"><rect x="1.5" y="1.5" width="21" height="21" fill="#4a4a4a" stroke="#f1916f" stroke-linejoin="round" rx="3" style="fill:#222222"/></svg> (uuay)toggle-on-bark-dark.svg Q <svg viewBox="0 0 48 26" xmlns="http://www.w3.org/2000/svg"><g transform="translate(0 -291.18)"><rect y="291.18" width="48" height="26" rx="13" ry="13" fill="#787859"/><rect x="24" y="294.18" width="22" height="22" rx="11" ry="11" fill-opacity=".2"/><rect x="24" y="293.18" width="22" height="22" rx="11" ry="11" fill="#fff"/></g></svg> (uuay)toggle-off-red.svg P <svg width="48" height="26" xmlns="http://www.w3.org/2000/svg"><rect style="fill:#bababa;fill-opacity:1;stroke:none;stroke-width:1;marker:none" width="48" height="26" x="-48" ry="13" fill="#3081e3" rx="13" transform="scale(-1 1)"/><rect ry="11" rx="11" y="3" x="-24" height="22" width="22" style="fill:#000;fill-opacity:.2;stroke:none;stroke-width:.999999;marker:none" fill="#f8f7f7" transform="scale(-1 1)"/><rect ry="11" rx="11" y="2" x="-24" height="22" width="22" style="fill:#fff;fill-opacity:1;stroke:none;stroke-width:.999999;marker:none" fill="#f8f7f7" transform="scale(-1 1)"/></svg> (uuay)checkbox-off-magenta.svg� <svg width="24" height="24" xmlns="http://www.w3.org/2000/svg"><rect x="1.5" y="1.5" width="21" height="21" rx="3" fill="#bababa" stroke="#c7c7c7" stroke-linejoin="round" style="fill:#F7F7F7;stroke:#d4d4d4"/></svg> (uuay)toggle-on-prussiangreen-dark.svg Q <svg viewBox="0 0 48 26" xmlns="http://www.w3.org/2000/svg"><g transform="translate(0 -291.18)"><rect y="291.18" width="48" height="26" rx="13" ry="13" fill="#308280"/><rect x="24" y="294.18" width="22" height="22" rx="11" ry="11" fill-opacity=".2"/><rect x="24" y="293.18" width="22" height="22" rx="11" ry="11" fill="#fff"/></g></svg> (uuay)checkbox-off-focused-olive-dark.svg � <svg width="24" height="24" xmlns="http://www.w3.org/2000/svg"><rect x="1.5" y="1.5" width="21" height="21" fill="#4a4a4a" stroke="#7cdb02" stroke-linejoin="round" rx="3" style="fill:#222222"/></svg> (uuay)toggle-off-magenta-dark.svg P <svg width="48" height="26" xmlns="http://www.w3.org/2000/svg"><rect style="fill:#4a4a4a;fill-opacity:1;stroke:none;stroke-width:1;marker:none" width="48" height="26" x="-48" ry="13" fill="#3081e3" rx="13" transform="scale(-1 1)"/><rect ry="11" rx="11" y="3" x="-24" height="22" width="22" style="fill:#000;fill-opacity:.2;stroke:none;stroke-width:.999999;marker:none" fill="#f8f7f7" transform="scale(-1 1)"/><rect ry="11" rx="11" y="2" x="-24" height="22" width="22" style="fill:#fff;fill-opacity:1;stroke:none;stroke-width:.999999;marker:none" fill="#f8f7f7" transform="scale(-1 1)"/></svg> (uuay)checkbox-focused-prussiangreen.svg / <svg width="24" height="24" xmlns="http://www.w3.org/2000/svg"><rect x="1.5" y="1.5" width="21" height="21" rx="3" fill="#2c7775" stroke="#4cbdba" stroke-linejoin="round"/><path d="m20.16 7.527-1.253-1.414-.118.104-8.478 7.426-4.97-4.263-1.503 1.699 6.474 6.811z" fill="#fff" fill-rule="evenodd"/></svg> (uuay)shell/ � checkbox-off-focused-magenta.svg � <svg width="24" height="24" xmlns="http://www.w3.org/2000/svg"><rect x="1.5" y="1.5" width="21" height="21" fill="#bababa" stroke="#cd89cd" stroke-linejoin="round" rx="3" style="fill:#F7F7F7"/></svg> (uuay)checkbox-olive-dark.svg G <svg width="24" height="24" xmlns="http://www.w3.org/2000/svg"><rect x="1.5" y="1.5" width="21" height="21" fill="#4B8501" stroke="#4B8501" stroke-linejoin="round" style="stroke-width:1" rx="3"/><path d="m20.16 7.527-1.253-1.414-.118.104-8.478 7.426-4.97-4.263-1.503 1.699 6.474 6.811z" fill="#fff" fill-rule="evenodd"/></svg> (uuay)checkbox-off-viridian-dark.svg � <svg width="24" height="24" xmlns="http://www.w3.org/2000/svg"><rect x="1.5" y="1.5" width="21" height="21" rx="3" fill="#4a4a4a" stroke="#464646" stroke-linejoin="round" style="fill:#222222;stroke:#494949"/></svg> (uuay)checkbox-off-focused-light.svg � <svg width="24" height="24" xmlns="http://www.w3.org/2000/svg"><rect x="1.5" y="1.5" width="21" height="21" fill="#bababa" stroke="#f1916f" stroke-linejoin="round" rx="3" style="fill:#F7F7F7"/></svg> (uuay)checkbox-off-focused-purple.svg � <svg width="24" height="24" xmlns="http://www.w3.org/2000/svg"><rect x="1.5" y="1.5" width="21" height="21" fill="#bababa" stroke="#b4a9e9" stroke-linejoin="round" rx="3" style="fill:#F7F7F7"/></svg> (uuay)toggle-on-viridian.svg Q <svg viewBox="0 0 48 26" xmlns="http://www.w3.org/2000/svg"><g transform="translate(0 -291.18)"><rect y="291.18" width="48" height="26" rx="13" ry="13" fill="#03875B"/><rect x="24" y="294.18" width="22" height="22" rx="11" ry="11" fill-opacity=".2"/><rect x="24" y="293.18" width="22" height="22" rx="11" ry="11" fill="#fff"/></g></svg> (uuay)checkbox-dark.svg G <svg width="24" height="24" xmlns="http://www.w3.org/2000/svg"><rect x="1.5" y="1.5" width="21" height="21" fill="#E95420" stroke="#E95420" stroke-linejoin="round" style="stroke-width:1" rx="3"/><path d="m20.16 7.527-1.253-1.414-.118.104-8.478 7.426-4.97-4.263-1.503 1.699 6.474 6.811z" fill="#fff" fill-rule="evenodd"/></svg> (uuay)toggle-off-sage.svg P <svg width="48" height="26" xmlns="http://www.w3.org/2000/svg"><rect style="fill:#bababa;fill-opacity:1;stroke:none;stroke-width:1;marker:none" width="48" height="26" x="-48" ry="13" fill="#3081e3" rx="13" transform="scale(-1 1)"/><rect ry="11" rx="11" y="3" x="-24" height="22" width="22" style="fill:#000;fill-opacity:.2;stroke:none;stroke-width:.999999;marker:none" fill="#f8f7f7" transform="scale(-1 1)"/><rect ry="11" rx="11" y="2" x="-24" height="22" width="22" style="fill:#fff;fill-opacity:1;stroke:none;stroke-width:.999999;marker:none" fill="#f8f7f7" transform="scale(-1 1)"/></svg> (uuay)toggle-off-olive.svg P <svg width="48" height="26" xmlns="http://www.w3.org/2000/svg"><rect style="fill:#bababa;fill-opacity:1;stroke:none;stroke-width:1;marker:none" width="48" height="26" x="-48" ry="13" fill="#3081e3" rx="13" transform="scale(-1 1)"/><rect ry="11" rx="11" y="3" x="-24" height="22" width="22" style="fill:#000;fill-opacity:.2;stroke:none;stroke-width:.999999;marker:none" fill="#f8f7f7" transform="scale(-1 1)"/><rect ry="11" rx="11" y="2" x="-24" height="22" width="22" style="fill:#fff;fill-opacity:1;stroke:none;stroke-width:.999999;marker:none" fill="#f8f7f7" transform="scale(-1 1)"/></svg> (uuay)toggle-off-viridian.svg P <svg width="48" height="26" xmlns="http://www.w3.org/2000/svg"><rect style="fill:#bababa;fill-opacity:1;stroke:none;stroke-width:1;marker:none" width="48" height="26" x="-48" ry="13" fill="#3081e3" rx="13" transform="scale(-1 1)"/><rect ry="11" rx="11" y="3" x="-24" height="22" width="22" style="fill:#000;fill-opacity:.2;stroke:none;stroke-width:.999999;marker:none" fill="#f8f7f7" transform="scale(-1 1)"/><rect ry="11" rx="11" y="2" x="-24" height="22" width="22" style="fill:#fff;fill-opacity:1;stroke:none;stroke-width:.999999;marker:none" fill="#f8f7f7" transform="scale(-1 1)"/></svg> (uuay)checkbox-off-prussiangreen.svg � <svg width="24" height="24" xmlns="http://www.w3.org/2000/svg"><rect x="1.5" y="1.5" width="21" height="21" rx="3" fill="#bababa" stroke="#c7c7c7" stroke-linejoin="round" style="fill:#F7F7F7;stroke:#d4d4d4"/></svg> (uuay)checkbox-off-bark-dark.svg � <svg width="24" height="24" xmlns="http://www.w3.org/2000/svg"><rect x="1.5" y="1.5" width="21" height="21" rx="3" fill="#4a4a4a" stroke="#464646" stroke-linejoin="round" style="fill:#222222;stroke:#494949"/></svg> (uuay)checkbox-off-bark.svg � <svg width="24" height="24" xmlns="http://www.w3.org/2000/svg"><rect x="1.5" y="1.5" width="21" height="21" rx="3" fill="#bababa" stroke="#c7c7c7" stroke-linejoin="round" style="fill:#F7F7F7;stroke:#d4d4d4"/></svg> (uuay)checkbox-olive.svg G <svg width="24" height="24" xmlns="http://www.w3.org/2000/svg"><rect x="1.5" y="1.5" width="21" height="21" fill="#4B8501" stroke="#4B8501" stroke-linejoin="round" style="stroke-width:1" rx="3"/><path d="m20.16 7.527-1.253-1.414-.118.104-8.478 7.426-4.97-4.263-1.503 1.699 6.474 6.811z" fill="#fff" fill-rule="evenodd"/></svg> (uuay)gnome-shell-purple-dark.css 0� /* This stylesheet is generated, DO NOT EDIT */ /* Copyright 2009, 2015 Red Hat, Inc. * * Portions adapted from Mx's data/style/default.css * Copyright 2009 Intel Corporation * * This program is free software; you can redistribute it and/or modify it * under the terms and conditions of the GNU Lesser General Public License, * version 2.1, as published by the Free Software Foundation. * * This program is distributed in the hope it will be useful, but WITHOUT ANY * WARRANTY; without even the implied warranty of MERCHANTABILITY or FITNESS * FOR A PARTICULAR PURPOSE. See the GNU Lesser General Public License for * more details. * * You should have received a copy of the GNU Lesser General Public License * along with this program; if not, write to the Free Software Foundation, * Inc., 51 Franklin St - Fifth Floor, Boston, MA 02110-1301 USA. */ /* Global Values */ stage { font-size: 11pt; color: #F7F7F7; } /* Common Stylings */ .screenshot-ui-panel, .workspace-switcher, .switcher-list, .resize-popup, .osd-monitor-label, .osd-window { color: #eeeeec; background-color: rgba(29, 29, 29, 0.975); border: 1px solid #464646; border-radius: 999px; padding: 12px; box-shadow: 0 3px 9px 1px rgba(0, 0, 0, 0.5); } .workspace-thumbnails .workspace-thumbnail { color: #eeeeec; background-color: rgba(238, 238, 236, 0.1); } .app-well-app.app-folder .overview-icon, .app-folder.grid-search-result .overview-icon, .app-well-app .overview-icon, .grid-search-result .overview-icon, .dash-item-container .show-apps .overview-icon, .list-search-result, .search-provider-icon, .switcher-list .item-box { border-radius: 12px; padding: 6px; spacing: 6px; border: 2px solid transparent; transition-duration: 100ms; text-align: center; color: #eeeeec; } .modal-dialog { color: #F7F7F7; background-color: #1d1d1d; border-radius: 8.5px; border: 1px solid rgba(247, 247, 247, 0.15); } #LookingGlassDialog > #Toolbar .lg-toolbar-button, .pad-osd-window .button, .button, .app-folder-dialog .folder-name-container .edit-folder-button { border-radius: 4px; border-style: solid; border-width: 1px; font-weight: bold; padding: 3px 24px; color: #F7F7F7; background-color: #2c2c2c; } #LookingGlassDialog > #Toolbar .lg-toolbar-button:focus, .button:focus, .app-folder-dialog .folder-name-container .edit-folder-button:focus { color: #F7F7F7; background-color: #2c2c2c; box-shadow: inset 0 0 0 2px #a99de6; } #LookingGlassDialog > #Toolbar .lg-toolbar-button:focus:hover, .button:focus:hover, .app-folder-dialog .folder-name-container .edit-folder-button:focus:hover { background-color: #343434; box-shadow: inset 0 0 0 2px #a99de6; } #LookingGlassDialog > #Toolbar .lg-toolbar-button:focus:active, .button:focus:active, .app-folder-dialog .folder-name-container .edit-folder-button:focus:active { background-color: #3b3b3b; box-shadow: inset 0 0 0 2px #a99de6; } #LookingGlassDialog > #Toolbar .lg-toolbar-button:hover, .button:hover, .app-folder-dialog .folder-name-container .edit-folder-button:hover { color: #F7F7F7; background-color: #343434; } #LookingGlassDialog > #Toolbar .lg-toolbar-button:insensitive, .button:insensitive, .app-folder-dialog .folder-name-container .edit-folder-button:insensitive { color: rgba(247, 247, 247, 0.5); background-color: rgba(247, 247, 247, 0.05); } #LookingGlassDialog > #Toolbar .lg-toolbar-button:active, .button:active, .app-folder-dialog .folder-name-container .edit-folder-button:active { color: #F7F7F7; background-color: #3b3b3b; } #LookingGlassDialog > #Toolbar .lg-toolbar-button:checked, .button:checked, .app-folder-dialog .folder-name-container .edit-folder-button:checked { color: #F7F7F7; background-color: #434343; } #LookingGlassDialog > #Toolbar .lg-toolbar-button:checked:hover, .button:checked:hover, .app-folder-dialog .folder-name-container .edit-folder-button:checked:hover { background-color: #4b4b4b; } #LookingGlassDialog > #Toolbar .lg-toolbar-button:checked:active, .button:checked:active, .app-folder-dialog .folder-name-container .edit-folder-button:checked:active { background-color: #525252; } .app-folder-dialog .folder-name-container .edit-folder-button { color: #F7F7F7; background-color: #2c2c2c; } .app-folder-dialog .folder-name-container .edit-folder-button:focus { color: #F7F7F7; background-color: #2c2c2c; box-shadow: inset 0 0 0 2px #a99de6; } .app-folder-dialog .folder-name-container .edit-folder-button:focus:hover { background-color: #343434; box-shadow: inset 0 0 0 2px #a99de6; } .app-folder-dialog .folder-name-container .edit-folder-button:focus:active { background-color: #3b3b3b; box-shadow: inset 0 0 0 2px #a99de6; } .app-folder-dialog .folder-name-container .edit-folder-button:hover { color: #F7F7F7; background-color: #343434; } .app-folder-dialog .folder-name-container .edit-folder-button:insensitive { color: rgba(247, 247, 247, 0.5); background-color: rgba(247, 247, 247, 0.05); } .app-folder-dialog .folder-name-container .edit-folder-button:active { color: #F7F7F7; background-color: #3b3b3b; } .app-folder-dialog .folder-name-container .edit-folder-button:checked { color: #F7F7F7; background-color: #434343; } .app-folder-dialog .folder-name-container .edit-folder-button:checked:hover { background-color: #4b4b4b; } .app-folder-dialog .folder-name-container .edit-folder-button:checked:active { background-color: #525252; } .modal-dialog .modal-dialog-linked-button, .hotplug-notification-item, .notification-banner .notification-button { padding: 12px; color: #F7F7F7; background-color: #2c2c2c; } .modal-dialog .modal-dialog-linked-button:ltr, .hotplug-notification-item:ltr, .notification-banner .notification-button:ltr { margin-right: 1px; } .modal-dialog .modal-dialog-linked-button:rtl, .hotplug-notification-item:rtl, .notification-banner .notification-button:rtl { margin-left: 1px; } .modal-dialog .modal-dialog-linked-button:insensitive, .hotplug-notification-item:insensitive, .notification-banner .notification-button:insensitive { color: rgba(247, 247, 247, 0.5); background-color: rgba(247, 247, 247, 0.05); } .modal-dialog .modal-dialog-linked-button:focus, .hotplug-notification-item:focus, .notification-banner .notification-button:focus { color: #F7F7F7; background-color: #2c2c2c; box-shadow: inset 0 0 0 2px #a99de6; } .modal-dialog .modal-dialog-linked-button:focus:hover, .hotplug-notification-item:focus:hover, .notification-banner .notification-button:focus:hover { background-color: #343434; box-shadow: inset 0 0 0 2px #a99de6; } .modal-dialog .modal-dialog-linked-button:focus:active, .hotplug-notification-item:focus:active, .notification-banner .notification-button:focus:active { background-color: #3b3b3b; box-shadow: inset 0 0 0 2px #a99de6; } .modal-dialog .modal-dialog-linked-button:hover, .hotplug-notification-item:hover, .notification-banner .notification-button:hover { color: #F7F7F7; background-color: #343434; } .modal-dialog .modal-dialog-linked-button:active, .hotplug-notification-item:active, .notification-banner .notification-button:active { color: #F7F7F7; background-color: #3b3b3b; } .modal-dialog .modal-dialog-linked-button:first-child:ltr, .hotplug-notification-item:first-child:ltr, .notification-banner .notification-button:first-child:ltr { border-radius: 0 0 0 7.5px; } .modal-dialog .modal-dialog-linked-button:last-child:ltr, .hotplug-notification-item:last-child:ltr, .notification-banner .notification-button:last-child:ltr { border-radius: 0 0 7.5px 0; margin-right: 0 !important; } .modal-dialog .modal-dialog-linked-button:first-child:rtl, .hotplug-notification-item:first-child:rtl, .notification-banner .notification-button:first-child:rtl { border-radius: 0 0 7.5px 0; margin-left: 0 !important; } .modal-dialog .modal-dialog-linked-button:last-child:rtl, .hotplug-notification-item:last-child:rtl, .notification-banner .notification-button:last-child:rtl { border-radius: 0 0 0 7.5px; margin-right: 0 !important; } .modal-dialog .modal-dialog-linked-button:first-child:last-child, .hotplug-notification-item:first-child:last-child, .notification-banner .notification-button:first-child:last-child { border-radius: 0 0 7.5px 7.5px !important; margin-left: 0 !important; margin-right: 0 !important; } .screenshot-ui-show-pointer-button, .screenshot-ui-type-button { background-color: transparent; background-color: none; } .screenshot-ui-show-pointer-button:insensitive, .screenshot-ui-type-button:insensitive { color: rgba(247, 247, 247, 0.5); background-color: rgba(247, 247, 247, 0.05); background-color: transparent; color: rgba(255, 255, 255, 0.5); } .screenshot-ui-show-pointer-button:insensitive, .screenshot-ui-type-button:insensitive { background-color: transparent; background-color: none; } .screenshot-ui-show-pointer-button:insensitive:insensitive, .screenshot-ui-type-button:insensitive:insensitive { color: rgba(247, 247, 247, 0.5); background-color: rgba(247, 247, 247, 0.05); background-color: transparent; color: rgba(255, 255, 255, 0.5); } .screenshot-ui-show-pointer-button:focus, .screenshot-ui-type-button:focus { color: #eeeeec; background-color: rgba(44, 44, 44, 0.97675); box-shadow: inset 0 0 0 2px #a99de6; } .screenshot-ui-show-pointer-button:focus:hover, .screenshot-ui-type-button:focus:hover { background-color: rgba(52, 52, 52, 0.97675); box-shadow: inset 0 0 0 2px #a99de6; } .screenshot-ui-show-pointer-button:focus:active, .screenshot-ui-type-button:focus:active { background-color: rgba(59, 59, 59, 0.97675); box-shadow: inset 0 0 0 2px #a99de6; } .screenshot-ui-show-pointer-button:hover, .screenshot-ui-type-button:hover { color: #eeeeec; background-color: rgba(52, 52, 52, 0.97675); } .screenshot-ui-show-pointer-button:active, .screenshot-ui-type-button:active { color: #eeeeec; background-color: rgba(59, 59, 59, 0.97675); } .screenshot-ui-show-pointer-button:outlined, .screenshot-ui-type-button:outlined, .screenshot-ui-show-pointer-button:checked, .screenshot-ui-type-button:checked { color: #eeeeec; background-color: rgba(67, 67, 67, 0.97675); } .screenshot-ui-show-pointer-button:outlined:hover, .screenshot-ui-type-button:outlined:hover, .screenshot-ui-show-pointer-button:checked:hover, .screenshot-ui-type-button:checked:hover { background-color: rgba(75, 75, 75, 0.97675); } .screenshot-ui-show-pointer-button:outlined:active, .screenshot-ui-type-button:outlined:active, .screenshot-ui-show-pointer-button:checked:active, .screenshot-ui-type-button:checked:active { background-color: rgba(82, 82, 82, 0.97675); } /* General Typography */ .app-folder-dialog .folder-name-container .folder-name-label, .app-folder-dialog .folder-name-container .folder-name-entry, .search-statustext { font-weight: 800; font-size: 20pt; } .lg-debug-flags-header, .message-dialog-content .message-dialog-title, .message-list .message-list-placeholder, .datemenu-today-button .date-label { font-weight: 800; font-size: 15pt; } .nm-dialog-airplane-headline { font-weight: 700; font-size: 15pt; } .message-dialog-content .message-dialog-title.lightweight, .headline { font-weight: 700; font-size: 13pt; } .lg-extension-name, .osd-window, .nm-dialog-header, .dialog-list .dialog-list-title, .message-list-controls, .weather-button .weather-forecast-temp, .weather-button .weather-header, .world-clocks-button .world-clocks-time, .world-clocks-button .world-clocks-header, .events-button .events-title, .calendar .calendar-month-header .calendar-month-label, .datemenu-today-button .day-label, .popup-menu-ornament { font-weight: 700; font-size: 11pt; } .app-menu .popup-inactive-menu-item:first-child > StLabel { font-weight: 700; font-size: 9pt; } .login-dialog-not-listed-label, .lg-completions-text, .caps-lock-warning-label, #dash, .icon-label-button-container, .prompt-dialog-error-label, .prompt-dialog-info-label, .prompt-dialog-null-label, .run-dialog .run-dialog-description, .dialog-list .dialog-list-box .dialog-list-item .dialog-list-item-description, .weather-button .weather-forecast-time, .world-clocks-button .world-clocks-timezone, .events-button .event-time { font-weight: 400; font-size: 9pt; } .calendar .calendar-day-base.calendar-day-heading, .calendar .calendar-day-base { font-weight: 400; font-size: 8pt; } .unlock-dialog-clock-time, #panel, .weather-button .weather-forecast-time, .world-clocks-button .world-clocks-timezone, .world-clocks-button .world-clocks-time, .events-button .event-time, .calendar .calendar-day-base { font-feature-settings: "tnum"; } /* WIDGETS */ .shell-link { color: #bfb5ed; } .shell-link:hover { color: #e2def7; } .lowres-icon { icon-shadow: 0 1px 2px rgba(0, 0, 0, 0.3); } .icon-dropshadow { icon-shadow: 0 1px 5px rgba(0, 0, 0, 0.8); } /* Entries */ StEntry { min-height: 22px; border-radius: 6px; padding: 8px; border-width: 1px; color: #F7F7F7; background-color: #1d1d1d; color: rgba(247, 247, 247, 0.7); border: 1px solid #464646; selection-background-color: #7764D8; selected-color: #FFFFFF; } StEntry:hover { background-color: #1d1d1d; border-color: #535353; color: #F7F7F7; } StEntry:focus { background-color: #1d1d1d; border-color: #a99de6; box-shadow: 0 0 0 1px #a99de6 inset; color: #F7F7F7; } StEntry:insensitive { background-color: #2c2c2c; border-color: #2c2c2c; color: #8a8a8a; } StEntry StIcon.capslock-warning { icon-size: 16px; warning-color: #f99b11; padding: 0 4px; } StEntry StIcon.peek-password { icon-size: 1.09em; padding: 0 4px; } StEntry StLabel.hint-text { margin-left: 2px; color: rgba(247, 247, 247, 0.7); } /* Buttons */ .button { min-height: 22px; } /* Check Boxes */ .check-box StBoxLayout { spacing: .8em; } .check-box StBin { width: 24px; height: 22px; background-image: url("resource:///org/gnome/shell/theme/checkbox-off-purple-dark.svg"); } .check-box:focus StBin { background-image: url("resource:///org/gnome/shell/theme/checkbox-off-focused-purple-dark.svg"); } .check-box:checked StBin { background-image: url("resource:///org/gnome/shell/theme/checkbox-purple-dark.svg"); } .check-box:focus:checked StBin { background-image: url("resource:///org/gnome/shell/theme/checkbox-focused-purple-dark.svg"); } /* Switches */ .toggle-switch { color: #F7F7F7; height: 26px; width: 48px; background-size: contain; background-image: url("resource:///org/gnome/shell/theme/toggle-off-purple-dark.svg"); } .toggle-switch:checked { background-image: url("resource:///org/gnome/shell/theme/toggle-on-purple-dark.svg"); } /* Slider */ .slider { -barlevel-height: 4px; -barlevel-background-color: rgba(247, 247, 247, 0.2); -barlevel-border-width: 2px; -barlevel-border-color: transparent; -barlevel-active-background-color: #7764D8; -barlevel-active-border-color: transparent; -barlevel-overdrive-color: #991121; -barlevel-overdrive-border-color: transparent; -barlevel-overdrive-separator-width: 1px; -slider-handle-border-width: 0; -slider-handle-border-color: transparent; -slider-handle-radius: 8px; color: #fcfcfc; height: 16px; } /* Scrollbars */ StScrollView.vfade { -st-vfade-offset: 68px; } StScrollView.hfade { -st-hfade-offset: 68px; } StScrollBar { padding: 0; } StScrollView StScrollBar { min-width: 8px; min-height: 8px; } StScrollBar StBin#trough { border-radius: 0; background-color: transparent; } StScrollBar StButton#vhandle, StScrollBar StButton#hhandle { border-radius: 8px; background-color: #5e5e5e; border: 3px solid transparent; transition: 500ms all ease; } StScrollBar StButton#vhandle:hover, StScrollBar StButton#hhandle:hover { background-color: #8a8a8a; } StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { background-color: #747474; } /* Popovers/Menus */ .popup-menu-boxpointer, .candidate-popup-boxpointer { -arrow-rise: 6px; } .popup-menu { min-width: 15em; color: #F7F7F7; } .popup-menu.panel-menu { margin-bottom: 1.75em; } .popup-menu-content, .candidate-popup-content { padding: 6px; border-radius: 10px; border: 1px solid rgba(247, 247, 247, 0.15); box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.1); background-color: #1d1d1d; } .popup-menu-item { padding: 9px 12px; border-radius: 6px; spacing: 6px; transition: 0.2s all ease; background-color: transparent; } .popup-menu-item:ltr { padding-left: 6px; } .popup-menu-item:rtl { padding-right: 6px; } .popup-menu-item:focus, .popup-menu-item:hover { background-color: rgba(247, 247, 247, 0.1) !important; } .popup-menu-item:focus:active, .popup-menu-item:hover:active { background-color: rgba(247, 247, 247, 0.2) !important; } .popup-menu-item:checked { background-color: #343434 !important; } .popup-menu-item:checked { margin-bottom: 0; box-shadow: inset 0 -1px 0 0 #272727; border-radius: 6px 6px 0 0; } .popup-menu-item:checked:focus, .popup-menu-item:checked:hover { background-color: #434343 !important; } .popup-menu-item:checked:active { background-color: #4b4b4b !important; } .popup-menu-item:active { background-color: #4b4b4b; color: #efefef; } .popup-menu-item:insensitive { color: rgba(247, 247, 247, 0.5); } .popup-menu-item .toggle-switch:ltr { margin-left: 4px; } .popup-menu-item .toggle-switch:rtl { margin-right: 4px; } .popup-inactive-menu-item { color: #F7F7F7; } .popup-inactive-menu-item:insensitive { color: #8a8a8a; } .popup-menu-arrow, .popup-menu-icon { icon-size: 16px !important; } .popup-sub-menu { background-color: #343434; border-radius: 0 0 6px 6px; } .popup-sub-menu .popup-menu-ornament { min-width: 1.09em !important; } .popup-sub-menu .popup-menu-item { border-radius: 0; margin: 0; } .popup-sub-menu .popup-menu-item:last-child { border-radius: 0 0 6px 6px; } .popup-sub-menu .popup-menu-item:focus, .popup-sub-menu .popup-menu-item:hover { background-color: rgba(255, 255, 255, 0.1) !important; } .popup-sub-menu .popup-menu-item:checked { background-color: #4e4e4e !important; } .popup-sub-menu .popup-menu-item:checked:focus, .popup-sub-menu .popup-menu-item:checked:hover { background-color: #484848 !important; } .popup-sub-menu .popup-menu-item:active { background-color: rgba(255, 255, 255, 0.2) !important; } .popup-sub-menu .popup-menu-section .popup-menu-item:last-child:hover, .popup-sub-menu .popup-menu-section .popup-menu-item:last-child:focus { border-radius: 0; } .popup-sub-menu .popup-menu-section:last-child .popup-menu-item:last-child { border-radius: 0 0 6px 6px; } .popup-menu-ornament { width: 1.2em; text-align: center !important; } .popup-menu-ornament:ltr { text-align: right; } .popup-menu-ornament:rtl { text-align: left; } .popup-separator-menu-item { margin: 6px 0; padding: 0 !important; } .popup-separator-menu-item:ltr { margin-right: 4px; } .popup-separator-menu-item:rtl { margin-left: 4px; } .popup-separator-menu-item .popup-separator-menu-item-separator { height: 1px; background-color: #464646; } .popup-separator-menu-item .popup-menu-ornament { width: 0 !important; } .popup-sub-menu .popup-separator-menu-item { background-color: transparent; } .popup-sub-menu .popup-separator-menu-item:ltr { margin-right: 2.5em; } .popup-sub-menu .popup-separator-menu-item:rtl { margin-left: 2.5em; } .popup-sub-menu .popup-separator-menu-item .popup-separator-menu-item-separator { background-color: #585858; } .background-menu { -boxpointer-gap: 0px; -arrow-rise: 0px; } .aggregate-menu { min-width: 22em; } .aggregate-menu .popup-menu-ornament { width: 0 !important; } .aggregate-menu .popup-menu-icon { -st-icon-style: symbolic; } .aggregate-menu .popup-menu-icon:ltr { margin-right: 8px; } .aggregate-menu .popup-menu-icon:rtl { margin-left: 8px; } .aggregate-menu .popup-sub-menu .popup-menu-item > :first-child:ltr { margin-left: 1em; } .aggregate-menu .popup-sub-menu .popup-menu-item > :first-child:rtl { margin-right: 1em; } .app-menu { max-width: 27.25em; } .app-menu .popup-menu-ornament { width: 0 !important; } .app-menu .popup-inactive-menu-item:first-child > StLabel:ltr { margin-right: 8px; } .app-menu .popup-inactive-menu-item:first-child > StLabel:rtl { margin-left: 8px; } /* Date/Time Menu */ #calendarArea { padding: 4px; } .datemenu-calendar-column { spacing: 6px; } .datemenu-calendar-column:ltr { padding-left: 6px; } .datemenu-calendar-column:rtl { padding-right: 6px; } .datemenu-calendar-column .datemenu-displays-box { spacing: 6px; } /* today button (the date) */ .datemenu-today-button { border-radius: 6px; margin: 4px; box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.1); background-color: transparent; background-color: none; box-shadow: none !important; padding: 9px; } .datemenu-today-button:insensitive { color: rgba(247, 247, 247, 0.5); background-color: rgba(247, 247, 247, 0.05); background-color: transparent; color: rgba(255, 255, 255, 0.5); } .datemenu-today-button:focus { color: #F7F7F7; background-color: #2c2c2c; box-shadow: inset 0 0 0 2px #a99de6; } .datemenu-today-button:focus:hover { background-color: #343434; box-shadow: inset 0 0 0 2px #a99de6; } .datemenu-today-button:focus:active { background-color: #3b3b3b; box-shadow: inset 0 0 0 2px #a99de6; } .datemenu-today-button:hover { color: #F7F7F7; background-color: #343434; } .datemenu-today-button:active { color: #F7F7F7; background-color: #3b3b3b; } .datemenu-today-button:insensitive .day-label, .datemenu-today-button:insensitive .date-label { color: #8a8a8a; } /* Calendar */ .calendar { border-radius: 6px; margin: 4px; box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.1); background-color: transparent; background-color: none; box-shadow: none !important; margin-top: 0; } .calendar:insensitive { color: rgba(247, 247, 247, 0.5); background-color: rgba(247, 247, 247, 0.05); background-color: transparent; color: rgba(255, 255, 255, 0.5); } .calendar:focus { color: #F7F7F7; background-color: #2c2c2c; box-shadow: inset 0 0 0 2px #a99de6; } .calendar:focus:hover { background-color: #343434; box-shadow: inset 0 0 0 2px #a99de6; } .calendar:focus:active { background-color: #3b3b3b; box-shadow: inset 0 0 0 2px #a99de6; } .calendar:hover { color: #F7F7F7; background-color: #343434; } .calendar:active { color: #F7F7F7; background-color: #3b3b3b; } .calendar .calendar-month-header .calendar-change-month-back StIcon, .calendar .calendar-month-header .calendar-change-month-forward StIcon { icon-size: 1.09em; } .calendar .calendar-month-header .calendar-month-label { color: white; padding: 8px 0; } .calendar .calendar-month-header .pager-button { background-color: transparent; height: 32px; width: 32px; margin: 2px; border-radius: 4px; } .calendar .calendar-month-header .pager-button:hover, .calendar .calendar-month-header .pager-button:focus { background-color: rgba(247, 247, 247, 0.1); } .calendar .calendar-month-header .pager-button:active { background-color: rgba(247, 247, 247, 0.2); } .calendar .calendar-day-base { text-align: center; margin: 2px; padding: 0 !important; height: 3em !important; width: 3em !important; border-radius: 99px; } .calendar .calendar-day-base:hover { background-color: rgba(247, 247, 247, 0.1); } .calendar .calendar-day-base:focus { background-color: #2f2b42; box-shadow: inset 0 0 0 2px rgba(119, 100, 216, 0.6); } .calendar .calendar-day-base:active, .calendar .calendar-day-base:selected { color: #efefef; background-color: rgba(247, 247, 247, 0.2); } .calendar .calendar-day-base:active:focus, .calendar .calendar-day-base:selected:focus { background-color: rgba(158, 145, 226, 0.36); } .calendar .calendar-day-base.calendar-day-heading { color: #8a8a8a; padding-top: 6px; height: 16px !important; font-weight: bold; } .calendar .calendar-nonwork-day { color: #8a8a8a; } .calendar .calendar-other-month-day { color: rgba(247, 247, 247, 0.5); } .calendar .calendar-other-month-day.calendar-nonwork-day { color: rgba(138, 138, 138, 0.5); } .calendar .calendar-today { background-color: #7764D8; font-weight: 800; color: #FFFFFF !important; } .calendar .calendar-today:hover, .calendar .calendar-today:focus { background-color: #8270db; color: inherit; } .calendar .calendar-today:active, .calendar .calendar-today:selected { background-color: #7764D8; color: inherit; } .calendar .calendar-today:active:hover, .calendar .calendar-today:active:focus, .calendar .calendar-today:selected:hover, .calendar .calendar-today:selected:focus { background-color: #8270db; color: inherit; } .calendar .calendar-day-with-events { background-image: url("resource:///org/gnome/shell/theme/calendar-today.svg"); background-size: contain; } .calendar .calendar-week-number { font-size: 7pt; font-weight: bold; font-feature-settings: "tnum"; margin: 6px; padding: 0 6px; border-radius: 3px; background-color: #181818; color: #8a8a8a; } /* Events */ .events-button { border-radius: 6px; margin: 4px; box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.1); color: #F7F7F7; background-color: #2c2c2c; padding: 12px; } .events-button:focus { color: #F7F7F7; background-color: #2c2c2c; box-shadow: inset 0 0 0 2px #a99de6; } .events-button:focus:hover { background-color: #343434; box-shadow: inset 0 0 0 2px #a99de6; } .events-button:focus:active { background-color: #3b3b3b; box-shadow: inset 0 0 0 2px #a99de6; } .events-button:hover { color: #F7F7F7; background-color: #343434; } .events-button:active { color: #F7F7F7; background-color: #3b3b3b; } .events-button .events-box { spacing: 6px; } .events-button .events-list { spacing: 12px; } .events-button .events-title { color: #8a8a8a; margin-bottom: 4px; } .events-button .event-time { color: #8a8a8a; } /* World clocks */ .world-clocks-button { border-radius: 6px; margin: 4px; box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.1); color: #F7F7F7; background-color: #2c2c2c; padding: 12px; } .world-clocks-button:focus { color: #F7F7F7; background-color: #2c2c2c; box-shadow: inset 0 0 0 2px #a99de6; } .world-clocks-button:focus:hover { background-color: #343434; box-shadow: inset 0 0 0 2px #a99de6; } .world-clocks-button:focus:active { background-color: #3b3b3b; box-shadow: inset 0 0 0 2px #a99de6; } .world-clocks-button:hover { color: #F7F7F7; background-color: #343434; } .world-clocks-button:active { color: #F7F7F7; background-color: #3b3b3b; } .world-clocks-button .world-clocks-grid { spacing-rows: 6px; spacing-columns: 12px; } .world-clocks-button .world-clocks-header { color: #8a8a8a; } .world-clocks-button .world-clocks-city { color: #F7F7F7; } .world-clocks-button .world-clocks-time { color: #F7F7F7; } .world-clocks-button .world-clocks-time:ltr { text-align: right; } .world-clocks-button .world-clocks-time:rtl { text-align: left; } .world-clocks-button .world-clocks-timezone { color: #8a8a8a; } /* Weather */ .weather-button { border-radius: 6px; margin: 4px; box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.1); color: #F7F7F7; background-color: #2c2c2c; padding: 12px; } .weather-button:focus { color: #F7F7F7; background-color: #2c2c2c; box-shadow: inset 0 0 0 2px #a99de6; } .weather-button:focus:hover { background-color: #343434; box-shadow: inset 0 0 0 2px #a99de6; } .weather-button:focus:active { background-color: #3b3b3b; box-shadow: inset 0 0 0 2px #a99de6; } .weather-button:hover { color: #F7F7F7; background-color: #343434; } .weather-button:active { color: #F7F7F7; background-color: #3b3b3b; } .weather-button .weather-box { spacing: 10px; } .weather-button .weather-header-box { spacing: 6px; } .weather-button .weather-header { color: #8a8a8a; } .weather-button .weather-header.location { font-weight: normal; } .weather-button .weather-grid { spacing-rows: 6px; spacing-columns: 12px; } .weather-button .weather-forecast-time { color: #ababab; padding-top: 0.2em; padding-bottom: 0.4em; } .weather-button .weather-forecast-icon { icon-size: 2.18em; } /* Message List */ .message-list { width: 29em; border: solid #464646; } .message-list:ltr { margin-left: 0; margin-right: 4px; padding-right: 6px; border-right-width: 1px; } .message-list:rtl { margin-right: 0; margin-left: 4px; padding-left: 6px; border-left-width: 1px; } .message-list .message-list-placeholder { color: rgba(138, 138, 138, 0.5); } .message-list .message-list-placeholder > StIcon { icon-size: 3.27em; margin-bottom: 12px; -st-icon-style: symbolic; } .message-list-sections { spacing: 6px; margin: 0; padding-bottom: 6px; } .message-list-sections:ltr { margin-right: 12px; } .message-list-sections:rtl { margin-left: 12px; } .message-list-section, .message-list-section-list { spacing: 6px; } .message-list-controls { padding: 6px; spacing: 6px; } .message-list-controls .dnd-button { border-width: 2px; border-color: transparent; border-radius: 32px; border-style: solid; } .message-list-controls .dnd-button:focus { border-color: #a99de6; } .message { border-radius: 6px; margin: 4px; box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.1); color: #F7F7F7; background-color: #2c2c2c; } .message:focus { color: #F7F7F7; background-color: #2c2c2c; box-shadow: inset 0 0 0 2px #a99de6; } .message:focus:hover { background-color: #343434; box-shadow: inset 0 0 0 2px #a99de6; } .message:focus:active { background-color: #3b3b3b; box-shadow: inset 0 0 0 2px #a99de6; } .message:hover { color: #F7F7F7; background-color: #343434; } .message:active { color: #F7F7F7; background-color: #3b3b3b; } .message .message-icon-bin { padding: 18px; } .message .message-icon-bin:ltr { padding-right: 6px; } .message .message-icon-bin:rtl { padding-left: 6px; } .message .message-icon-bin > StIcon { icon-size: 2.18em; -st-icon-style: symbolic; } .message .message-icon-bin > .fallback-app-icon { width: 1.09em; height: 1.09em; } .message .message-content { spacing: 4px; padding: 9px; margin-bottom: 8px; } .message .message-title { font-weight: bold; /* HACK: the label should be baseline-aligned with a 1em label, fake this with some bottom padding */ padding-top: 0.57em; } .message .message-secondary-bin { padding: 0 8px; } .message .message-secondary-bin > .event-time { color: rgba(247, 247, 247, 0.5); font-size: 9pt; /* HACK: the label should be baseline-aligned with a 1em label, fake this with some bottom padding */ padding-bottom: 0.13em; } .message .message-secondary-bin > .event-time:ltr { text-align: right; } .message .message-secondary-bin > .event-time:rtl { text-align: left; } .message .message-close-button { color: #F7F7F7; background-color: rgba(247, 247, 247, 0.1); border-radius: 99px; padding: 5px; margin: 1px; } .message .message-close-button:hover { background-color: rgba(247, 247, 247, 0.2); } .message .message-close-button:active { background-color: rgba(247, 247, 247, 0.1); } .message .message-body { color: #dedede; } .url-highlighter { link-color: #bfb5ed; } /* Media Controls */ .message-media-control { padding: 0 18px; margin: 12px 0; border-radius: 6px; color: #F7F7F7; } .message-media-control:hover { background-color: rgba(255, 255, 255, 0.1); color: #F7F7F7; } .message-media-control:active { background-color: rgba(247, 247, 247, 0.2); color: #F7F7F7; } .message-media-control:insensitive { color: #979797; } .message-media-control:last-child:ltr { margin-right: 12px; } .message-media-control:last-child:rtl { margin-left: 12px; } .media-message-cover-icon { icon-size: 3.27em !important; border-radius: 6px; } .media-message-cover-icon.fallback { color: #cccccc; background-color: #1d1d1d; border: 1px solid transparent; border-radius: 6px; icon-size: 2.18em !important; padding: 14px; } .candidate-popup-content { padding: 6px; spacing: 6px; } .candidate-index { padding: 0; padding-right: 6px; color: #8a8a8a; } .candidate-box { padding: 6px 12px 6px 12px; border-radius: 6px; } .candidate-box:selected { background-color: #7764D8; color: #FFFFFF; } .candidate-box:hover { background-color: rgba(247, 247, 247, 0.1); color: #F7F7F7; } .candidate-page-button-box { height: 2em; } .vertical .candidate-page-button-box { padding-top: 12px; } .horizontal .candidate-page-button-box { padding-left: 12px; } .candidate-page-button { padding: 6px; } .candidate-page-button-previous { border-radius: 6px 0px 0px 6px; border-right-width: 0; box-shadow: none; } .candidate-page-button-next { border-radius: 0px 6px 6px 0px; box-shadow: none; } .candidate-page-button-icon { icon-size: 1.09em; } /* Notifications & Message Tray */ .notification-banner { min-height: 64px; width: 34em; box-shadow: 0 2px 4px 2px rgba(0, 0, 0, 0.1); border-radius: 9px; margin: 4px; background-color: #1d1d1d; } .notification-banner .notification-actions { spacing: 0; } .notification-banner:hover { background-color: #222222; } .notification-banner:active { background-color: #272727; } .notification-banner, .notification-banner:hover, .notification-banner:focus, .notification-banner:active { box-shadow: 0 0 4px 2px rgba(0, 0, 0, 0.1); border: 1px solid #464646; } .summary-source-counter { font-size: 10pt; font-weight: bold; height: 1.6em; width: 1.6em; -shell-counter-overlap-x: 3px; -shell-counter-overlap-y: 3px; background-color: #7764D8; color: #FFFFFF; border: 2px solid #F7F7F7; box-shadow: 0 2px 2px rgba(0, 0, 0, 0.5); border-radius: 0.9em; } .chat-body { spacing: 5px; } .chat-response { margin: 5px; } .chat-log-message { color: #dedede; } .chat-new-group { padding-top: 1em; } .chat-received { padding-left: 4px; } .chat-received:rtl { padding-left: 0px; padding-right: 4px; } .chat-sent { padding-left: 18pt; color: white; } .chat-sent:rtl { padding-left: 0; padding-right: 18pt; } .chat-meta-message { padding-left: 4px; font-size: 9pt; font-weight: bold; color: white; } .chat-meta-message:rtl { padding-left: 0; padding-right: 4px; } .hotplug-notification-item-icon { icon-size: 24px; padding: 0 4px; } /* Modal Dialogs */ .modal-dialog .modal-dialog-content-box { margin: 32px 40px; spacing: 32px; max-width: 28em; } /* End Session Dialog */ .end-session-dialog { width: 30em; } .end-session-dialog .end-session-dialog-battery-warning, .end-session-dialog .dialog-list-title { color: #f99b11; } /* Message Dialog */ .message-dialog-content { spacing: 18px; } .message-dialog-content .message-dialog-title { text-align: center; } .message-dialog-content .message-dialog-description { text-align: center; } /* Dialog List */ .dialog-list { spacing: 18px; } .dialog-list .dialog-list-title { text-align: center; } .dialog-list .dialog-list-scrollview { max-height: 200px; } .dialog-list .dialog-list-box { spacing: 1em; } .dialog-list .dialog-list-box .dialog-list-item { spacing: 1em; } .dialog-list .dialog-list-box .dialog-list-item .dialog-list-item-title { font-weight: bold; } .dialog-list .dialog-list-box .dialog-list-item .dialog-list-item-description { color: #eaeaea; } /* Run Dialog */ .run-dialog .modal-dialog-content-box { margin-top: 24px; margin-bottom: 14px; } .run-dialog .run-dialog-entry { width: 20em; } .run-dialog .run-dialog-description { text-align: center; color: #c4c4c4; } /* Password or Authentication Dialog */ .prompt-dialog { width: 28em; } .prompt-dialog .modal-dialog-content-box { margin-bottom: 24px; } .prompt-dialog-password-grid { spacing-rows: 8px; spacing-columns: 4px; } .prompt-dialog-password-grid .prompt-dialog-password-entry { width: auto; } .prompt-dialog-password-grid .prompt-dialog-password-entry:ltr { margin-left: 20px; } .prompt-dialog-password-grid .prompt-dialog-password-entry:rtl { margin-right: 20px; } .prompt-dialog-password-layout { spacing: 8px; } .prompt-dialog-password-entry { width: 20em; } .prompt-dialog-error-label, .prompt-dialog-info-label, .prompt-dialog-null-label { text-align: center; } .prompt-dialog-error-label { color: #f99b11; } /* Polkit Dialog */ .polkit-dialog-user-layout { text-align: center; spacing: 8px; margin-bottom: 6px; } .polkit-dialog-user-layout .polkit-dialog-user-root-label { color: #f99b11; } /* Audio selection dialog */ .audio-device-selection-dialog .modal-dialog-content-box { margin-bottom: 28px; } .audio-device-selection-dialog .audio-selection-box { spacing: 20px; } .audio-selection-device { border-radius: 12px; } .audio-selection-device:hover, .audio-selection-device:focus { background-color: rgba(247, 247, 247, 0.1); } .audio-selection-device:active { background-color: #7764D8; color: #FFFFFF; } .audio-selection-device-box { padding: 20px; spacing: 20px; } .audio-selection-device-icon { icon-size: 4.36em; } /* Welcome dialog */ .welcome-dialog-image { background-image: url("resource:///org/gnome/shell/theme/gnome-shell-start.svg"); background-size: contain; /* Reasonable maximum dimensions */ height: 300px; width: 300px; } /* Select Network dialogs */ .nm-dialog { max-height: 34em; min-height: 31em; min-width: 32em; } .nm-dialog-content { spacing: 20px; padding: 24px; } .nm-dialog-subheader { color: #8a8a8a; } .nm-dialog-header-icon { icon-size: 2.18em; } .nm-dialog-header-hbox { spacing: 10px; } .nm-dialog-scroll-view { padding: 6px; border-radius: 6px; background-color: #222222; } .nm-dialog-item { padding: 12px; } .nm-dialog-item:selected { background-color: #7764D8; border-radius: 3px; color: #FFFFFF; } .nm-dialog-item:hover { background-color: rgba(247, 247, 247, 0.1); } .nm-dialog-icon { icon-size: 1.09em; } .nm-dialog-icons { spacing: 12px; } .no-networks-box { spacing: 6px; } .no-networks-label { color: #8a8a8a; } .nm-dialog-airplane-box { text-align: center; spacing: 12px; } .nm-dialog-airplane-text { color: #8a8a8a; } /* OSD */ .osd-window { text-align: center; font-weight: bold; spacing: 12px; padding: 12px 18px; margin-bottom: 4em; } .osd-window > * { spacing: 8px; } .osd-window StIcon { icon-size: 2.18em; } .osd-window StLabel:ltr { margin-right: 6px; } .osd-window StLabel:rtl { margin-left: 6px; } .osd-window .level { margin-bottom: 4px; height: 6px; min-width: 10.9em; -barlevel-height: 6px; -barlevel-background-color: rgba(238, 238, 236, 0.1); -barlevel-active-background-color: #eeeeec; -barlevel-overdrive-color: #991121; -barlevel-overdrive-separator-width: 3px; } .osd-window .level:first-child { margin-bottom: 0px; } .osd-window .level:ltr { margin-right: 6px; } .osd-window .level:rtl { margin-left: 6px; } .osd-monitor-label { border-radius: 12px; font-size: 3em; font-weight: bold; margin: 12px; text-align: center; min-width: 1.3em; } /* Pad OSD */ .pad-osd-window { padding: 32px; background-color: rgba(29, 29, 29, 0.975); color: #eeeeec; } .pad-osd-window .button:insensitive { color: #F7F7F7; } .pad-osd-window .pad-osd-title-box { spacing: 12px; } .pad-osd-window .pad-osd-title-menu-box { spacing: 6px; } .combo-box-label { width: 15em; } /* App Switcher */ .switcher-popup { padding: 0; spacing: 24px; } .switcher-list { padding: 10px; border-radius: 20px; box-shadow: 0 8px 8px 0 rgba(0, 0, 0, 0.1); } .switcher-list .switcher-list-item-container { spacing: 12px; } .switcher-list .item-box { background-color: transparent; } .switcher-list .item-box:hover { background-color: rgba(238, 238, 236, 0.1); } .switcher-list .item-box:selected, .switcher-list .item-box:focus { background-color: rgba(238, 238, 236, 0.13); } .switcher-list .item-box:selected:hover, .switcher-list .item-box:focus:hover { background-color: rgba(238, 238, 236, 0.16); } .switcher-list .item-box:selected:active, .switcher-list .item-box:focus:active { background-color: rgba(238, 238, 236, 0.13); } .switcher-list .item-box:active { background-color: rgba(238, 238, 236, 0.16); } .switcher-list .item-box:outlined, .switcher-list .item-box:checked { background-color: rgba(238, 238, 236, 0.19); } .switcher-list .item-box:outlined:active, .switcher-list .item-box:checked:active { background-color: rgba(238, 238, 236, 0.22); } .switcher-list .item-box:outlined:hover, .switcher-list .item-box:checked:hover { background-color: rgba(238, 238, 236, 0.25); } .switcher-list .item-box:drop { border: 2px solid rgba(119, 100, 216, 0.8); background-color: rgba(119, 100, 216, 0.2); } .switcher-list .item-box:hover { background: none; } .switcher-list .separator { width: 1px; background: #464646; } .switcher-list .thumbnail-box { padding: 2px; spacing: 6px; } .switcher-list .thumbnail { width: 256px; border-radius: 6px; } .switcher-arrow { border-color: rgba(0, 0, 0, 0); color: rgba(238, 238, 236, 0.8); } .switcher-arrow:highlighted { border-color: #eeeeec; color: #eeeeec; } .input-source-switcher-symbol { font-size: 34pt; width: 96px; height: 96px; } .cycler-highlight { border: 5px solid #7764D8; } /* Workspace Switcher */ .workspace-switcher { margin-bottom: 4em; spacing: 12px; padding: 12px 18px; } .ws-switcher-indicator { background-color: rgba(238, 238, 236, 0.5); padding: 0.1816666667em; margin: 0.9083333333em; border-radius: 2.18em; } .ws-switcher-indicator:active { background-color: #eeeeec; padding: 0.3633333333em; margin: 0.7266666667em; } .icon-label-button-container { spacing: 6px; } .icon-label-button-container StIcon { icon-size: 32px; } .screenshot-ui-panel { border-radius: 33px; padding: 18px; padding-bottom: 12px; margin-bottom: 4em; spacing: 12px; } .screenshot-ui-close-button { padding: 6px; } .screenshot-ui-close-button.left { margin-left: 8px; } .screenshot-ui-close-button.right { margin-right: 8px; } .screenshot-ui-type-button { padding: 12px 18px !important; border-radius: 15px; } .screenshot-ui-capture-button { width: 36px; height: 36px; border-radius: 99px; border: 4px #eeeeec; padding: 4px; } .screenshot-ui-capture-button .screenshot-ui-capture-button-circle { background-color: #eeeeec; transition-duration: 200ms; border-radius: 99px; } .screenshot-ui-capture-button .screenshot-ui-capture-button-circle:hover, .screenshot-ui-capture-button .screenshot-ui-capture-button-circle:focus { background-color: rgba(247, 247, 247, 0.1); } .screenshot-ui-capture-button:hover .screenshot-ui-capture-button-circle, .screenshot-ui-capture-button:focus .screenshot-ui-capture-button-circle { background-color: #cacac4; } .screenshot-ui-capture-button:active .screenshot-ui-capture-button-circle { background-color: #747467; } .screenshot-ui-capture-button:cast .screenshot-ui-capture-button-circle { background-color: #c7162b; } .screenshot-ui-capture-button:cast:hover .screenshot-ui-capture-button-circle, .screenshot-ui-capture-button:cast:focus .screenshot-ui-capture-button-circle { background-color: #de1930; } .screenshot-ui-capture-button:cast:active .screenshot-ui-capture-button-circle { background-color: #a71224; } .screenshot-ui-shot-cast-container { background-color: rgba(247, 247, 247, 0.1); border-radius: 12px; padding: 3px; spacing: 3px; } .screenshot-ui-shot-cast-container:ltr { margin-left: 3px; } .screenshot-ui-shot-cast-container:rtl { margin-right: 3px; } .screenshot-ui-shot-cast-button { padding: 6px 12px; background-color: transparent; border-radius: 9px; } .screenshot-ui-shot-cast-button:hover, .screenshot-ui-shot-cast-button:focus { background-color: rgba(255, 255, 255, 0.1); } .screenshot-ui-shot-cast-button:active { background-color: rgba(255, 255, 255, 0.2); } .screenshot-ui-shot-cast-button:checked { background-color: white; color: black; } .screenshot-ui-shot-cast-button StIcon { icon-size: 1.09em; } .screenshot-ui-show-pointer-button { border-radius: 99px; padding: 12px !important; } .screenshot-ui-show-pointer-button StIcon { icon-size: 1.09em; } .screenshot-ui-area-indicator-shade { background-color: rgba(0, 0, 0, 0.3); } .screenshot-ui-area-selector .screenshot-ui-area-indicator-shade { background-color: rgba(0, 0, 0, 0.5); } .screenshot-ui-area-selector .screenshot-ui-area-indicator-selection { border: 2px white; } .screenshot-ui-area-selector-handle { border-radius: 99px; background-color: white; box-shadow: 0 1px 3px 2px rgba(0, 0, 0, 0.2); width: 24px; height: 24px; } .screenshot-ui-window-selector { background-color: #222222; } .screenshot-ui-window-selector .screenshot-ui-window-selector-window-container { margin: 100px; } .screenshot-ui-window-selector:primary-monitor .screenshot-ui-window-selector-window-container { margin-bottom: 200px; } .screenshot-ui-window-selector-window-border { transition-duration: 200ms; border-radius: 12px; border: 6px transparent; } .screenshot-ui-window-selector-check { transition-duration: 200ms; color: transparent; border-radius: 99px; border-width: 12px; icon-size: 24px; } .screenshot-ui-window-selector-window:hover .screenshot-ui-window-selector-window-border { border-color: #4830bf; } .screenshot-ui-window-selector-window:checked .screenshot-ui-window-selector-window-border { border-color: #7764D8; background-color: rgba(119, 100, 216, 0.2); } .screenshot-ui-window-selector-window:checked .screenshot-ui-window-selector-check { color: #FFFFFF; background-color: #7764D8; } .screenshot-ui-screen-selector { transition-duration: 200ms; background-color: rgba(0, 0, 0, 0.5); } .screenshot-ui-screen-selector:hover { background-color: rgba(0, 0, 0, 0.3); } .screenshot-ui-screen-selector:active { background-color: rgba(0, 0, 0, 0.7); } .screenshot-ui-screen-selector:checked { background-color: transparent; border: 2px white; } .screenshot-ui-tooltip { color: #eeeeec; background-color: rgba(29, 29, 29, 0.975); border-radius: 99px; padding: 6px 12px; text-align: center; -y-offset: 24px; } /* Top Bar */ #panel { background-color: #131313; font-weight: bold; height: 1.86em; transition-duration: 250ms; } #panel.unlock-screen, #panel.login-screen { background-color: transparent; } #panel .panel-button { font-weight: bold; color: #f2f2f2; -natural-hpadding: 12px; -minimum-hpadding: 6px; transition-duration: 150ms; border: 3px solid transparent; border-radius: 99px; } #panel .panel-button.clock-display .clock { transition-duration: 150ms; border: 3px solid transparent; border-radius: 99px; } #panel .panel-button.screen-recording-indicator { box-shadow: inset 0 0 0 100px #c7162b; } #panel .panel-button.screen-recording-indicator StBoxLayout { spacing: 6px; } #panel .panel-button.screen-recording-indicator StIcon { icon-size: 1.09em; } #panel .panel-button:active, #panel .panel-button:overview, #panel .panel-button:focus, #panel .panel-button:checked { box-shadow: inset 0 0 0 100px rgba(242, 242, 242, 0.2); } #panel .panel-button:active.clock-display, #panel .panel-button:overview.clock-display, #panel .panel-button:focus.clock-display, #panel .panel-button:checked.clock-display { box-shadow: none; } #panel .panel-button:active.clock-display .clock, #panel .panel-button:overview.clock-display .clock, #panel .panel-button:focus.clock-display .clock, #panel .panel-button:checked.clock-display .clock { box-shadow: inset 0 0 0 100px rgba(242, 242, 242, 0.2); } #panel .panel-button:active.screen-recording-indicator, #panel .panel-button:overview.screen-recording-indicator, #panel .panel-button:focus.screen-recording-indicator, #panel .panel-button:checked.screen-recording-indicator { box-shadow: inset 0 0 0 100px rgba(199, 22, 43, 0.85); } #panel .panel-button:hover { box-shadow: inset 0 0 0 100px rgba(242, 242, 242, 0.15); } #panel .panel-button:hover.clock-display { box-shadow: none; } #panel .panel-button:hover.clock-display .clock { box-shadow: inset 0 0 0 100px rgba(242, 242, 242, 0.15); } #panel .panel-button:hover.screen-recording-indicator { box-shadow: inset 0 0 0 100px rgba(199, 22, 43, 0.9); } #panel .panel-button:active:hover, #panel .panel-button:overview:hover, #panel .panel-button:focus:hover, #panel .panel-button:checked:hover { box-shadow: inset 0 0 0 100px rgba(242, 242, 242, 0.25); } #panel .panel-button:active:hover.clock-display, #panel .panel-button:overview:hover.clock-display, #panel .panel-button:focus:hover.clock-display, #panel .panel-button:checked:hover.clock-display { box-shadow: none; } #panel .panel-button:active:hover.clock-display .clock, #panel .panel-button:overview:hover.clock-display .clock, #panel .panel-button:focus:hover.clock-display .clock, #panel .panel-button:checked:hover.clock-display .clock { box-shadow: inset 0 0 0 100px rgba(242, 242, 242, 0.25); } #panel .panel-button:active:hover.screen-recording-indicator, #panel .panel-button:overview:hover.screen-recording-indicator, #panel .panel-button:focus:hover.screen-recording-indicator, #panel .panel-button:checked:hover.screen-recording-indicator { box-shadow: inset 0 0 0 100px rgba(199, 22, 43, 0.8); } #panel .panel-button .system-status-icon { icon-size: 1.09em; padding: 5px; margin: 0 4px; } #panel .panel-button .panel-status-indicators-box .system-status-icon, #panel .panel-button .panel-status-menu-box .system-status-icon { margin: 0; } #panel .panel-button .app-menu-icon { -st-icon-style: symbolic; } #panel .panel-button#panelActivities { -natural-hpadding: 18px; } #panel.unlock-screen .panel-button:active, #panel.unlock-screen .panel-button:overview, #panel.unlock-screen .panel-button:focus, #panel.unlock-screen .panel-button:checked, #panel.login-screen .panel-button:active, #panel.login-screen .panel-button:overview, #panel.login-screen .panel-button:focus, #panel.login-screen .panel-button:checked, #panel:overview .panel-button:active, #panel:overview .panel-button:overview, #panel:overview .panel-button:focus, #panel:overview .panel-button:checked { box-shadow: inset 0 0 0 100px rgba(255, 255, 255, 0.15); } #panel.unlock-screen .panel-button:active.clock-display, #panel.unlock-screen .panel-button:overview.clock-display, #panel.unlock-screen .panel-button:focus.clock-display, #panel.unlock-screen .panel-button:checked.clock-display, #panel.login-screen .panel-button:active.clock-display, #panel.login-screen .panel-button:overview.clock-display, #panel.login-screen .panel-button:focus.clock-display, #panel.login-screen .panel-button:checked.clock-display, #panel:overview .panel-button:active.clock-display, #panel:overview .panel-button:overview.clock-display, #panel:overview .panel-button:focus.clock-display, #panel:overview .panel-button:checked.clock-display { box-shadow: none; } #panel.unlock-screen .panel-button:active.clock-display .clock, #panel.unlock-screen .panel-button:overview.clock-display .clock, #panel.unlock-screen .panel-button:focus.clock-display .clock, #panel.unlock-screen .panel-button:checked.clock-display .clock, #panel.login-screen .panel-button:active.clock-display .clock, #panel.login-screen .panel-button:overview.clock-display .clock, #panel.login-screen .panel-button:focus.clock-display .clock, #panel.login-screen .panel-button:checked.clock-display .clock, #panel:overview .panel-button:active.clock-display .clock, #panel:overview .panel-button:overview.clock-display .clock, #panel:overview .panel-button:focus.clock-display .clock, #panel:overview .panel-button:checked.clock-display .clock { box-shadow: inset 0 0 0 100px rgba(255, 255, 255, 0.15); } #panel.unlock-screen .panel-button:active.screen-recording-indicator, #panel.unlock-screen .panel-button:overview.screen-recording-indicator, #panel.unlock-screen .panel-button:focus.screen-recording-indicator, #panel.unlock-screen .panel-button:checked.screen-recording-indicator, #panel.login-screen .panel-button:active.screen-recording-indicator, #panel.login-screen .panel-button:overview.screen-recording-indicator, #panel.login-screen .panel-button:focus.screen-recording-indicator, #panel.login-screen .panel-button:checked.screen-recording-indicator, #panel:overview .panel-button:active.screen-recording-indicator, #panel:overview .panel-button:overview.screen-recording-indicator, #panel:overview .panel-button:focus.screen-recording-indicator, #panel:overview .panel-button:checked.screen-recording-indicator { box-shadow: inset 0 0 0 100px rgba(199, 22, 43, 0.85); } #panel.unlock-screen .panel-button:hover, #panel.login-screen .panel-button:hover, #panel:overview .panel-button:hover { box-shadow: inset 0 0 0 100px rgba(255, 255, 255, 0.1); } #panel.unlock-screen .panel-button:hover.clock-display, #panel.login-screen .panel-button:hover.clock-display, #panel:overview .panel-button:hover.clock-display { box-shadow: none; } #panel.unlock-screen .panel-button:hover.clock-display .clock, #panel.login-screen .panel-button:hover.clock-display .clock, #panel:overview .panel-button:hover.clock-display .clock { box-shadow: inset 0 0 0 100px rgba(255, 255, 255, 0.1); } #panel.unlock-screen .panel-button:hover.screen-recording-indicator, #panel.login-screen .panel-button:hover.screen-recording-indicator, #panel:overview .panel-button:hover.screen-recording-indicator { box-shadow: inset 0 0 0 100px rgba(199, 22, 43, 0.9); } #panel.unlock-screen .panel-button:active:hover, #panel.unlock-screen .panel-button:overview:hover, #panel.unlock-screen .panel-button:focus:hover, #panel.unlock-screen .panel-button:checked:hover, #panel.login-screen .panel-button:active:hover, #panel.login-screen .panel-button:overview:hover, #panel.login-screen .panel-button:focus:hover, #panel.login-screen .panel-button:checked:hover, #panel:overview .panel-button:active:hover, #panel:overview .panel-button:overview:hover, #panel:overview .panel-button:focus:hover, #panel:overview .panel-button:checked:hover { box-shadow: inset 0 0 0 100px rgba(255, 255, 255, 0.2); } #panel.unlock-screen .panel-button:active:hover.clock-display, #panel.unlock-screen .panel-button:overview:hover.clock-display, #panel.unlock-screen .panel-button:focus:hover.clock-display, #panel.unlock-screen .panel-button:checked:hover.clock-display, #panel.login-screen .panel-button:active:hover.clock-display, #panel.login-screen .panel-button:overview:hover.clock-display, #panel.login-screen .panel-button:focus:hover.clock-display, #panel.login-screen .panel-button:checked:hover.clock-display, #panel:overview .panel-button:active:hover.clock-display, #panel:overview .panel-button:overview:hover.clock-display, #panel:overview .panel-button:focus:hover.clock-display, #panel:overview .panel-button:checked:hover.clock-display { box-shadow: none; } #panel.unlock-screen .panel-button:active:hover.clock-display .clock, #panel.unlock-screen .panel-button:overview:hover.clock-display .clock, #panel.unlock-screen .panel-button:focus:hover.clock-display .clock, #panel.unlock-screen .panel-button:checked:hover.clock-display .clock, #panel.login-screen .panel-button:active:hover.clock-display .clock, #panel.login-screen .panel-button:overview:hover.clock-display .clock, #panel.login-screen .panel-button:focus:hover.clock-display .clock, #panel.login-screen .panel-button:checked:hover.clock-display .clock, #panel:overview .panel-button:active:hover.clock-display .clock, #panel:overview .panel-button:overview:hover.clock-display .clock, #panel:overview .panel-button:focus:hover.clock-display .clock, #panel:overview .panel-button:checked:hover.clock-display .clock { box-shadow: inset 0 0 0 100px rgba(255, 255, 255, 0.2); } #panel.unlock-screen .panel-button:active:hover.screen-recording-indicator, #panel.unlock-screen .panel-button:overview:hover.screen-recording-indicator, #panel.unlock-screen .panel-button:focus:hover.screen-recording-indicator, #panel.unlock-screen .panel-button:checked:hover.screen-recording-indicator, #panel.login-screen .panel-button:active:hover.screen-recording-indicator, #panel.login-screen .panel-button:overview:hover.screen-recording-indicator, #panel.login-screen .panel-button:focus:hover.screen-recording-indicator, #panel.login-screen .panel-button:checked:hover.screen-recording-indicator, #panel:overview .panel-button:active:hover.screen-recording-indicator, #panel:overview .panel-button:overview:hover.screen-recording-indicator, #panel:overview .panel-button:focus:hover.screen-recording-indicator, #panel:overview .panel-button:checked:hover.screen-recording-indicator { box-shadow: inset 0 0 0 100px rgba(199, 22, 43, 0.8); } #panel .panel-status-indicators-box, #panel .panel-status-menu-box { spacing: 2px; } #panel .power-status.panel-status-indicators-box { spacing: 0; } #panel .screencast-indicator, #panel .remote-access-indicator { color: #f99b11; } #appMenu { spacing: 6px; } #appMenu .label-shadow { color: transparent; } #appMenu .panel-status-menu-box { padding: 0 6px; spacing: 6px; } .clock-display-box { spacing: 2px; } .clock-display-box .clock { padding-left: 12px; padding-right: 12px; } /* Activities Ripple */ .ripple-box { background-color: rgba(255, 255, 255, 0.3); box-shadow: 0 0 2px 2px #bfb5ed; width: 52px; height: 52px; border-radius: 0 0 52px 0; } .ripple-box:rtl { border-radius: 0 0 0 52px; } /* OVERVIEW */ .controls-manager, .secondary-monitor-workspaces { spacing: 12px; } #overviewGroup { background-color: #222222; } .overview-controls { padding-bottom: 32px; } /* Window Picker */ .window-picker { spacing: 6px; } .window-caption { color: #eeeeec; background-color: rgba(29, 29, 29, 0.975); border-radius: 99px; padding: 6px 12px; border: 1px solid #464646; } .window-close, .screenshot-ui-close-button { background-color: rgba(55, 55, 55, 0.975); color: #eeeeec; border-radius: 99px; padding: 3px; height: 30px; width: 30px; transition-duration: 300ms; border: 1px solid #464646; } .window-close StIcon, .screenshot-ui-close-button StIcon { icon-size: 24px; } .window-close:hover, .screenshot-ui-close-button:hover { background-color: rgba(67, 67, 67, 0.975); } .window-close:active, .screenshot-ui-close-button:active { background-color: rgba(42, 42, 42, 0.975); } .workspace-background { border-radius: 30px; box-shadow: 0 4px 16px 4px rgba(0, 0, 0, 0.275); } .search-entry { border-radius: 18px; margin-top: 24px; margin-bottom: 12px; padding: 7px 9px; width: 320px; background-color: #1d1d1d; color: rgba(247, 247, 247, 0.7); border: 1px solid #464646; } .search-entry:hover { background-color: #1d1d1d; border-color: #535353; color: #F7F7F7; } .search-entry:focus { background-color: #1d1d1d; border-color: #a99de6; box-shadow: 0 0 0 1px #a99de6 inset; color: #F7F7F7; } .search-entry:insensitive { background-color: #2c2c2c; border-color: #2c2c2c; color: #8a8a8a; } .search-entry .search-entry-icon { color: inherit; icon-size: 1.09em; margin-top: 2px; padding: 0 4px; } /* Search */ #searchResults { margin: 0 4px; } #searchResultsContent { max-width: 1072px; } .search-section { spacing: 18px; } .search-section .search-section-separator { height: 8px; background-color: transparent; } .search-section-content { background-color: #1d1d1d; border-radius: 18px; border: 1px solid #464646; color: #eeeeec; padding: 12px; margin: 0 12px; } .list-search-result, .search-provider-icon { background-color: transparent; border-radius: 9px; } .list-search-result:hover, .search-provider-icon:hover { background-color: rgba(238, 238, 236, 0.1); } .list-search-result:selected, .search-provider-icon:selected, .list-search-result:focus, .search-provider-icon:focus { background-color: rgba(238, 238, 236, 0.13); } .list-search-result:selected:hover, .search-provider-icon:selected:hover, .list-search-result:focus:hover, .search-provider-icon:focus:hover { background-color: rgba(238, 238, 236, 0.16); } .list-search-result:selected:active, .search-provider-icon:selected:active, .list-search-result:focus:active, .search-provider-icon:focus:active { background-color: rgba(238, 238, 236, 0.13); } .list-search-result:active, .search-provider-icon:active { background-color: rgba(238, 238, 236, 0.16); } .list-search-result:outlined, .search-provider-icon:outlined, .list-search-result:checked, .search-provider-icon:checked { background-color: rgba(238, 238, 236, 0.19); } .list-search-result:outlined:active, .search-provider-icon:outlined:active, .list-search-result:checked:active, .search-provider-icon:checked:active { background-color: rgba(238, 238, 236, 0.22); } .list-search-result:outlined:hover, .search-provider-icon:outlined:hover, .list-search-result:checked:hover, .search-provider-icon:checked:hover { background-color: rgba(238, 238, 236, 0.25); } .list-search-result:drop, .search-provider-icon:drop { border: 2px solid rgba(119, 100, 216, 0.8); background-color: rgba(119, 100, 216, 0.2); } .grid-search-results { spacing: 30px; margin: 0 12px; } .search-provider-icon:ltr { margin-right: 4px; } .search-provider-icon:rtl { margin-left: 4px; } .search-provider-icon .list-search-provider-content { spacing: 12px; } .search-provider-icon .list-search-provider-content .list-search-provider-details { width: 120px; color: #eeeeec; } .list-search-results { spacing: 6px; } .list-search-result .list-search-result-content { spacing: 6px; } .list-search-result .list-search-result-title { spacing: 12px; } .list-search-result .list-search-result-description { color: #868685; } /* Dash */ #dash { margin-top: 12px; } #dash .placeholder { background-image: none; background-size: contain; height: 32px; } #dash .empty-dash-drop-target { width: 32px; height: 32px; } #dash .app-well-app-running-dot { margin-bottom: 13px; background-color: #7764D8; } .dash-background { background-color: #1d1d1d; border-radius: 24px; padding: 12px; border: 1px solid #464646; spacing: 6px; margin-bottom: 12px; } .dash-item-container > * { margin: 0 2px; } .dash-item-container:ltr:first-child { margin-left: 0; } .dash-item-container:rtl:first-child { margin-right: 0; } .dash-item-container .app-well-app .overview-icon, .dash-item-container .grid-search-result .overview-icon { padding: 6px; } .dash-item-container .show-apps .overview-icon { background-color: transparent; } .dash-item-container .show-apps:hover .overview-icon { background-color: rgba(238, 238, 236, 0.1); } .dash-item-container .show-apps:selected .overview-icon, .dash-item-container .show-apps:focus .overview-icon { background-color: rgba(238, 238, 236, 0.13); } .dash-item-container .show-apps:selected .overview-icon:hover .overview-icon, .dash-item-container .show-apps:focus .overview-icon:hover .overview-icon { background-color: rgba(238, 238, 236, 0.16); } .dash-item-container .show-apps:selected .overview-icon:active .overview-icon, .dash-item-container .show-apps:focus .overview-icon:active .overview-icon { background-color: rgba(238, 238, 236, 0.13); } .dash-item-container .show-apps:active .overview-icon { background-color: rgba(238, 238, 236, 0.16); } .dash-item-container .show-apps:outlined .overview-icon, .dash-item-container .show-apps:checked .overview-icon { background-color: rgba(238, 238, 236, 0.19); } .dash-item-container .show-apps:outlined .overview-icon:active .overview-icon, .dash-item-container .show-apps:checked .overview-icon:active .overview-icon { background-color: rgba(238, 238, 236, 0.22); } .dash-item-container .show-apps:outlined .overview-icon:hover .overview-icon, .dash-item-container .show-apps:checked .overview-icon:hover .overview-icon { background-color: rgba(238, 238, 236, 0.25); } .dash-item-container .show-apps:drop .overview-icon { border: 2px solid rgba(119, 100, 216, 0.8); background-color: rgba(119, 100, 216, 0.2); } .dash-item-container .show-apps:focus .overview-icon, .dash-item-container .show-apps:active .overview-icon, .dash-item-container .show-apps:checked .overview-icon { background-color: rgba(238, 238, 236, 0.2); } .dash-item-container .show-apps, .dash-item-container .app-well-app, .dash-item-container .grid-search-result { padding-bottom: 12px; } .dash-separator { width: 1px; margin: 0 4px; background-color: #464646; margin-bottom: 12px; } .dash-label { color: #eeeeec; background-color: rgba(29, 29, 29, 0.975); border-radius: 99px; padding: 6px 12px; text-align: center; -y-offset: 8px; border: 1px solid #464646; } /* App Grid */ .icon-grid { row-spacing: 12px; column-spacing: 12px; max-row-spacing: 42px; max-column-spacing: 42px; page-padding-top: 24px; page-padding-bottom: 24px; page-padding-left: 18px; page-padding-right: 18px; } /* App Icons */ .app-well-app .overview-icon, .grid-search-result .overview-icon { background-color: transparent; } .app-well-app:hover .overview-icon, .grid-search-result:hover .overview-icon { background-color: rgba(238, 238, 236, 0.1); } .app-well-app:selected .overview-icon, .grid-search-result:selected .overview-icon, .app-well-app:focus .overview-icon, .grid-search-result:focus .overview-icon { background-color: rgba(238, 238, 236, 0.13); } .app-well-app:selected .overview-icon:hover .overview-icon, .grid-search-result:selected .overview-icon:hover .overview-icon, .app-well-app:focus .overview-icon:hover .overview-icon, .grid-search-result:focus .overview-icon:hover .overview-icon { background-color: rgba(238, 238, 236, 0.16); } .app-well-app:selected .overview-icon:active .overview-icon, .grid-search-result:selected .overview-icon:active .overview-icon, .app-well-app:focus .overview-icon:active .overview-icon, .grid-search-result:focus .overview-icon:active .overview-icon { background-color: rgba(238, 238, 236, 0.13); } .app-well-app:active .overview-icon, .grid-search-result:active .overview-icon { background-color: rgba(238, 238, 236, 0.16); } .app-well-app:outlined .overview-icon, .grid-search-result:outlined .overview-icon, .app-well-app:checked .overview-icon, .grid-search-result:checked .overview-icon { background-color: rgba(238, 238, 236, 0.19); } .app-well-app:outlined .overview-icon:active .overview-icon, .grid-search-result:outlined .overview-icon:active .overview-icon, .app-well-app:checked .overview-icon:active .overview-icon, .grid-search-result:checked .overview-icon:active .overview-icon { background-color: rgba(238, 238, 236, 0.22); } .app-well-app:outlined .overview-icon:hover .overview-icon, .grid-search-result:outlined .overview-icon:hover .overview-icon, .app-well-app:checked .overview-icon:hover .overview-icon, .grid-search-result:checked .overview-icon:hover .overview-icon { background-color: rgba(238, 238, 236, 0.25); } .app-well-app:drop .overview-icon, .grid-search-result:drop .overview-icon { border: 2px solid rgba(119, 100, 216, 0.8); background-color: rgba(119, 100, 216, 0.2); } .app-well-app:focus .overview-icon, .grid-search-result:focus .overview-icon, .app-well-app:active .overview-icon, .grid-search-result:active .overview-icon, .app-well-app:checked .overview-icon, .grid-search-result:checked .overview-icon { background-color: rgba(238, 238, 236, 0.2); } .app-well-app .overview-icon, .grid-search-result .overview-icon { padding: 12px; } .app-well-app .overview-icon.overview-icon-with-label > StBoxLayout, .grid-search-result .overview-icon.overview-icon-with-label > StBoxLayout { spacing: 6px; } .app-well-app.app-folder .overview-icon, .app-folder.grid-search-result .overview-icon { background-color: rgba(238, 238, 236, 0.05); } .app-well-app.app-folder:hover .overview-icon, .app-folder.grid-search-result:hover .overview-icon { background-color: rgba(238, 238, 236, 0.1); } .app-well-app.app-folder:selected .overview-icon, .app-folder.grid-search-result:selected .overview-icon, .app-well-app.app-folder:focus .overview-icon, .app-folder.grid-search-result:focus .overview-icon { background-color: rgba(238, 238, 236, 0.13); } .app-well-app.app-folder:selected .overview-icon:hover .overview-icon, .app-folder.grid-search-result:selected .overview-icon:hover .overview-icon, .app-well-app.app-folder:focus .overview-icon:hover .overview-icon, .app-folder.grid-search-result:focus .overview-icon:hover .overview-icon { background-color: rgba(238, 238, 236, 0.16); } .app-well-app.app-folder:selected .overview-icon:active .overview-icon, .app-folder.grid-search-result:selected .overview-icon:active .overview-icon, .app-well-app.app-folder:focus .overview-icon:active .overview-icon, .app-folder.grid-search-result:focus .overview-icon:active .overview-icon { background-color: rgba(238, 238, 236, 0.13); } .app-well-app.app-folder:active .overview-icon, .app-folder.grid-search-result:active .overview-icon { background-color: rgba(238, 238, 236, 0.16); } .app-well-app.app-folder:outlined .overview-icon, .app-folder.grid-search-result:outlined .overview-icon, .app-well-app.app-folder:checked .overview-icon, .app-folder.grid-search-result:checked .overview-icon { background-color: rgba(238, 238, 236, 0.19); } .app-well-app.app-folder:outlined .overview-icon:active .overview-icon, .app-folder.grid-search-result:outlined .overview-icon:active .overview-icon, .app-well-app.app-folder:checked .overview-icon:active .overview-icon, .app-folder.grid-search-result:checked .overview-icon:active .overview-icon { background-color: rgba(238, 238, 236, 0.22); } .app-well-app.app-folder:outlined .overview-icon:hover .overview-icon, .app-folder.grid-search-result:outlined .overview-icon:hover .overview-icon, .app-well-app.app-folder:checked .overview-icon:hover .overview-icon, .app-folder.grid-search-result:checked .overview-icon:hover .overview-icon { background-color: rgba(238, 238, 236, 0.25); } .app-well-app.app-folder:drop .overview-icon, .app-folder.grid-search-result:drop .overview-icon { border: 2px solid rgba(119, 100, 216, 0.8); background-color: rgba(119, 100, 216, 0.2); } .app-well-app.app-folder:focus .overview-icon, .app-folder.grid-search-result:focus .overview-icon, .app-well-app.app-folder:active .overview-icon, .app-folder.grid-search-result:active .overview-icon, .app-well-app.app-folder:checked .overview-icon, .app-folder.grid-search-result:checked .overview-icon { background-color: rgba(238, 238, 236, 0.2); } .app-folder-dialog { border-radius: 24px; background-color: #1d1d1d; border: 1px solid #464646; } .app-folder-dialog .folder-name-container { padding: 24px 36px 0; spacing: 12px; /* FIXME: this is to keep the label in sync with the entry */ } .app-folder-dialog .folder-name-container .folder-name-label, .app-folder-dialog .folder-name-container .folder-name-entry { color: #eeeeec; } .app-folder-dialog .folder-name-container .folder-name-entry { width: 300px; background-color: rgba(39, 39, 39, 0.975); border-color: rgba(255, 255, 255, 0.16); } .app-folder-dialog .folder-name-container .folder-name-label { padding: 5px 7px; color: #eeeeec; } .app-folder-dialog .folder-name-container .edit-folder-button { padding: 0; width: 36px; height: 36px; border-radius: 99px; } .app-folder-dialog .folder-name-container .edit-folder-button > StIcon { icon-size: 1.09em; } .app-folder-dialog .icon-grid { row-spacing: 12px; column-spacing: 30px; page-padding-top: 0; page-padding-bottom: 0; page-padding-left: 0; page-padding-right: 0; } .app-folder-dialog .page-indicators { margin-bottom: 18px; } .app-folder-dialog-container { padding: 12px; width: 640px; height: 640px; } .app-well-app-running-dot { height: 5px; width: 5px; border-radius: 5px; margin-bottom: 8px; background-color: #7764D8; } .rename-folder-popup .rename-folder-popup-item { spacing: 6px; } .rename-folder-popup .rename-folder-popup-item:ltr, .rename-folder-popup .rename-folder-popup-item:rtl { padding: 0 12px; } .page-indicator { padding: 6px 12px 0; } .page-indicator .page-indicator-icon { width: 10px; height: 10px; border-radius: 10px; background-color: white; } .apps-scroll-view { padding: 0; } .system-action-icon { background-color: rgba(0, 0, 0, 0.8); color: #fff; border-radius: 99px; icon-size: 48px; } .page-navigation-hint { width: 300px; } .page-navigation-hint.dnd { background: rgba(255, 255, 255, 0.1); } .page-navigation-hint.next:ltr, .page-navigation-hint.previous:rtl { background-gradient-start: rgba(255, 255, 255, 0.05); background-gradient-end: transparent; background-gradient-direction: horizontal; border-radius: 18px 0px 0px 18px; } .page-navigation-hint.previous:ltr, .page-navigation-hint.next:rtl { background-gradient-start: transparent; background-gradient-end: rgba(255, 255, 255, 0.05); background-gradient-direction: horizontal; border-radius: 0px 18px 18px 0px; } .page-navigation-arrow { margin: 6px; width: 24px; height: 24px; color: #eeeeec; } /* Workspace pager */ .workspace-thumbnails { visible-width: 32px; spacing: 6px; padding: 6px; border-color: transparent; } .workspace-thumbnails .workspace-thumbnail { border-radius: 3px; background-color: #1d1d1d; border: 1px solid #464646; } .workspace-thumbnails .placeholder { background-image: url("resource:///org/gnome/shell/theme/workspace-placeholder.svg"); background-size: contain; width: 18px; } .workspace-thumbnail-indicator { border: 2px solid #a99de6; border-radius: 3px; padding: 0px; } .ripple-pointer-location { width: 50px; height: 50px; border-radius: 25px; background-color: rgba(226, 222, 247, 0.3); box-shadow: 0 0 2px 2px #bfb5ed; } .pie-timer { width: 60px; height: 60px; -pie-border-width: 3px; -pie-border-color: #7764D8; -pie-background-color: rgba(255, 255, 255, 0.3); } .magnifier-zoom-region { border: 2px solid #7764D8; } .magnifier-zoom-region.full-screen { border-width: 0; } .select-area-rubberband { background-color: rgba(135, 135, 135, 0.2); border: 1px solid rgba(204, 204, 204, 0.8); } .user-icon { /* Yaru: See commit 3d4aca768250 */ background-size: contain; color: #F7F7F7; border-radius: 99px; icon-size: 4.36em; } .user-icon:hover { color: white; } .user-icon StIcon { background-color: rgba(247, 247, 247, 0.05); border-radius: 99px; padding: 12px; width: 2.725em; height: 2.725em; } .user-icon.user-avatar { border: 2px #eeeeec; } .user-widget.vertical .user-icon { icon-size: 6.54em; } .user-widget.vertical .user-icon StIcon { padding: 20px; padding-top: 18px; padding-bottom: 22px; width: 5.995em; height: 5.995em; /* Yaru: See commit 3d4aca768250 */ } .lightbox { background-color: black; } .flashspot { background-color: white; } .hidden { color: rgba(0, 0, 0, 0); } .caps-lock-warning-label { text-align: center; padding-bottom: 8px; color: #f99b11; } /* Workspace animation */ .workspace-animation { background-color: #222222; } /* Tiled window previews */ .tile-preview { background-color: rgba(119, 100, 216, 0.5); border: 1px solid #7764D8; } /* On-screen Keyboard */ #keyboard { background-color: rgba(0, 0, 0, 0.9); } #keyboard .page-indicator { padding: 6px; } #keyboard .page-indicator .page-indicator-icon { width: 8px; height: 8px; } .key-container { padding: 4px; spacing: 4px; } .keyboard-key { font-size: 16pt; font-weight: bold; min-height: 1.2em; min-width: 1.2em; border-width: 1px; border-style: solid; border-radius: 10px; box-shadow: 0 1px 0 0 rgba(0, 0, 0, 0.1); color: #F7F7F7; background-color: #222222; } .keyboard-key:focus { color: #F7F7F7; background-color: #2b2934; box-shadow: inset 0 0 0 2px rgba(119, 100, 216, 0.6); } .keyboard-key:focus:hover { background-color: #363440; box-shadow: inset 0 0 0 2px rgba(119, 100, 216, 0.7); } .keyboard-key:focus:active { background-color: #3b3944; box-shadow: inset 0 0 0 2px rgba(119, 100, 216, 0.7); } .keyboard-key:hover { color: #F7F7F7; background-color: #2c2c2c; } .keyboard-key:active { color: #F7F7F7; background-color: #343434; } .keyboard-key:checked { color: #F7F7F7; background-color: #414141; } .keyboard-key:grayed { background-color: #151515; color: #F7F7F7; border-color: rgba(0, 0, 0, 0.7); } .keyboard-key.default-key { color: #F7F7F7; background-color: #222222; border-radius: 10px; } .keyboard-key.default-key:hover { color: #F7F7F7; background-color: #2c2c2c; } .keyboard-key.default-key:active { color: #F7F7F7; background-color: #343434; } .keyboard-key.default-key:checked { color: #F7F7F7; background-color: #414141; } .keyboard-key.enter-key { color: #FFFFFF; background-color: #0d7b1e; border-radius: 10px; color: #eeeeec; } .keyboard-key.enter-key:hover { color: #FFFFFF; background-color: #0f8d22; } .keyboard-key.enter-key:active { color: #FFFFFF; background-color: #109b26; } .keyboard-key.enter-key:checked { color: #FFFFFF; background-color: #13b22b; } .keyboard-key.shift-key-uppercase { background-color: #4e4e4e; color: #F7F7F7; } .keyboard-key.shift-key-uppercase:hover { background-color: #5a5a5a; } .keyboard-key StIcon { icon-size: 24px; } .keyboard-subkeys { -arrow-border-radius: 12px; -arrow-background-color: rgba(9, 9, 9, 0.9); -arrow-border-width: 1px; -arrow-border-color: #464646; -arrow-base: 20px; -arrow-rise: 10px; -boxpointer-gap: 6px; padding: 6px; } .keyboard-subkeys .keyboard-key { color: #F7F7F7; background-color: #222222; border-radius: 10px; } .keyboard-subkeys .keyboard-key:focus { color: #F7F7F7; background-color: #2b2934; box-shadow: inset 0 0 0 2px rgba(119, 100, 216, 0.6); } .keyboard-subkeys .keyboard-key:focus:hover { background-color: #363440; box-shadow: inset 0 0 0 2px rgba(119, 100, 216, 0.7); } .keyboard-subkeys .keyboard-key:focus:active { background-color: #3b3944; box-shadow: inset 0 0 0 2px rgba(119, 100, 216, 0.7); } .keyboard-subkeys .keyboard-key:hover { color: #F7F7F7; background-color: #2c2c2c; } .keyboard-subkeys .keyboard-key:active { color: #F7F7F7; background-color: #343434; } .keyboard-subkeys .keyboard-key:checked { color: #F7F7F7; background-color: #414141; } .emoji-page .keyboard-key { background-color: transparent; border: none; color: initial; } .emoji-panel .keyboard-key:latched { border-color: #8978dd; background-color: #7764D8; } .word-suggestions { font-size: 14pt; spacing: 12px; min-height: 20pt; padding: 12px; color: #F7F7F7; } .word-suggestions StButton { margin: 0 3px; min-width: 32px; border-radius: 4px; padding: 6px 18px; background-color: transparent; background-image: none; } .word-suggestions StButton:focus { color: #F7F7F7; background-color: #2b2934; box-shadow: inset 0 0 0 2px rgba(119, 100, 216, 0.6); } .word-suggestions StButton:focus:hover { background-color: #363440; box-shadow: inset 0 0 0 2px rgba(119, 100, 216, 0.7); } .word-suggestions StButton:focus:active { background-color: #3b3944; box-shadow: inset 0 0 0 2px rgba(119, 100, 216, 0.7); } .word-suggestions StButton:hover { color: #F7F7F7; background-color: #2c2c2c; } .word-suggestions StButton:active { color: #F7F7F7; background-color: #343434; } .word-suggestions StButton:checked { color: #F7F7F7; background-color: #414141; } /* Looking Glass */ #LookingGlassDialog { background-color: rgba(29, 29, 29, 0.975); border-radius: 0 0 12px 12px; border-top-width: 0; border: 1px solid rgba(255, 255, 255, 0.16); color: #eeeeec; padding: 6px; spacing: 6px; box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.1); } #LookingGlassDialog > #Toolbar { border: none; padding: 6px; border-radius: 0; background-color: transparent; spacing: 6px; } #LookingGlassDialog > #Toolbar .lg-toolbar-button { padding: 6px 12px; } #LookingGlassDialog > #Toolbar .lg-toolbar-button > StIcon { icon-size: 1.09em; } #LookingGlassDialog .labels { spacing: 6px; } #LookingGlassDialog .notebook-tab { -natural-hpadding: 12px; -minimum-hpadding: 12px; font-weight: bold; padding: 6px 12px; color: #cacac4; transition-duration: 100ms; box-shadow: none; border: none; border-radius: 4px; background-color: transparent; } #LookingGlassDialog .notebook-tab:hover { color: #eeeeec; background-color: rgba(238, 238, 236, 0.05); } #LookingGlassDialog .notebook-tab:selected { color: #eeeeec; background-color: rgba(238, 238, 236, 0.1); } #LookingGlassDialog StBoxLayout#EvalBox { padding: 4px; spacing: 6px; padding: 6px; } #LookingGlassDialog StBoxLayout#ResultsArea { spacing: 6px; padding: 6px; } .lg-dialog { color: #eeeeec; } .lg-dialog StEntry { background-color: rgba(42, 42, 42, 0.575); color: #eeeeec; border-color: rgba(238, 238, 236, 0.2); min-height: 22px; selection-background-color: #7764D8; selected-color: #FFFFFF; } .lg-dialog StEntry, .lg-dialog StEntry:focus { box-shadow: none; } .lg-dialog .shell-link { color: #bfb5ed; } .lg-dialog .shell-link:hover { color: #e2def7; } .lg-dialog .shell-link:active { color: #9b8de2; } .lg-dialog .actor-link { color: #8a8a8a; } .lg-dialog .actor-link:hover { color: #bdbdbd; } .lg-dialog .actor-link:active { color: #575757; } .lg-completions-text { font-style: italic; color: #eeeeec; } .lg-obj-inspector-title { spacing: 6px; color: #eeeeec; } .lg-obj-inspector-button { border: 1px solid rgba(0, 0, 0, 0.7); padding: 4px; border-radius: 6px; color: #eeeeec; } .lg-obj-inspector-button:hover { border: 1px solid #ffffff; } #lookingGlassExtensions { padding: 6px; } .lg-extensions-list { padding: 6px; spacing: 6px; } .lg-extension { padding: 12px; border-radius: 6px; margin: 4px; box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.1); color: #F7F7F7; background-color: #2c2c2c; } .lg-extension:focus { color: #F7F7F7; background-color: #2c2c2c; box-shadow: inset 0 0 0 2px #a99de6; } .lg-extension:focus:hover { background-color: #343434; box-shadow: inset 0 0 0 2px #a99de6; } .lg-extension:focus:active { background-color: #3b3b3b; box-shadow: inset 0 0 0 2px #a99de6; } .lg-extension:hover { color: #F7F7F7; background-color: #343434; } .lg-extension:active { color: #F7F7F7; background-color: #3b3b3b; } .lg-extension-meta { spacing: 6px; } #LookingGlassPropertyInspector { background: rgba(29, 29, 29, 0.975); border: 1px solid rgba(0, 0, 0, 0.7); border-radius: 6px; padding: 6px; } .lg-debug-flag-button { color: #F7F7F7; } .lg-debug-flag-button StLabel { padding: 6px, 12px; } .lg-debug-flag-button:hover { color: white; } .lg-debug-flag-button:active { color: #c4c4c4; } .lg-debug-flags-header { padding-top: 12px; padding: 6px; } /* Login Dialog */ .login-dialog-banner-view { padding-top: 24px; max-width: 23em; } .login-dialog, .unlock-dialog { border: none; background-color: transparent; } .login-dialog .modal-dialog-button-box, .unlock-dialog .modal-dialog-button-box { spacing: 3px; } .login-dialog .modal-dialog-button, .unlock-dialog .modal-dialog-button { padding: 4px 18px; box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2); background-color: #222222; border-color: #464646; color: #F7F7F7; } .login-dialog .modal-dialog-button:hover, .unlock-dialog .modal-dialog-button:hover { background-color: #2f2f2f; } .login-dialog .modal-dialog-button:focus, .unlock-dialog .modal-dialog-button:focus { border-color: #a99de6; box-shadow: inset 0 0 0 1px #a99de6; } .login-dialog .modal-dialog-button:active, .unlock-dialog .modal-dialog-button:active { box-shadow: none; background-color: #151515; color: rgba(238, 238, 236, 0.7); } .login-dialog .modal-dialog-button:default, .unlock-dialog .modal-dialog-button:default { background-color: #7764D8; color: #FFFFFF; } .login-dialog .modal-dialog-button:default:focus, .unlock-dialog .modal-dialog-button:default:focus { box-shadow: inset 0 0 0 2px rgba(119, 100, 216, 0.6); } .login-dialog .modal-dialog-button:default:hover, .login-dialog .modal-dialog-button:default:focus, .unlock-dialog .modal-dialog-button:default:hover, .unlock-dialog .modal-dialog-button:default:focus { background-color: #8978dd; color: white; } .login-dialog .modal-dialog-button:default:active, .unlock-dialog .modal-dialog-button:default:active { background-color: #5e47d1; color: #ededed; } .login-dialog .modal-dialog-button:default:insensitive, .unlock-dialog .modal-dialog-button:default:insensitive { color: rgba(247, 247, 247, 0.5); background-color: rgba(247, 247, 247, 0.05); background-color: rgba(119, 100, 216, 0.5); color: rgba(255, 255, 255, 0.5); } .login-dialog .cancel-button, .login-dialog .switch-user-button, .login-dialog .login-dialog-session-list-button, .unlock-dialog .cancel-button, .unlock-dialog .switch-user-button, .unlock-dialog .login-dialog-session-list-button { padding: 0; border-radius: 99px; width: 2.18em; height: 2.18em; } .login-dialog .cancel-button StIcon, .login-dialog .switch-user-button StIcon, .login-dialog .login-dialog-session-list-button StIcon, .unlock-dialog .cancel-button StIcon, .unlock-dialog .switch-user-button StIcon, .unlock-dialog .login-dialog-session-list-button StIcon { icon-size: 1.09em; } .login-dialog .caps-lock-warning-label, .login-dialog .login-dialog-message, .unlock-dialog .caps-lock-warning-label, .unlock-dialog .login-dialog-message { color: #eeeeec; } .login-dialog-logo-bin { padding: 24px 0px; } .login-dialog-banner { color: #d6d6d1; } .login-dialog-button-box { width: 23em; spacing: 5px; } .login-dialog-message { text-align: center; } .login-dialog-user-selection-box { padding: 100px 0px; } .login-dialog-not-listed-label { padding-left: 2px; } .login-dialog-not-listed-button:focus .login-dialog-not-listed-label, .login-dialog-not-listed-button:hover .login-dialog-not-listed-label { color: #eeeeec; } .login-dialog-not-listed-label { font-weight: bold; color: #a6a69b; padding-top: 1em; } .login-dialog-auth-list-view { -st-vfade-offset: 1em; } .login-dialog-auth-list { spacing: 6px; margin-left: 2em; } .login-dialog-auth-list-title { margin-left: 2em; } .login-dialog-auth-list-item { border-radius: 10px; padding: 6px; color: #a6a69b; } .login-dialog-auth-list-item:focus, .login-dialog-auth-list-item:selected { background-color: #7764D8; color: #FFFFFF; } .login-dialog-auth-list-label { font-size: 13pt; font-weight: bold; padding-left: 15px; } .login-dialog-auth-list-label:ltr { padding-left: 14px; text-align: left; } .login-dialog-auth-list-label:rtl { padding-right: 14px; text-align: right; } .login-dialog-user-list-view { -st-vfade-offset: 1em; } .login-dialog-user-list { spacing: 12px; width: 23em; } .login-dialog-user-list:expanded .login-dialog-user-list-item:selected { background-color: rgba(255, 255, 255, 0.1); color: #FFFFFF; } .login-dialog-user-list:expanded .login-dialog-user-list-item:logged-in { border-right: 2px solid rgba(255, 255, 255, 0.1); } .login-dialog-user-list-item { border-radius: 10px; padding: 6px; color: #a6a69b; } .login-dialog-user-list-item:ltr .user-widget { padding-right: 1em; } .login-dialog-user-list-item:rtl .user-widget { padding-left: 1em; } .login-dialog-user-list-item .login-dialog-timed-login-indicator { height: 2px; margin-top: 6px; background-color: #eeeeec; } .login-dialog-user-list-item:focus .login-dialog-timed-login-indicator { background-color: #FFFFFF; } .user-widget-label { color: #eeeeec; } .user-widget.horizontal .user-widget-label { font-size: 13pt; font-weight: bold; padding-left: 15px; } .user-widget.horizontal .user-widget-label:ltr { padding-left: 14px; text-align: left; } .user-widget.horizontal .user-widget-label:rtl { padding-right: 14px; text-align: right; } .user-widget.vertical .user-widget-label { font-size: 16pt; text-align: center; font-weight: normal; padding-top: 16px; } .login-dialog-timed-login-indicator { height: 2px; background-color: #919191; } .login-dialog-prompt-layout { padding-top: 24px; padding-bottom: 12px; spacing: 12px; width: 23em; } .login-dialog-prompt-entry { height: 1.5em; } .login-dialog-prompt-label { color: #bebeb6; font-size: 12pt; padding-top: 1em; } .login-dialog StEntry { background-color: #1b1b1b; color: #F7F7F7; } .unlock-dialog StEntry { border: none !important; } .unlock-dialog StEntry, .unlock-dialog StEntry:focus { color: #F7F7F7; background-color: rgba(247, 247, 247, 0.1); box-shadow: none; } .unlock-dialog StEntry:insensitive { color: rgba(247, 247, 247, 0.5); background-color: rgba(247, 247, 247, 0.05); } .unlock-dialog StEntry StLabel.hint-text { color: rgba(247, 247, 247, 0.7); } .unlock-dialog .user-icon { background-color: rgba(247, 247, 247, 0.1); color: #F7F7F7; } .unlock-dialog .cancel-button, .unlock-dialog .switch-user-button, .unlock-dialog .login-dialog-session-list-button { border-color: transparent; background-color: rgba(247, 247, 247, 0.1); box-shadow: none; } .unlock-dialog .cancel-button, .unlock-dialog .cancel-button:hover, .unlock-dialog .cancel-button:focus, .unlock-dialog .cancel-button:active, .unlock-dialog .switch-user-button, .unlock-dialog .switch-user-button:hover, .unlock-dialog .switch-user-button:focus, .unlock-dialog .switch-user-button:active, .unlock-dialog .login-dialog-session-list-button, .unlock-dialog .login-dialog-session-list-button:hover, .unlock-dialog .login-dialog-session-list-button:focus, .unlock-dialog .login-dialog-session-list-button:active { color: #F7F7F7; } .unlock-dialog .cancel-button:hover, .unlock-dialog .cancel-button:focus, .unlock-dialog .switch-user-button:hover, .unlock-dialog .switch-user-button:focus, .unlock-dialog .login-dialog-session-list-button:hover, .unlock-dialog .login-dialog-session-list-button:focus { background-color: rgba(247, 247, 247, 0.15); } .unlock-dialog .cancel-button:active, .unlock-dialog .switch-user-button:active, .unlock-dialog .login-dialog-session-list-button:active { background-color: rgba(247, 247, 247, 0.2); } /* Screen Shield */ .unlock-dialog-clock { color: white; font-weight: 300; text-align: center; spacing: 24px; padding-bottom: 2.5em; } .unlock-dialog-clock-time { font-size: 64pt; padding-top: 42px; } .unlock-dialog-clock-date { font-size: 16pt; font-weight: normal; } .unlock-dialog-clock-hint { font-weight: normal; padding-top: 48px; } .unlock-dialog-notifications-container { margin: 12px; spacing: 6px; width: 23em; background-color: transparent; } .unlock-dialog-notifications-container .summary-notification-stack-scrollview { padding-top: 0; padding-bottom: 0; } .unlock-dialog-notifications-container .notification, .unlock-dialog-notifications-container .unlock-dialog-notification-source { padding: 12px 16px; border: none; background-color: rgba(238, 238, 236, 0.1); color: #eeeeec; border-radius: 12px; } .unlock-dialog-notifications-container .notification.critical, .unlock-dialog-notifications-container .unlock-dialog-notification-source.critical { background-color: rgba(238, 238, 236, 0.2); } .unlock-dialog-notification-label { padding: 0 0 0 12px; } .unlock-dialog-notification-count-text { font-weight: bold; padding: 0 12px; color: #eeeeec; background-color: rgba(238, 238, 236, 0.1); border-radius: 99px; } .screen-shield-background { background: black; box-shadow: 0 2px 4px rgba(0, 0, 0, 0.6); } #lockDialogGroup { background-color: #222222; } #unlockDialogNotifications StButton#vhandle, #unlockDialogNotifications StButton#hhandle { background-color: rgba(29, 29, 29, 0.3); } #unlockDialogNotifications StButton#vhandle:hover, #unlockDialogNotifications StButton#vhandle:focus, #unlockDialogNotifications StButton#hhandle:hover, #unlockDialogNotifications StButton#hhandle:focus { background-color: rgba(29, 29, 29, 0.5); } #unlockDialogNotifications StButton#vhandle:active, #unlockDialogNotifications StButton#hhandle:active { background-color: rgba(119, 100, 216, 0.5); } * { font-weight: normal !important; text-shadow: none !important; } .file-item { border-radius: 6px; } /* Default Ubuntu Dock styling, append !important to any changed rules This must be in sync with - https://github.com/micheleg/dash-to-dock/blob/ubuntu-dock/_stylesheet.scss */ #dashtodockContainer.bottom #dash { margin: 0px; padding: 0px; } #dashtodockContainer.bottom #dash .dash-background { margin: 0; margin-bottom: 4px; padding: 0; border-radius: 18px; spacing: 6px; } #dashtodockContainer.bottom #dash .dash-separator { background-color: #464646; margin: 0 4px; width: 1px; height: 0; margin-bottom: 4px; } #dashtodockContainer.bottom #dash #dashtodockDashContainer { padding: 10px; padding-bottom: 0; padding-top: 0; } #dashtodockContainer.bottom #dash .dash-item-container { /* Disable all margins defined upstream, we handle them here */ margin: 0 2px; } #dashtodockContainer.bottom #dash .dash-item-container > * { margin: 0; } #dashtodockContainer.bottom #dash .dash-item-container:ltr:first-child, #dashtodockContainer.bottom #dash .dash-item-container:rtl:last-child { margin-left: 0; } #dashtodockContainer.bottom #dash .dash-item-container:ltr:last-child, #dashtodockContainer.bottom #dash .dash-item-container:rtl:first-child { margin-right: 0; } #dashtodockContainer.bottom #dash .dash-item-container .app-well-app, #dashtodockContainer.bottom #dash .dash-item-container .grid-search-result, #dashtodockContainer.bottom #dash .dash-item-container .show-apps { padding: 2px 2px; padding-bottom: 14px; padding-top: 10px; } #dashtodockContainer.bottom #dash .dash-item-container .app-well-app:ltr:first-child, #dashtodockContainer.bottom #dash .dash-item-container .grid-search-result:ltr:first-child, #dashtodockContainer.bottom #dash .dash-item-container .app-well-app:rtl:last-child, #dashtodockContainer.bottom #dash .dash-item-container .grid-search-result:rtl:last-child, #dashtodockContainer.bottom #dash .dash-item-container .show-apps:ltr:first-child, #dashtodockContainer.bottom #dash .dash-item-container .show-apps:rtl:last-child { padding-left: 0; } #dashtodockContainer.bottom #dash .dash-item-container .app-well-app:ltr:last-child, #dashtodockContainer.bottom #dash .dash-item-container .grid-search-result:ltr:last-child, #dashtodockContainer.bottom #dash .dash-item-container .app-well-app:rtl:first-child, #dashtodockContainer.bottom #dash .dash-item-container .grid-search-result:rtl:first-child, #dashtodockContainer.bottom #dash .dash-item-container .show-apps:ltr:last-child, #dashtodockContainer.bottom #dash .dash-item-container .show-apps:rtl:first-child { padding-right: 0; } #dashtodockContainer.bottom #dash .dash-item-container .app-well-app.running .overview-icon, #dashtodockContainer.bottom #dash .dash-item-container .running.grid-search-result .overview-icon { background-image: none; } #dashtodockContainer.bottom #dash .dash-item-container .app-well-app.focused .overview-icon, #dashtodockContainer.bottom #dash .dash-item-container .focused.grid-search-result .overview-icon { background-color: rgba(238, 238, 236, 0.2); } #dashtodockContainer.bottom #dash .dash-item-container .app-well-app .app-well-app-running-dot, #dashtodockContainer.bottom #dash .dash-item-container .grid-search-result .app-well-app-running-dot { margin-bottom: 2px; } #dashtodockContainer.bottom #dash .dash-item-container > StButton { transition-duration: 250; background-size: contain; } #dashtodockContainer.bottom.fixed #dash .dash-background { margin-top: 4px; } #dashtodockContainer.bottom.fixed #dash .dash-item-container .app-well-app, #dashtodockContainer.bottom.fixed #dash .dash-item-container .grid-search-result, #dashtodockContainer.bottom.fixed #dash .dash-item-container .show-apps { padding-top: 14px; } .dash-label.bottom { margin-bottom: 10px; -x-offset: 0; -y-offset: 0; } #dashtodockContainer.bottom.shrink #dash { margin: 0px; padding: 0px; } #dashtodockContainer.bottom.shrink #dash .dash-background { margin: 0; margin-bottom: 4px; padding: 0; border-radius: 14px; spacing: 2px; } #dashtodockContainer.bottom.shrink #dash .dash-separator { background-color: #464646; margin: 0 1px; width: 1px; height: 0; margin-bottom: 4px; } #dashtodockContainer.bottom.shrink #dash #dashtodockDashContainer { padding: 3px; padding-bottom: 0; padding-top: 0; } #dashtodockContainer.bottom.shrink #dash .dash-item-container { /* Disable all margins defined upstream, we handle them here */ margin: 0 2px; } #dashtodockContainer.bottom.shrink #dash .dash-item-container > * { margin: 0; } #dashtodockContainer.bottom.shrink #dash .dash-item-container:ltr:first-child, #dashtodockContainer.bottom.shrink #dash .dash-item-container:rtl:last-child { margin-left: 0; } #dashtodockContainer.bottom.shrink #dash .dash-item-container:ltr:last-child, #dashtodockContainer.bottom.shrink #dash .dash-item-container:rtl:first-child { margin-right: 0; } #dashtodockContainer.bottom.shrink #dash .dash-item-container .app-well-app, #dashtodockContainer.bottom.shrink #dash .dash-item-container .grid-search-result, #dashtodockContainer.bottom.shrink #dash .dash-item-container .show-apps { padding: 1px 1px; padding-bottom: 7px; padding-top: 3px; } #dashtodockContainer.bottom.shrink #dash .dash-item-container .app-well-app:ltr:first-child, #dashtodockContainer.bottom.shrink #dash .dash-item-container .grid-search-result:ltr:first-child, #dashtodockContainer.bottom.shrink #dash .dash-item-container .app-well-app:rtl:last-child, #dashtodockContainer.bottom.shrink #dash .dash-item-container .grid-search-result:rtl:last-child, #dashtodockContainer.bottom.shrink #dash .dash-item-container .show-apps:ltr:first-child, #dashtodockContainer.bottom.shrink #dash .dash-item-container .show-apps:rtl:last-child { padding-left: 0; } #dashtodockContainer.bottom.shrink #dash .dash-item-container .app-well-app:ltr:last-child, #dashtodockContainer.bottom.shrink #dash .dash-item-container .grid-search-result:ltr:last-child, #dashtodockContainer.bottom.shrink #dash .dash-item-container .app-well-app:rtl:first-child, #dashtodockContainer.bottom.shrink #dash .dash-item-container .grid-search-result:rtl:first-child, #dashtodockContainer.bottom.shrink #dash .dash-item-container .show-apps:ltr:last-child, #dashtodockContainer.bottom.shrink #dash .dash-item-container .show-apps:rtl:first-child { padding-right: 0; } #dashtodockContainer.bottom.shrink #dash .dash-item-container .app-well-app.running .overview-icon, #dashtodockContainer.bottom.shrink #dash .dash-item-container .running.grid-search-result .overview-icon { background-image: none; } #dashtodockContainer.bottom.shrink #dash .dash-item-container .app-well-app.focused .overview-icon, #dashtodockContainer.bottom.shrink #dash .dash-item-container .focused.grid-search-result .overview-icon { background-color: rgba(238, 238, 236, 0.2); } #dashtodockContainer.bottom.shrink #dash .dash-item-container .app-well-app .app-well-app-running-dot, #dashtodockContainer.bottom.shrink #dash .dash-item-container .grid-search-result .app-well-app-running-dot { margin-bottom: 2px; } #dashtodockContainer.bottom.shrink #dash .dash-item-container > StButton { transition-duration: 250; background-size: contain; } #dashtodockContainer.bottom.shrink.fixed #dash .dash-background { margin-top: 1px; } #dashtodockContainer.bottom.shrink.fixed #dash .dash-item-container .app-well-app, #dashtodockContainer.bottom.shrink.fixed #dash .dash-item-container .grid-search-result, #dashtodockContainer.bottom.shrink.fixed #dash .dash-item-container .show-apps { padding-top: 4px; } .dash-label.bottom.shrink { margin-bottom: 3px; -x-offset: 0; -y-offset: 0; } #dashtodockContainer.bottom.extended #dash { margin: 0px; padding: 0px; } #dashtodockContainer.bottom.extended #dash .dash-background { margin: 0; margin-bottom: 0; padding: 0; border-radius: 0; spacing: 6px; } #dashtodockContainer.bottom.extended #dash .dash-separator { background-color: #464646; margin: 0 4px; width: 1px; height: 0; margin-bottom: 0; } #dashtodockContainer.bottom.extended #dash #dashtodockDashContainer { padding: 0; padding-bottom: 0; padding-top: 0; } #dashtodockContainer.bottom.extended #dash #dashtodockDashContainer > :first-child .show-apps { padding-left: 8px; } #dashtodockContainer.bottom.extended #dash #dashtodockDashContainer #dashtodockDashScrollview:first-child { padding-left: 8px; } #dashtodockContainer.bottom.extended #dash #dashtodockDashContainer > :last-child .show-apps { padding-right: 8px; } #dashtodockContainer.bottom.extended #dash #dashtodockDashContainer #dashtodockDashScrollview:last-child { padding-right: 8px; } #dashtodockContainer.bottom.extended #dash .dash-item-container { /* Disable all margins defined upstream, we handle them here */ margin: 0 2px; } #dashtodockContainer.bottom.extended #dash .dash-item-container > * { margin: 0; } #dashtodockContainer.bottom.extended #dash .dash-item-container:ltr:first-child, #dashtodockContainer.bottom.extended #dash .dash-item-container:rtl:last-child { margin-left: 0; } #dashtodockContainer.bottom.extended #dash .dash-item-container:ltr:last-child, #dashtodockContainer.bottom.extended #dash .dash-item-container:rtl:first-child { margin-right: 0; } #dashtodockContainer.bottom.extended #dash .dash-item-container .app-well-app, #dashtodockContainer.bottom.extended #dash .dash-item-container .grid-search-result, #dashtodockContainer.bottom.extended #dash .dash-item-container .show-apps { padding: 2px 2px; padding-bottom: 10px; padding-top: 10px; } #dashtodockContainer.bottom.extended #dash .dash-item-container .app-well-app:ltr:first-child, #dashtodockContainer.bottom.extended #dash .dash-item-container .grid-search-result:ltr:first-child, #dashtodockContainer.bottom.extended #dash .dash-item-container .app-well-app:rtl:last-child, #dashtodockContainer.bottom.extended #dash .dash-item-container .grid-search-result:rtl:last-child, #dashtodockContainer.bottom.extended #dash .dash-item-container .show-apps:ltr:first-child, #dashtodockContainer.bottom.extended #dash .dash-item-container .show-apps:rtl:last-child { padding-left: 0; } #dashtodockContainer.bottom.extended #dash .dash-item-container .app-well-app:ltr:last-child, #dashtodockContainer.bottom.extended #dash .dash-item-container .grid-search-result:ltr:last-child, #dashtodockContainer.bottom.extended #dash .dash-item-container .app-well-app:rtl:first-child, #dashtodockContainer.bottom.extended #dash .dash-item-container .grid-search-result:rtl:first-child, #dashtodockContainer.bottom.extended #dash .dash-item-container .show-apps:ltr:last-child, #dashtodockContainer.bottom.extended #dash .dash-item-container .show-apps:rtl:first-child { padding-right: 0; } #dashtodockContainer.bottom.extended #dash .dash-item-container .app-well-app.running .overview-icon, #dashtodockContainer.bottom.extended #dash .dash-item-container .running.grid-search-result .overview-icon { background-image: none; } #dashtodockContainer.bottom.extended #dash .dash-item-container .app-well-app.focused .overview-icon, #dashtodockContainer.bottom.extended #dash .dash-item-container .focused.grid-search-result .overview-icon { background-color: rgba(238, 238, 236, 0.2); } #dashtodockContainer.bottom.extended #dash .dash-item-container .app-well-app .app-well-app-running-dot, #dashtodockContainer.bottom.extended #dash .dash-item-container .grid-search-result .app-well-app-running-dot { margin-bottom: 2px; } #dashtodockContainer.bottom.extended #dash .dash-item-container > StButton { transition-duration: 250; background-size: contain; } #dashtodockContainer.bottom.extended.fixed #dash .dash-background { margin-top: 0; } #dashtodockContainer.bottom.extended.fixed #dash .dash-item-container .app-well-app, #dashtodockContainer.bottom.extended.fixed #dash .dash-item-container .grid-search-result, #dashtodockContainer.bottom.extended.fixed #dash .dash-item-container .show-apps { padding-top: 10px; } .dash-label.bottom { margin-bottom: 10px; -x-offset: 0; -y-offset: 0; } #dashtodockContainer.bottom.extended.shrink #dash { margin: 0px; padding: 0px; } #dashtodockContainer.bottom.extended.shrink #dash .dash-background { margin: 0; margin-bottom: 0; padding: 0; border-radius: 0; spacing: 2px; } #dashtodockContainer.bottom.extended.shrink #dash .dash-separator { background-color: #464646; margin: 0 1px; width: 1px; height: 0; margin-bottom: 0; } #dashtodockContainer.bottom.extended.shrink #dash #dashtodockDashContainer { padding: 0; padding-bottom: 0; padding-top: 0; } #dashtodockContainer.bottom.extended.shrink #dash #dashtodockDashContainer > :first-child .show-apps { padding-left: 6px; } #dashtodockContainer.bottom.extended.shrink #dash #dashtodockDashContainer #dashtodockDashScrollview:first-child { padding-left: 6px; } #dashtodockContainer.bottom.extended.shrink #dash #dashtodockDashContainer > :last-child .show-apps { padding-right: 6px; } #dashtodockContainer.bottom.extended.shrink #dash #dashtodockDashContainer #dashtodockDashScrollview:last-child { padding-right: 6px; } #dashtodockContainer.bottom.extended.shrink #dash .dash-item-container { /* Disable all margins defined upstream, we handle them here */ margin: 0 2px; } #dashtodockContainer.bottom.extended.shrink #dash .dash-item-container > * { margin: 0; } #dashtodockContainer.bottom.extended.shrink #dash .dash-item-container:ltr:first-child, #dashtodockContainer.bottom.extended.shrink #dash .dash-item-container:rtl:last-child { margin-left: 0; } #dashtodockContainer.bottom.extended.shrink #dash .dash-item-container:ltr:last-child, #dashtodockContainer.bottom.extended.shrink #dash .dash-item-container:rtl:first-child { margin-right: 0; } #dashtodockContainer.bottom.extended.shrink #dash .dash-item-container .app-well-app, #dashtodockContainer.bottom.extended.shrink #dash .dash-item-container .grid-search-result, #dashtodockContainer.bottom.extended.shrink #dash .dash-item-container .show-apps { padding: 1px 1px; padding-bottom: 3px; padding-top: 3px; } #dashtodockContainer.bottom.extended.shrink #dash .dash-item-container .app-well-app:ltr:first-child, #dashtodockContainer.bottom.extended.shrink #dash .dash-item-container .grid-search-result:ltr:first-child, #dashtodockContainer.bottom.extended.shrink #dash .dash-item-container .app-well-app:rtl:last-child, #dashtodockContainer.bottom.extended.shrink #dash .dash-item-container .grid-search-result:rtl:last-child, #dashtodockContainer.bottom.extended.shrink #dash .dash-item-container .show-apps:ltr:first-child, #dashtodockContainer.bottom.extended.shrink #dash .dash-item-container .show-apps:rtl:last-child { padding-left: 0; } #dashtodockContainer.bottom.extended.shrink #dash .dash-item-container .app-well-app:ltr:last-child, #dashtodockContainer.bottom.extended.shrink #dash .dash-item-container .grid-search-result:ltr:last-child, #dashtodockContainer.bottom.extended.shrink #dash .dash-item-container .app-well-app:rtl:first-child, #dashtodockContainer.bottom.extended.shrink #dash .dash-item-container .grid-search-result:rtl:first-child, #dashtodockContainer.bottom.extended.shrink #dash .dash-item-container .show-apps:ltr:last-child, #dashtodockContainer.bottom.extended.shrink #dash .dash-item-container .show-apps:rtl:first-child { padding-right: 0; } #dashtodockContainer.bottom.extended.shrink #dash .dash-item-container .app-well-app.running .overview-icon, #dashtodockContainer.bottom.extended.shrink #dash .dash-item-container .running.grid-search-result .overview-icon { background-image: none; } #dashtodockContainer.bottom.extended.shrink #dash .dash-item-container .app-well-app.focused .overview-icon, #dashtodockContainer.bottom.extended.shrink #dash .dash-item-container .focused.grid-search-result .overview-icon { background-color: rgba(238, 238, 236, 0.2); } #dashtodockContainer.bottom.extended.shrink #dash .dash-item-container .app-well-app .app-well-app-running-dot, #dashtodockContainer.bottom.extended.shrink #dash .dash-item-container .grid-search-result .app-well-app-running-dot { margin-bottom: 2px; } #dashtodockContainer.bottom.extended.shrink #dash .dash-item-container > StButton { transition-duration: 250; background-size: contain; } #dashtodockContainer.bottom.extended.shrink.fixed #dash .dash-background { margin-top: 0; } #dashtodockContainer.bottom.extended.shrink.fixed #dash .dash-item-container .app-well-app, #dashtodockContainer.bottom.extended.shrink.fixed #dash .dash-item-container .grid-search-result, #dashtodockContainer.bottom.extended.shrink.fixed #dash .dash-item-container .show-apps { padding-top: 3px; } .dash-label.bottom.shrink { margin-bottom: 3px; -x-offset: 0; -y-offset: 0; } #dashtodockContainer.top #dash { margin: 0px; padding: 0px; } #dashtodockContainer.top #dash .dash-background { margin: 0; margin-top: 4px; padding: 0; border-radius: 18px; spacing: 6px; } #dashtodockContainer.top #dash .dash-separator { background-color: #464646; margin: 0 4px; width: 1px; height: 0; margin-top: 4px; } #dashtodockContainer.top #dash #dashtodockDashContainer { padding: 10px; padding-top: 0; padding-bottom: 0; } #dashtodockContainer.top #dash .dash-item-container { /* Disable all margins defined upstream, we handle them here */ margin: 0 2px; } #dashtodockContainer.top #dash .dash-item-container > * { margin: 0; } #dashtodockContainer.top #dash .dash-item-container:ltr:first-child, #dashtodockContainer.top #dash .dash-item-container:rtl:last-child { margin-left: 0; } #dashtodockContainer.top #dash .dash-item-container:ltr:last-child, #dashtodockContainer.top #dash .dash-item-container:rtl:first-child { margin-right: 0; } #dashtodockContainer.top #dash .dash-item-container .app-well-app, #dashtodockContainer.top #dash .dash-item-container .grid-search-result, #dashtodockContainer.top #dash .dash-item-container .show-apps { padding: 2px 2px; padding-top: 14px; padding-bottom: 10px; } #dashtodockContainer.top #dash .dash-item-container .app-well-app:ltr:first-child, #dashtodockContainer.top #dash .dash-item-container .grid-search-result:ltr:first-child, #dashtodockContainer.top #dash .dash-item-container .app-well-app:rtl:last-child, #dashtodockContainer.top #dash .dash-item-container .grid-search-result:rtl:last-child, #dashtodockContainer.top #dash .dash-item-container .show-apps:ltr:first-child, #dashtodockContainer.top #dash .dash-item-container .show-apps:rtl:last-child { padding-left: 0; } #dashtodockContainer.top #dash .dash-item-container .app-well-app:ltr:last-child, #dashtodockContainer.top #dash .dash-item-container .grid-search-result:ltr:last-child, #dashtodockContainer.top #dash .dash-item-container .app-well-app:rtl:first-child, #dashtodockContainer.top #dash .dash-item-container .grid-search-result:rtl:first-child, #dashtodockContainer.top #dash .dash-item-container .show-apps:ltr:last-child, #dashtodockContainer.top #dash .dash-item-container .show-apps:rtl:first-child { padding-right: 0; } #dashtodockContainer.top #dash .dash-item-container .app-well-app.running .overview-icon, #dashtodockContainer.top #dash .dash-item-container .running.grid-search-result .overview-icon { background-image: none; } #dashtodockContainer.top #dash .dash-item-container .app-well-app.focused .overview-icon, #dashtodockContainer.top #dash .dash-item-container .focused.grid-search-result .overview-icon { background-color: rgba(238, 238, 236, 0.2); } #dashtodockContainer.top #dash .dash-item-container .app-well-app .app-well-app-running-dot, #dashtodockContainer.top #dash .dash-item-container .grid-search-result .app-well-app-running-dot { margin-bottom: 2px; } #dashtodockContainer.top #dash .dash-item-container > StButton { transition-duration: 250; background-size: contain; } #dashtodockContainer.top.fixed #dash .dash-background { margin-bottom: 4px; } #dashtodockContainer.top.fixed #dash .dash-item-container .app-well-app, #dashtodockContainer.top.fixed #dash .dash-item-container .grid-search-result, #dashtodockContainer.top.fixed #dash .dash-item-container .show-apps { padding-bottom: 14px; } .dash-label.top { margin-top: 10px; -x-offset: 0; -y-offset: 0; } #dashtodockContainer.top.shrink #dash { margin: 0px; padding: 0px; } #dashtodockContainer.top.shrink #dash .dash-background { margin: 0; margin-top: 4px; padding: 0; border-radius: 14px; spacing: 2px; } #dashtodockContainer.top.shrink #dash .dash-separator { background-color: #464646; margin: 0 1px; width: 1px; height: 0; margin-top: 4px; } #dashtodockContainer.top.shrink #dash #dashtodockDashContainer { padding: 3px; padding-top: 0; padding-bottom: 0; } #dashtodockContainer.top.shrink #dash .dash-item-container { /* Disable all margins defined upstream, we handle them here */ margin: 0 2px; } #dashtodockContainer.top.shrink #dash .dash-item-container > * { margin: 0; } #dashtodockContainer.top.shrink #dash .dash-item-container:ltr:first-child, #dashtodockContainer.top.shrink #dash .dash-item-container:rtl:last-child { margin-left: 0; } #dashtodockContainer.top.shrink #dash .dash-item-container:ltr:last-child, #dashtodockContainer.top.shrink #dash .dash-item-container:rtl:first-child { margin-right: 0; } #dashtodockContainer.top.shrink #dash .dash-item-container .app-well-app, #dashtodockContainer.top.shrink #dash .dash-item-container .grid-search-result, #dashtodockContainer.top.shrink #dash .dash-item-container .show-apps { padding: 1px 1px; padding-top: 7px; padding-bottom: 3px; } #dashtodockContainer.top.shrink #dash .dash-item-container .app-well-app:ltr:first-child, #dashtodockContainer.top.shrink #dash .dash-item-container .grid-search-result:ltr:first-child, #dashtodockContainer.top.shrink #dash .dash-item-container .app-well-app:rtl:last-child, #dashtodockContainer.top.shrink #dash .dash-item-container .grid-search-result:rtl:last-child, #dashtodockContainer.top.shrink #dash .dash-item-container .show-apps:ltr:first-child, #dashtodockContainer.top.shrink #dash .dash-item-container .show-apps:rtl:last-child { padding-left: 0; } #dashtodockContainer.top.shrink #dash .dash-item-container .app-well-app:ltr:last-child, #dashtodockContainer.top.shrink #dash .dash-item-container .grid-search-result:ltr:last-child, #dashtodockContainer.top.shrink #dash .dash-item-container .app-well-app:rtl:first-child, #dashtodockContainer.top.shrink #dash .dash-item-container .grid-search-result:rtl:first-child, #dashtodockContainer.top.shrink #dash .dash-item-container .show-apps:ltr:last-child, #dashtodockContainer.top.shrink #dash .dash-item-container .show-apps:rtl:first-child { padding-right: 0; } #dashtodockContainer.top.shrink #dash .dash-item-container .app-well-app.running .overview-icon, #dashtodockContainer.top.shrink #dash .dash-item-container .running.grid-search-result .overview-icon { background-image: none; } #dashtodockContainer.top.shrink #dash .dash-item-container .app-well-app.focused .overview-icon, #dashtodockContainer.top.shrink #dash .dash-item-container .focused.grid-search-result .overview-icon { background-color: rgba(238, 238, 236, 0.2); } #dashtodockContainer.top.shrink #dash .dash-item-container .app-well-app .app-well-app-running-dot, #dashtodockContainer.top.shrink #dash .dash-item-container .grid-search-result .app-well-app-running-dot { margin-bottom: 2px; } #dashtodockContainer.top.shrink #dash .dash-item-container > StButton { transition-duration: 250; background-size: contain; } #dashtodockContainer.top.shrink.fixed #dash .dash-background { margin-bottom: 1px; } #dashtodockContainer.top.shrink.fixed #dash .dash-item-container .app-well-app, #dashtodockContainer.top.shrink.fixed #dash .dash-item-container .grid-search-result, #dashtodockContainer.top.shrink.fixed #dash .dash-item-container .show-apps { padding-bottom: 4px; } .dash-label.top.shrink { margin-top: 3px; -x-offset: 0; -y-offset: 0; } #dashtodockContainer.top.extended #dash { margin: 0px; padding: 0px; } #dashtodockContainer.top.extended #dash .dash-background { margin: 0; margin-top: 0; padding: 0; border-radius: 0; spacing: 6px; } #dashtodockContainer.top.extended #dash .dash-separator { background-color: #464646; margin: 0 4px; width: 1px; height: 0; margin-top: 0; } #dashtodockContainer.top.extended #dash #dashtodockDashContainer { padding: 0; padding-top: 0; padding-bottom: 0; } #dashtodockContainer.top.extended #dash #dashtodockDashContainer > :first-child .show-apps { padding-left: 8px; } #dashtodockContainer.top.extended #dash #dashtodockDashContainer #dashtodockDashScrollview:first-child { padding-left: 8px; } #dashtodockContainer.top.extended #dash #dashtodockDashContainer > :last-child .show-apps { padding-right: 8px; } #dashtodockContainer.top.extended #dash #dashtodockDashContainer #dashtodockDashScrollview:last-child { padding-right: 8px; } #dashtodockContainer.top.extended #dash .dash-item-container { /* Disable all margins defined upstream, we handle them here */ margin: 0 2px; } #dashtodockContainer.top.extended #dash .dash-item-container > * { margin: 0; } #dashtodockContainer.top.extended #dash .dash-item-container:ltr:first-child, #dashtodockContainer.top.extended #dash .dash-item-container:rtl:last-child { margin-left: 0; } #dashtodockContainer.top.extended #dash .dash-item-container:ltr:last-child, #dashtodockContainer.top.extended #dash .dash-item-container:rtl:first-child { margin-right: 0; } #dashtodockContainer.top.extended #dash .dash-item-container .app-well-app, #dashtodockContainer.top.extended #dash .dash-item-container .grid-search-result, #dashtodockContainer.top.extended #dash .dash-item-container .show-apps { padding: 2px 2px; padding-top: 10px; padding-bottom: 10px; } #dashtodockContainer.top.extended #dash .dash-item-container .app-well-app:ltr:first-child, #dashtodockContainer.top.extended #dash .dash-item-container .grid-search-result:ltr:first-child, #dashtodockContainer.top.extended #dash .dash-item-container .app-well-app:rtl:last-child, #dashtodockContainer.top.extended #dash .dash-item-container .grid-search-result:rtl:last-child, #dashtodockContainer.top.extended #dash .dash-item-container .show-apps:ltr:first-child, #dashtodockContainer.top.extended #dash .dash-item-container .show-apps:rtl:last-child { padding-left: 0; } #dashtodockContainer.top.extended #dash .dash-item-container .app-well-app:ltr:last-child, #dashtodockContainer.top.extended #dash .dash-item-container .grid-search-result:ltr:last-child, #dashtodockContainer.top.extended #dash .dash-item-container .app-well-app:rtl:first-child, #dashtodockContainer.top.extended #dash .dash-item-container .grid-search-result:rtl:first-child, #dashtodockContainer.top.extended #dash .dash-item-container .show-apps:ltr:last-child, #dashtodockContainer.top.extended #dash .dash-item-container .show-apps:rtl:first-child { padding-right: 0; } #dashtodockContainer.top.extended #dash .dash-item-container .app-well-app.running .overview-icon, #dashtodockContainer.top.extended #dash .dash-item-container .running.grid-search-result .overview-icon { background-image: none; } #dashtodockContainer.top.extended #dash .dash-item-container .app-well-app.focused .overview-icon, #dashtodockContainer.top.extended #dash .dash-item-container .focused.grid-search-result .overview-icon { background-color: rgba(238, 238, 236, 0.2); } #dashtodockContainer.top.extended #dash .dash-item-container .app-well-app .app-well-app-running-dot, #dashtodockContainer.top.extended #dash .dash-item-container .grid-search-result .app-well-app-running-dot { margin-bottom: 2px; } #dashtodockContainer.top.extended #dash .dash-item-container > StButton { transition-duration: 250; background-size: contain; } #dashtodockContainer.top.extended.fixed #dash .dash-background { margin-bottom: 0; } #dashtodockContainer.top.extended.fixed #dash .dash-item-container .app-well-app, #dashtodockContainer.top.extended.fixed #dash .dash-item-container .grid-search-result, #dashtodockContainer.top.extended.fixed #dash .dash-item-container .show-apps { padding-bottom: 10px; } .dash-label.top { margin-top: 10px; -x-offset: 0; -y-offset: 0; } #dashtodockContainer.top.extended.shrink #dash { margin: 0px; padding: 0px; } #dashtodockContainer.top.extended.shrink #dash .dash-background { margin: 0; margin-top: 0; padding: 0; border-radius: 0; spacing: 2px; } #dashtodockContainer.top.extended.shrink #dash .dash-separator { background-color: #464646; margin: 0 1px; width: 1px; height: 0; margin-top: 0; } #dashtodockContainer.top.extended.shrink #dash #dashtodockDashContainer { padding: 0; padding-top: 0; padding-bottom: 0; } #dashtodockContainer.top.extended.shrink #dash #dashtodockDashContainer > :first-child .show-apps { padding-left: 6px; } #dashtodockContainer.top.extended.shrink #dash #dashtodockDashContainer #dashtodockDashScrollview:first-child { padding-left: 6px; } #dashtodockContainer.top.extended.shrink #dash #dashtodockDashContainer > :last-child .show-apps { padding-right: 6px; } #dashtodockContainer.top.extended.shrink #dash #dashtodockDashContainer #dashtodockDashScrollview:last-child { padding-right: 6px; } #dashtodockContainer.top.extended.shrink #dash .dash-item-container { /* Disable all margins defined upstream, we handle them here */ margin: 0 2px; } #dashtodockContainer.top.extended.shrink #dash .dash-item-container > * { margin: 0; } #dashtodockContainer.top.extended.shrink #dash .dash-item-container:ltr:first-child, #dashtodockContainer.top.extended.shrink #dash .dash-item-container:rtl:last-child { margin-left: 0; } #dashtodockContainer.top.extended.shrink #dash .dash-item-container:ltr:last-child, #dashtodockContainer.top.extended.shrink #dash .dash-item-container:rtl:first-child { margin-right: 0; } #dashtodockContainer.top.extended.shrink #dash .dash-item-container .app-well-app, #dashtodockContainer.top.extended.shrink #dash .dash-item-container .grid-search-result, #dashtodockContainer.top.extended.shrink #dash .dash-item-container .show-apps { padding: 1px 1px; padding-top: 3px; padding-bottom: 3px; } #dashtodockContainer.top.extended.shrink #dash .dash-item-container .app-well-app:ltr:first-child, #dashtodockContainer.top.extended.shrink #dash .dash-item-container .grid-search-result:ltr:first-child, #dashtodockContainer.top.extended.shrink #dash .dash-item-container .app-well-app:rtl:last-child, #dashtodockContainer.top.extended.shrink #dash .dash-item-container .grid-search-result:rtl:last-child, #dashtodockContainer.top.extended.shrink #dash .dash-item-container .show-apps:ltr:first-child, #dashtodockContainer.top.extended.shrink #dash .dash-item-container .show-apps:rtl:last-child { padding-left: 0; } #dashtodockContainer.top.extended.shrink #dash .dash-item-container .app-well-app:ltr:last-child, #dashtodockContainer.top.extended.shrink #dash .dash-item-container .grid-search-result:ltr:last-child, #dashtodockContainer.top.extended.shrink #dash .dash-item-container .app-well-app:rtl:first-child, #dashtodockContainer.top.extended.shrink #dash .dash-item-container .grid-search-result:rtl:first-child, #dashtodockContainer.top.extended.shrink #dash .dash-item-container .show-apps:ltr:last-child, #dashtodockContainer.top.extended.shrink #dash .dash-item-container .show-apps:rtl:first-child { padding-right: 0; } #dashtodockContainer.top.extended.shrink #dash .dash-item-container .app-well-app.running .overview-icon, #dashtodockContainer.top.extended.shrink #dash .dash-item-container .running.grid-search-result .overview-icon { background-image: none; } #dashtodockContainer.top.extended.shrink #dash .dash-item-container .app-well-app.focused .overview-icon, #dashtodockContainer.top.extended.shrink #dash .dash-item-container .focused.grid-search-result .overview-icon { background-color: rgba(238, 238, 236, 0.2); } #dashtodockContainer.top.extended.shrink #dash .dash-item-container .app-well-app .app-well-app-running-dot, #dashtodockContainer.top.extended.shrink #dash .dash-item-container .grid-search-result .app-well-app-running-dot { margin-bottom: 2px; } #dashtodockContainer.top.extended.shrink #dash .dash-item-container > StButton { transition-duration: 250; background-size: contain; } #dashtodockContainer.top.extended.shrink.fixed #dash .dash-background { margin-bottom: 0; } #dashtodockContainer.top.extended.shrink.fixed #dash .dash-item-container .app-well-app, #dashtodockContainer.top.extended.shrink.fixed #dash .dash-item-container .grid-search-result, #dashtodockContainer.top.extended.shrink.fixed #dash .dash-item-container .show-apps { padding-bottom: 3px; } .dash-label.top.shrink { margin-top: 3px; -x-offset: 0; -y-offset: 0; } #dashtodockContainer.left #dash { margin: 0px; padding: 0px; } #dashtodockContainer.left #dash .dash-background { margin: 0; margin-left: 4px; padding: 0; border-radius: 18px; spacing: 6px; } #dashtodockContainer.left #dash .dash-separator { background-color: #464646; width: 0; height: 1px; margin: 4px 0; margin-left: 4px; } #dashtodockContainer.left #dash #dashtodockDashContainer { padding: 10px; padding-left: 0; padding-right: 0; } #dashtodockContainer.left #dash .dash-item-container { /* Disable all margins defined upstream, we handle them here */ margin: 2px 0; } #dashtodockContainer.left #dash .dash-item-container > * { margin: 0; } #dashtodockContainer.left #dash .dash-item-container:first-child { margin-top: 0; } #dashtodockContainer.left #dash .dash-item-container:last-child { margin-bottom: 0; } #dashtodockContainer.left #dash .dash-item-container .app-well-app, #dashtodockContainer.left #dash .dash-item-container .grid-search-result, #dashtodockContainer.left #dash .dash-item-container .show-apps { padding: 2px 2px; padding-left: 14px; padding-right: 10px; } #dashtodockContainer.left #dash .dash-item-container .app-well-app:first-child, #dashtodockContainer.left #dash .dash-item-container .grid-search-result:first-child, #dashtodockContainer.left #dash .dash-item-container .show-apps:first-child { padding-top: 0; } #dashtodockContainer.left #dash .dash-item-container .app-well-app:last-child, #dashtodockContainer.left #dash .dash-item-container .grid-search-result:last-child, #dashtodockContainer.left #dash .dash-item-container .show-apps:last-child { padding-bottom: 0; } #dashtodockContainer.left #dash .dash-item-container .app-well-app.running .overview-icon, #dashtodockContainer.left #dash .dash-item-container .running.grid-search-result .overview-icon { background-image: none; } #dashtodockContainer.left #dash .dash-item-container .app-well-app.focused .overview-icon, #dashtodockContainer.left #dash .dash-item-container .focused.grid-search-result .overview-icon { background-color: rgba(238, 238, 236, 0.2); } #dashtodockContainer.left #dash .dash-item-container .app-well-app .app-well-app-running-dot, #dashtodockContainer.left #dash .dash-item-container .grid-search-result .app-well-app-running-dot { margin-bottom: 2px; } #dashtodockContainer.left #dash .dash-item-container > StButton { transition-duration: 250; background-size: contain; } #dashtodockContainer.left.fixed #dash .dash-background { margin-right: 4px; } #dashtodockContainer.left.fixed #dash .dash-item-container .app-well-app, #dashtodockContainer.left.fixed #dash .dash-item-container .grid-search-result, #dashtodockContainer.left.fixed #dash .dash-item-container .show-apps { padding-right: 14px; } .dash-label.left { margin: 0; -x-offset: 10px; -y-offset: 0; } #dashtodockContainer.left.shrink #dash { margin: 0px; padding: 0px; } #dashtodockContainer.left.shrink #dash .dash-background { margin: 0; margin-left: 4px; padding: 0; border-radius: 14px; spacing: 2px; } #dashtodockContainer.left.shrink #dash .dash-separator { background-color: #464646; width: 0; height: 1px; margin: 1px 0; margin-left: 4px; } #dashtodockContainer.left.shrink #dash #dashtodockDashContainer { padding: 3px; padding-left: 0; padding-right: 0; } #dashtodockContainer.left.shrink #dash .dash-item-container { /* Disable all margins defined upstream, we handle them here */ margin: 2px 0; } #dashtodockContainer.left.shrink #dash .dash-item-container > * { margin: 0; } #dashtodockContainer.left.shrink #dash .dash-item-container:first-child { margin-top: 0; } #dashtodockContainer.left.shrink #dash .dash-item-container:last-child { margin-bottom: 0; } #dashtodockContainer.left.shrink #dash .dash-item-container .app-well-app, #dashtodockContainer.left.shrink #dash .dash-item-container .grid-search-result, #dashtodockContainer.left.shrink #dash .dash-item-container .show-apps { padding: 1px 1px; padding-left: 7px; padding-right: 3px; } #dashtodockContainer.left.shrink #dash .dash-item-container .app-well-app:first-child, #dashtodockContainer.left.shrink #dash .dash-item-container .grid-search-result:first-child, #dashtodockContainer.left.shrink #dash .dash-item-container .show-apps:first-child { padding-top: 0; } #dashtodockContainer.left.shrink #dash .dash-item-container .app-well-app:last-child, #dashtodockContainer.left.shrink #dash .dash-item-container .grid-search-result:last-child, #dashtodockContainer.left.shrink #dash .dash-item-container .show-apps:last-child { padding-bottom: 0; } #dashtodockContainer.left.shrink #dash .dash-item-container .app-well-app.running .overview-icon, #dashtodockContainer.left.shrink #dash .dash-item-container .running.grid-search-result .overview-icon { background-image: none; } #dashtodockContainer.left.shrink #dash .dash-item-container .app-well-app.focused .overview-icon, #dashtodockContainer.left.shrink #dash .dash-item-container .focused.grid-search-result .overview-icon { background-color: rgba(238, 238, 236, 0.2); } #dashtodockContainer.left.shrink #dash .dash-item-container .app-well-app .app-well-app-running-dot, #dashtodockContainer.left.shrink #dash .dash-item-container .grid-search-result .app-well-app-running-dot { margin-bottom: 2px; } #dashtodockContainer.left.shrink #dash .dash-item-container > StButton { transition-duration: 250; background-size: contain; } #dashtodockContainer.left.shrink.fixed #dash .dash-background { margin-right: 1px; } #dashtodockContainer.left.shrink.fixed #dash .dash-item-container .app-well-app, #dashtodockContainer.left.shrink.fixed #dash .dash-item-container .grid-search-result, #dashtodockContainer.left.shrink.fixed #dash .dash-item-container .show-apps { padding-right: 4px; } .dash-label.left.shrink { margin: 0; -x-offset: 3px; -y-offset: 0; } #dashtodockContainer.left.extended #dash { margin: 0px; padding: 0px; } #dashtodockContainer.left.extended #dash .dash-background { margin: 0; margin-left: 0; padding: 0; border-radius: 0; spacing: 6px; } #dashtodockContainer.left.extended #dash .dash-separator { background-color: #464646; width: 0; height: 1px; margin: 4px 0; margin-left: 0; } #dashtodockContainer.left.extended #dash #dashtodockDashContainer { padding: 0; padding-left: 0; padding-right: 0; } #dashtodockContainer.left.extended #dash #dashtodockDashContainer > :first-child .show-apps { padding-top: 8px; } #dashtodockContainer.left.extended #dash #dashtodockDashContainer #dashtodockDashScrollview:first-child { padding-top: 8px; } #dashtodockContainer.left.extended #dash #dashtodockDashContainer > :last-child .show-apps { padding-bottom: 8px; } #dashtodockContainer.left.extended #dash #dashtodockDashContainer #dashtodockDashScrollview:last-child { padding-bottom: 8px; } #dashtodockContainer.left.extended #dash .dash-item-container { /* Disable all margins defined upstream, we handle them here */ margin: 2px 0; } #dashtodockContainer.left.extended #dash .dash-item-container > * { margin: 0; } #dashtodockContainer.left.extended #dash .dash-item-container:first-child { margin-top: 0; } #dashtodockContainer.left.extended #dash .dash-item-container:last-child { margin-bottom: 0; } #dashtodockContainer.left.extended #dash .dash-item-container .app-well-app, #dashtodockContainer.left.extended #dash .dash-item-container .grid-search-result, #dashtodockContainer.left.extended #dash .dash-item-container .show-apps { padding: 2px 2px; padding-left: 10px; padding-right: 10px; } #dashtodockContainer.left.extended #dash .dash-item-container .app-well-app:first-child, #dashtodockContainer.left.extended #dash .dash-item-container .grid-search-result:first-child, #dashtodockContainer.left.extended #dash .dash-item-container .show-apps:first-child { padding-top: 0; } #dashtodockContainer.left.extended #dash .dash-item-container .app-well-app:last-child, #dashtodockContainer.left.extended #dash .dash-item-container .grid-search-result:last-child, #dashtodockContainer.left.extended #dash .dash-item-container .show-apps:last-child { padding-bottom: 0; } #dashtodockContainer.left.extended #dash .dash-item-container .app-well-app.running .overview-icon, #dashtodockContainer.left.extended #dash .dash-item-container .running.grid-search-result .overview-icon { background-image: none; } #dashtodockContainer.left.extended #dash .dash-item-container .app-well-app.focused .overview-icon, #dashtodockContainer.left.extended #dash .dash-item-container .focused.grid-search-result .overview-icon { background-color: rgba(238, 238, 236, 0.2); } #dashtodockContainer.left.extended #dash .dash-item-container .app-well-app .app-well-app-running-dot, #dashtodockContainer.left.extended #dash .dash-item-container .grid-search-result .app-well-app-running-dot { margin-bottom: 2px; } #dashtodockContainer.left.extended #dash .dash-item-container > StButton { transition-duration: 250; background-size: contain; } #dashtodockContainer.left.extended.fixed #dash .dash-background { margin-right: 0; } #dashtodockContainer.left.extended.fixed #dash .dash-item-container .app-well-app, #dashtodockContainer.left.extended.fixed #dash .dash-item-container .grid-search-result, #dashtodockContainer.left.extended.fixed #dash .dash-item-container .show-apps { padding-right: 10px; } .dash-label.left { margin: 0; -x-offset: 10px; -y-offset: 0; } #dashtodockContainer.left.extended.shrink #dash { margin: 0px; padding: 0px; } #dashtodockContainer.left.extended.shrink #dash .dash-background { margin: 0; margin-left: 0; padding: 0; border-radius: 0; spacing: 2px; } #dashtodockContainer.left.extended.shrink #dash .dash-separator { background-color: #464646; width: 0; height: 1px; margin: 1px 0; margin-left: 0; } #dashtodockContainer.left.extended.shrink #dash #dashtodockDashContainer { padding: 0; padding-left: 0; padding-right: 0; } #dashtodockContainer.left.extended.shrink #dash #dashtodockDashContainer > :first-child .show-apps { padding-top: 6px; } #dashtodockContainer.left.extended.shrink #dash #dashtodockDashContainer #dashtodockDashScrollview:first-child { padding-top: 6px; } #dashtodockContainer.left.extended.shrink #dash #dashtodockDashContainer > :last-child .show-apps { padding-bottom: 6px; } #dashtodockContainer.left.extended.shrink #dash #dashtodockDashContainer #dashtodockDashScrollview:last-child { padding-bottom: 6px; } #dashtodockContainer.left.extended.shrink #dash .dash-item-container { /* Disable all margins defined upstream, we handle them here */ margin: 2px 0; } #dashtodockContainer.left.extended.shrink #dash .dash-item-container > * { margin: 0; } #dashtodockContainer.left.extended.shrink #dash .dash-item-container:first-child { margin-top: 0; } #dashtodockContainer.left.extended.shrink #dash .dash-item-container:last-child { margin-bottom: 0; } #dashtodockContainer.left.extended.shrink #dash .dash-item-container .app-well-app, #dashtodockContainer.left.extended.shrink #dash .dash-item-container .grid-search-result, #dashtodockContainer.left.extended.shrink #dash .dash-item-container .show-apps { padding: 1px 1px; padding-left: 3px; padding-right: 3px; } #dashtodockContainer.left.extended.shrink #dash .dash-item-container .app-well-app:first-child, #dashtodockContainer.left.extended.shrink #dash .dash-item-container .grid-search-result:first-child, #dashtodockContainer.left.extended.shrink #dash .dash-item-container .show-apps:first-child { padding-top: 0; } #dashtodockContainer.left.extended.shrink #dash .dash-item-container .app-well-app:last-child, #dashtodockContainer.left.extended.shrink #dash .dash-item-container .grid-search-result:last-child, #dashtodockContainer.left.extended.shrink #dash .dash-item-container .show-apps:last-child { padding-bottom: 0; } #dashtodockContainer.left.extended.shrink #dash .dash-item-container .app-well-app.running .overview-icon, #dashtodockContainer.left.extended.shrink #dash .dash-item-container .running.grid-search-result .overview-icon { background-image: none; } #dashtodockContainer.left.extended.shrink #dash .dash-item-container .app-well-app.focused .overview-icon, #dashtodockContainer.left.extended.shrink #dash .dash-item-container .focused.grid-search-result .overview-icon { background-color: rgba(238, 238, 236, 0.2); } #dashtodockContainer.left.extended.shrink #dash .dash-item-container .app-well-app .app-well-app-running-dot, #dashtodockContainer.left.extended.shrink #dash .dash-item-container .grid-search-result .app-well-app-running-dot { margin-bottom: 2px; } #dashtodockContainer.left.extended.shrink #dash .dash-item-container > StButton { transition-duration: 250; background-size: contain; } #dashtodockContainer.left.extended.shrink.fixed #dash .dash-background { margin-right: 0; } #dashtodockContainer.left.extended.shrink.fixed #dash .dash-item-container .app-well-app, #dashtodockContainer.left.extended.shrink.fixed #dash .dash-item-container .grid-search-result, #dashtodockContainer.left.extended.shrink.fixed #dash .dash-item-container .show-apps { padding-right: 3px; } .dash-label.left.shrink { margin: 0; -x-offset: 3px; -y-offset: 0; } #dashtodockContainer.right #dash { margin: 0px; padding: 0px; } #dashtodockContainer.right #dash .dash-background { margin: 0; margin-right: 4px; padding: 0; border-radius: 18px; spacing: 6px; } #dashtodockContainer.right #dash .dash-separator { background-color: #464646; width: 0; height: 1px; margin: 4px 0; margin-right: 4px; } #dashtodockContainer.right #dash #dashtodockDashContainer { padding: 10px; padding-right: 0; padding-left: 0; } #dashtodockContainer.right #dash .dash-item-container { /* Disable all margins defined upstream, we handle them here */ margin: 2px 0; } #dashtodockContainer.right #dash .dash-item-container > * { margin: 0; } #dashtodockContainer.right #dash .dash-item-container:first-child { margin-top: 0; } #dashtodockContainer.right #dash .dash-item-container:last-child { margin-bottom: 0; } #dashtodockContainer.right #dash .dash-item-container .app-well-app, #dashtodockContainer.right #dash .dash-item-container .grid-search-result, #dashtodockContainer.right #dash .dash-item-container .show-apps { padding: 2px 2px; padding-right: 14px; padding-left: 10px; } #dashtodockContainer.right #dash .dash-item-container .app-well-app:first-child, #dashtodockContainer.right #dash .dash-item-container .grid-search-result:first-child, #dashtodockContainer.right #dash .dash-item-container .show-apps:first-child { padding-top: 0; } #dashtodockContainer.right #dash .dash-item-container .app-well-app:last-child, #dashtodockContainer.right #dash .dash-item-container .grid-search-result:last-child, #dashtodockContainer.right #dash .dash-item-container .show-apps:last-child { padding-bottom: 0; } #dashtodockContainer.right #dash .dash-item-container .app-well-app.running .overview-icon, #dashtodockContainer.right #dash .dash-item-container .running.grid-search-result .overview-icon { background-image: none; } #dashtodockContainer.right #dash .dash-item-container .app-well-app.focused .overview-icon, #dashtodockContainer.right #dash .dash-item-container .focused.grid-search-result .overview-icon { background-color: rgba(238, 238, 236, 0.2); } #dashtodockContainer.right #dash .dash-item-container .app-well-app .app-well-app-running-dot, #dashtodockContainer.right #dash .dash-item-container .grid-search-result .app-well-app-running-dot { margin-bottom: 2px; } #dashtodockContainer.right #dash .dash-item-container > StButton { transition-duration: 250; background-size: contain; } #dashtodockContainer.right.fixed #dash .dash-background { margin-left: 4px; } #dashtodockContainer.right.fixed #dash .dash-item-container .app-well-app, #dashtodockContainer.right.fixed #dash .dash-item-container .grid-search-result, #dashtodockContainer.right.fixed #dash .dash-item-container .show-apps { padding-left: 14px; } .dash-label.right { margin: 0; -x-offset: 10px; -y-offset: 0; } #dashtodockContainer.right.shrink #dash { margin: 0px; padding: 0px; } #dashtodockContainer.right.shrink #dash .dash-background { margin: 0; margin-right: 4px; padding: 0; border-radius: 14px; spacing: 2px; } #dashtodockContainer.right.shrink #dash .dash-separator { background-color: #464646; width: 0; height: 1px; margin: 1px 0; margin-right: 4px; } #dashtodockContainer.right.shrink #dash #dashtodockDashContainer { padding: 3px; padding-right: 0; padding-left: 0; } #dashtodockContainer.right.shrink #dash .dash-item-container { /* Disable all margins defined upstream, we handle them here */ margin: 2px 0; } #dashtodockContainer.right.shrink #dash .dash-item-container > * { margin: 0; } #dashtodockContainer.right.shrink #dash .dash-item-container:first-child { margin-top: 0; } #dashtodockContainer.right.shrink #dash .dash-item-container:last-child { margin-bottom: 0; } #dashtodockContainer.right.shrink #dash .dash-item-container .app-well-app, #dashtodockContainer.right.shrink #dash .dash-item-container .grid-search-result, #dashtodockContainer.right.shrink #dash .dash-item-container .show-apps { padding: 1px 1px; padding-right: 7px; padding-left: 3px; } #dashtodockContainer.right.shrink #dash .dash-item-container .app-well-app:first-child, #dashtodockContainer.right.shrink #dash .dash-item-container .grid-search-result:first-child, #dashtodockContainer.right.shrink #dash .dash-item-container .show-apps:first-child { padding-top: 0; } #dashtodockContainer.right.shrink #dash .dash-item-container .app-well-app:last-child, #dashtodockContainer.right.shrink #dash .dash-item-container .grid-search-result:last-child, #dashtodockContainer.right.shrink #dash .dash-item-container .show-apps:last-child { padding-bottom: 0; } #dashtodockContainer.right.shrink #dash .dash-item-container .app-well-app.running .overview-icon, #dashtodockContainer.right.shrink #dash .dash-item-container .running.grid-search-result .overview-icon { background-image: none; } #dashtodockContainer.right.shrink #dash .dash-item-container .app-well-app.focused .overview-icon, #dashtodockContainer.right.shrink #dash .dash-item-container .focused.grid-search-result .overview-icon { background-color: rgba(238, 238, 236, 0.2); } #dashtodockContainer.right.shrink #dash .dash-item-container .app-well-app .app-well-app-running-dot, #dashtodockContainer.right.shrink #dash .dash-item-container .grid-search-result .app-well-app-running-dot { margin-bottom: 2px; } #dashtodockContainer.right.shrink #dash .dash-item-container > StButton { transition-duration: 250; background-size: contain; } #dashtodockContainer.right.shrink.fixed #dash .dash-background { margin-left: 1px; } #dashtodockContainer.right.shrink.fixed #dash .dash-item-container .app-well-app, #dashtodockContainer.right.shrink.fixed #dash .dash-item-container .grid-search-result, #dashtodockContainer.right.shrink.fixed #dash .dash-item-container .show-apps { padding-left: 4px; } .dash-label.right.shrink { margin: 0; -x-offset: 3px; -y-offset: 0; } #dashtodockContainer.right.extended #dash { margin: 0px; padding: 0px; } #dashtodockContainer.right.extended #dash .dash-background { margin: 0; margin-right: 0; padding: 0; border-radius: 0; spacing: 6px; } #dashtodockContainer.right.extended #dash .dash-separator { background-color: #464646; width: 0; height: 1px; margin: 4px 0; margin-right: 0; } #dashtodockContainer.right.extended #dash #dashtodockDashContainer { padding: 0; padding-right: 0; padding-left: 0; } #dashtodockContainer.right.extended #dash #dashtodockDashContainer > :first-child .show-apps { padding-top: 8px; } #dashtodockContainer.right.extended #dash #dashtodockDashContainer #dashtodockDashScrollview:first-child { padding-top: 8px; } #dashtodockContainer.right.extended #dash #dashtodockDashContainer > :last-child .show-apps { padding-bottom: 8px; } #dashtodockContainer.right.extended #dash #dashtodockDashContainer #dashtodockDashScrollview:last-child { padding-bottom: 8px; } #dashtodockContainer.right.extended #dash .dash-item-container { /* Disable all margins defined upstream, we handle them here */ margin: 2px 0; } #dashtodockContainer.right.extended #dash .dash-item-container > * { margin: 0; } #dashtodockContainer.right.extended #dash .dash-item-container:first-child { margin-top: 0; } #dashtodockContainer.right.extended #dash .dash-item-container:last-child { margin-bottom: 0; } #dashtodockContainer.right.extended #dash .dash-item-container .app-well-app, #dashtodockContainer.right.extended #dash .dash-item-container .grid-search-result, #dashtodockContainer.right.extended #dash .dash-item-container .show-apps { padding: 2px 2px; padding-right: 10px; padding-left: 10px; } #dashtodockContainer.right.extended #dash .dash-item-container .app-well-app:first-child, #dashtodockContainer.right.extended #dash .dash-item-container .grid-search-result:first-child, #dashtodockContainer.right.extended #dash .dash-item-container .show-apps:first-child { padding-top: 0; } #dashtodockContainer.right.extended #dash .dash-item-container .app-well-app:last-child, #dashtodockContainer.right.extended #dash .dash-item-container .grid-search-result:last-child, #dashtodockContainer.right.extended #dash .dash-item-container .show-apps:last-child { padding-bottom: 0; } #dashtodockContainer.right.extended #dash .dash-item-container .app-well-app.running .overview-icon, #dashtodockContainer.right.extended #dash .dash-item-container .running.grid-search-result .overview-icon { background-image: none; } #dashtodockContainer.right.extended #dash .dash-item-container .app-well-app.focused .overview-icon, #dashtodockContainer.right.extended #dash .dash-item-container .focused.grid-search-result .overview-icon { background-color: rgba(238, 238, 236, 0.2); } #dashtodockContainer.right.extended #dash .dash-item-container .app-well-app .app-well-app-running-dot, #dashtodockContainer.right.extended #dash .dash-item-container .grid-search-result .app-well-app-running-dot { margin-bottom: 2px; } #dashtodockContainer.right.extended #dash .dash-item-container > StButton { transition-duration: 250; background-size: contain; } #dashtodockContainer.right.extended.fixed #dash .dash-background { margin-left: 0; } #dashtodockContainer.right.extended.fixed #dash .dash-item-container .app-well-app, #dashtodockContainer.right.extended.fixed #dash .dash-item-container .grid-search-result, #dashtodockContainer.right.extended.fixed #dash .dash-item-container .show-apps { padding-left: 10px; } .dash-label.right { margin: 0; -x-offset: 10px; -y-offset: 0; } #dashtodockContainer.right.extended.shrink #dash { margin: 0px; padding: 0px; } #dashtodockContainer.right.extended.shrink #dash .dash-background { margin: 0; margin-right: 0; padding: 0; border-radius: 0; spacing: 2px; } #dashtodockContainer.right.extended.shrink #dash .dash-separator { background-color: #464646; width: 0; height: 1px; margin: 1px 0; margin-right: 0; } #dashtodockContainer.right.extended.shrink #dash #dashtodockDashContainer { padding: 0; padding-right: 0; padding-left: 0; } #dashtodockContainer.right.extended.shrink #dash #dashtodockDashContainer > :first-child .show-apps { padding-top: 6px; } #dashtodockContainer.right.extended.shrink #dash #dashtodockDashContainer #dashtodockDashScrollview:first-child { padding-top: 6px; } #dashtodockContainer.right.extended.shrink #dash #dashtodockDashContainer > :last-child .show-apps { padding-bottom: 6px; } #dashtodockContainer.right.extended.shrink #dash #dashtodockDashContainer #dashtodockDashScrollview:last-child { padding-bottom: 6px; } #dashtodockContainer.right.extended.shrink #dash .dash-item-container { /* Disable all margins defined upstream, we handle them here */ margin: 2px 0; } #dashtodockContainer.right.extended.shrink #dash .dash-item-container > * { margin: 0; } #dashtodockContainer.right.extended.shrink #dash .dash-item-container:first-child { margin-top: 0; } #dashtodockContainer.right.extended.shrink #dash .dash-item-container:last-child { margin-bottom: 0; } #dashtodockContainer.right.extended.shrink #dash .dash-item-container .app-well-app, #dashtodockContainer.right.extended.shrink #dash .dash-item-container .grid-search-result, #dashtodockContainer.right.extended.shrink #dash .dash-item-container .show-apps { padding: 1px 1px; padding-right: 3px; padding-left: 3px; } #dashtodockContainer.right.extended.shrink #dash .dash-item-container .app-well-app:first-child, #dashtodockContainer.right.extended.shrink #dash .dash-item-container .grid-search-result:first-child, #dashtodockContainer.right.extended.shrink #dash .dash-item-container .show-apps:first-child { padding-top: 0; } #dashtodockContainer.right.extended.shrink #dash .dash-item-container .app-well-app:last-child, #dashtodockContainer.right.extended.shrink #dash .dash-item-container .grid-search-result:last-child, #dashtodockContainer.right.extended.shrink #dash .dash-item-container .show-apps:last-child { padding-bottom: 0; } #dashtodockContainer.right.extended.shrink #dash .dash-item-container .app-well-app.running .overview-icon, #dashtodockContainer.right.extended.shrink #dash .dash-item-container .running.grid-search-result .overview-icon { background-image: none; } #dashtodockContainer.right.extended.shrink #dash .dash-item-container .app-well-app.focused .overview-icon, #dashtodockContainer.right.extended.shrink #dash .dash-item-container .focused.grid-search-result .overview-icon { background-color: rgba(238, 238, 236, 0.2); } #dashtodockContainer.right.extended.shrink #dash .dash-item-container .app-well-app .app-well-app-running-dot, #dashtodockContainer.right.extended.shrink #dash .dash-item-container .grid-search-result .app-well-app-running-dot { margin-bottom: 2px; } #dashtodockContainer.right.extended.shrink #dash .dash-item-container > StButton { transition-duration: 250; background-size: contain; } #dashtodockContainer.right.extended.shrink.fixed #dash .dash-background { margin-left: 0; } #dashtodockContainer.right.extended.shrink.fixed #dash .dash-item-container .app-well-app, #dashtodockContainer.right.extended.shrink.fixed #dash .dash-item-container .grid-search-result, #dashtodockContainer.right.extended.shrink.fixed #dash .dash-item-container .show-apps { padding-left: 3px; } .dash-label.right.shrink { margin: 0; -x-offset: 3px; -y-offset: 0; } #dashtodockContainer.top.shrink #dash .dash-background { margin-top: 4px; margin-bottom: 0; } #dashtodockContainer.straight-corner #dash .dash-background, #dashtodockContainer.shrink.straight-corner #dash .dash-background { border-radius: 0px; } /* Scrollview style */ .bottom #dashtodockDashScrollview, .top #dashtodockDashScrollview { -st-hfade-offset: 24px; } .left #dashtodockDashScrollview, .right #dashtodockDashScrollview { -st-vfade-offset: 24px; } #dashtodockContainer.dashtodock #dash .dash-background { background: #1d1d1d; } #dashtodockContainer.dashtodock .progress-bar { /* Customization of the progress bar style, e.g.: -progress-bar-background: rgba(0.8, 0.8, 0.8, 1); -progress-bar-border: rgba(0.9, 0.9, 0.9, 1); */ } #dashtodockContainer.top #dash .placeholder, #dashtodockContainer.bottom #dash .placeholder { width: 32px; height: 1px; } /* * This is applied to a dummy actor. Only the alpha value for the background and border color * and the transition-duration are used */ #dashtodockContainer.dummy-opaque { background-color: rgba(0, 0, 0, 0.8); border-color: rgba(0, 0, 0, 0.4); transition-duration: 300ms; } /* * This is applied to a dummy actor. Only the alpha value for the background and border color * and the transition-duration are used */ #dashtodockContainer.dummy-transparent { background-color: rgba(0, 0, 0, 0.2); border-color: rgba(0, 0, 0, 0.1); transition-duration: 500ms; } #dashtodockContainer .number-overlay { color: white; background-color: rgba(0, 0, 0, 0.8); text-align: center; } #dashtodockContainer .notification-badge { color: white; background-color: red; padding: 0.2em 0.5em; border-radius: 1em; font-weight: bold; text-align: center; margin: 2px; } #dashtodockPreviewSeparator.popup-separator-menu-item-horizontal { width: 1px; height: auto; border-right-width: 1px; margin: 32px 0px; } .dashtodock-app-well-preview-menu-item { padding: 1em 1em 0.5em 1em; } #dashtodockContainer .metro .overview-icon { border-radius: 0px; } #dashtodockContainer.bottom .metro.running2.focused, #dashtodockContainer.top .metro.running2.focused { background-image: url("./media/highlight_stacked_bg.svg"); background-position: 0px 0px; background-size: contain; } #dashtodockContainer.left .metro.running2.focused, #dashtodockContainer.right .metro.running2.focused { background-image: url("./media/highlight_stacked_bg_h.svg"); background-position: 0px 0px; background-size: contain; } #dashtodockContainer.bottom .metro.running3.focused, #dashtodockContainer.top .metro.running3.focused { background-image: url("./media/highlight_stacked_bg.svg"); background-position: 0px 0px; background-size: contain; } #dashtodockContainer.left .metro.running3.focused, #dashtodockContainer.right .metro.running3.focused { background-image: url("./media/highlight_stacked_bg_h.svg"); background-position: 0px 0px; background-size: contain; } #dashtodockContainer.bottom .metro.running4.focused, #dashtodockContainer.top .metro.running4.focused { background-image: url("./media/highlight_stacked_bg.svg"); background-position: 0px 0px; background-size: contain; } #dashtodockContainer.left .metro.running4.focused, #dashtodockContainer.right .metro.running4.focused { background-image: url("./media/highlight_stacked_bg_h.svg"); background-position: 0px 0px; background-size: contain; } /* Yaru Dock styling */ #dashtodockContainer.bottom #dash, #dashtodockContainer.bottom.dashtodock #dash, #dashtodockContainer.bottom.shrink #dash { margin: 0px; padding: 0px; } #dashtodockContainer.bottom #dash .dash-background, #dashtodockContainer.bottom.dashtodock #dash .dash-background, #dashtodockContainer.bottom.shrink #dash .dash-background { background: rgba(19, 19, 19, 0.75); transition-duration: 250ms; } #dashtodockContainer.bottom #dash .dash-separator, #dashtodockContainer.bottom.dashtodock #dash .dash-separator, #dashtodockContainer.bottom.shrink #dash .dash-separator { background: rgba(238, 238, 236, 0.3); } #dashtodockContainer.bottom.overview #dash .dash-background, #dashtodockContainer.bottom.overview.dashtodock #dash .dash-background, #dashtodockContainer.bottom.overview.shrink #dash .dash-background { background-color: #131313; } #dashtodockContainer.bottom.extended #dash .dash-background, #dashtodockContainer.bottom.extended.dashtodock #dash .dash-background, #dashtodockContainer.bottom.extended.shrink #dash .dash-background { border: none; } #dashtodockContainer.bottom .dash-item-container .show-apps, #dashtodockContainer.bottom .dash-item-container .app-well-app, #dashtodockContainer.bottom .dash-item-container .grid-search-result { border-radius: 18px; } #dashtodockContainer.bottom .dash-item-container .show-apps:active .overview-icon, #dashtodockContainer.bottom .dash-item-container .show-apps:checked .overview-icon, #dashtodockContainer.bottom .dash-item-container .app-well-app:active .overview-icon, #dashtodockContainer.bottom .dash-item-container .grid-search-result:active .overview-icon, #dashtodockContainer.bottom .dash-item-container .app-well-app:checked .overview-icon, #dashtodockContainer.bottom .dash-item-container .grid-search-result:checked .overview-icon { background-color: rgba(255, 255, 255, 0.25); box-shadow: none; } #dashtodockContainer.bottom .notification-badge { background-color: #109b26; border: 1px solid #0c6d1a; box-shadow: -1px 1px 5px 0px rgba(0, 0, 0, 0.5); } #dashtodockContainer.top #dash, #dashtodockContainer.top.dashtodock #dash, #dashtodockContainer.top.shrink #dash { margin: 0px; padding: 0px; } #dashtodockContainer.top #dash .dash-background, #dashtodockContainer.top.dashtodock #dash .dash-background, #dashtodockContainer.top.shrink #dash .dash-background { background: rgba(19, 19, 19, 0.75); transition-duration: 250ms; } #dashtodockContainer.top #dash .dash-separator, #dashtodockContainer.top.dashtodock #dash .dash-separator, #dashtodockContainer.top.shrink #dash .dash-separator { background: rgba(238, 238, 236, 0.3); } #dashtodockContainer.top.overview #dash .dash-background, #dashtodockContainer.top.overview.dashtodock #dash .dash-background, #dashtodockContainer.top.overview.shrink #dash .dash-background { background-color: #131313; } #dashtodockContainer.top.extended #dash .dash-background, #dashtodockContainer.top.extended.dashtodock #dash .dash-background, #dashtodockContainer.top.extended.shrink #dash .dash-background { border: none; } #dashtodockContainer.top .dash-item-container .show-apps, #dashtodockContainer.top .dash-item-container .app-well-app, #dashtodockContainer.top .dash-item-container .grid-search-result { border-radius: 18px; } #dashtodockContainer.top .dash-item-container .show-apps:active .overview-icon, #dashtodockContainer.top .dash-item-container .show-apps:checked .overview-icon, #dashtodockContainer.top .dash-item-container .app-well-app:active .overview-icon, #dashtodockContainer.top .dash-item-container .grid-search-result:active .overview-icon, #dashtodockContainer.top .dash-item-container .app-well-app:checked .overview-icon, #dashtodockContainer.top .dash-item-container .grid-search-result:checked .overview-icon { background-color: rgba(255, 255, 255, 0.25); box-shadow: none; } #dashtodockContainer.top .notification-badge { background-color: #109b26; border: 1px solid #0c6d1a; box-shadow: -1px 1px 5px 0px rgba(0, 0, 0, 0.5); } #dashtodockContainer.left #dash, #dashtodockContainer.left.dashtodock #dash, #dashtodockContainer.left.shrink #dash { margin: 0px; padding: 0px; } #dashtodockContainer.left #dash .dash-background, #dashtodockContainer.left.dashtodock #dash .dash-background, #dashtodockContainer.left.shrink #dash .dash-background { background: rgba(19, 19, 19, 0.75); transition-duration: 250ms; } #dashtodockContainer.left #dash .dash-separator, #dashtodockContainer.left.dashtodock #dash .dash-separator, #dashtodockContainer.left.shrink #dash .dash-separator { background: rgba(238, 238, 236, 0.3); } #dashtodockContainer.left.overview #dash .dash-background, #dashtodockContainer.left.overview.dashtodock #dash .dash-background, #dashtodockContainer.left.overview.shrink #dash .dash-background { background-color: #131313; } #dashtodockContainer.left.extended #dash .dash-background, #dashtodockContainer.left.extended.dashtodock #dash .dash-background, #dashtodockContainer.left.extended.shrink #dash .dash-background { border: none; } #dashtodockContainer.left .dash-item-container .show-apps, #dashtodockContainer.left .dash-item-container .app-well-app, #dashtodockContainer.left .dash-item-container .grid-search-result { border-radius: 18px; } #dashtodockContainer.left .dash-item-container .show-apps:active .overview-icon, #dashtodockContainer.left .dash-item-container .show-apps:checked .overview-icon, #dashtodockContainer.left .dash-item-container .app-well-app:active .overview-icon, #dashtodockContainer.left .dash-item-container .grid-search-result:active .overview-icon, #dashtodockContainer.left .dash-item-container .app-well-app:checked .overview-icon, #dashtodockContainer.left .dash-item-container .grid-search-result:checked .overview-icon { background-color: rgba(255, 255, 255, 0.25); box-shadow: none; } #dashtodockContainer.left .notification-badge { background-color: #109b26; border: 1px solid #0c6d1a; box-shadow: -1px 1px 5px 0px rgba(0, 0, 0, 0.5); } #dashtodockContainer.right #dash, #dashtodockContainer.right.dashtodock #dash, #dashtodockContainer.right.shrink #dash { margin: 0px; padding: 0px; } #dashtodockContainer.right #dash .dash-background, #dashtodockContainer.right.dashtodock #dash .dash-background, #dashtodockContainer.right.shrink #dash .dash-background { background: rgba(19, 19, 19, 0.75); transition-duration: 250ms; } #dashtodockContainer.right #dash .dash-separator, #dashtodockContainer.right.dashtodock #dash .dash-separator, #dashtodockContainer.right.shrink #dash .dash-separator { background: rgba(238, 238, 236, 0.3); } #dashtodockContainer.right.overview #dash .dash-background, #dashtodockContainer.right.overview.dashtodock #dash .dash-background, #dashtodockContainer.right.overview.shrink #dash .dash-background { background-color: #131313; } #dashtodockContainer.right.extended #dash .dash-background, #dashtodockContainer.right.extended.dashtodock #dash .dash-background, #dashtodockContainer.right.extended.shrink #dash .dash-background { border: none; } #dashtodockContainer.right .dash-item-container .show-apps, #dashtodockContainer.right .dash-item-container .app-well-app, #dashtodockContainer.right .dash-item-container .grid-search-result { border-radius: 18px; } #dashtodockContainer.right .dash-item-container .show-apps:active .overview-icon, #dashtodockContainer.right .dash-item-container .show-apps:checked .overview-icon, #dashtodockContainer.right .dash-item-container .app-well-app:active .overview-icon, #dashtodockContainer.right .dash-item-container .grid-search-result:active .overview-icon, #dashtodockContainer.right .dash-item-container .app-well-app:checked .overview-icon, #dashtodockContainer.right .dash-item-container .grid-search-result:checked .overview-icon { background-color: rgba(255, 255, 255, 0.25); box-shadow: none; } #dashtodockContainer.right .notification-badge { background-color: #109b26; border: 1px solid #0c6d1a; box-shadow: -1px 1px 5px 0px rgba(0, 0, 0, 0.5); } (uuay)checkbox-off-prussiangreen-dark.svg � <svg width="24" height="24" xmlns="http://www.w3.org/2000/svg"><rect x="1.5" y="1.5" width="21" height="21" rx="3" fill="#4a4a4a" stroke="#464646" stroke-linejoin="round" style="fill:#222222;stroke:#494949"/></svg> (uuay)checkbox-purple.svg G <svg width="24" height="24" xmlns="http://www.w3.org/2000/svg"><rect x="1.5" y="1.5" width="21" height="21" fill="#7764D8" stroke="#7764D8" stroke-linejoin="round" style="stroke-width:1" rx="3"/><path d="m20.16 7.527-1.253-1.414-.118.104-8.478 7.426-4.97-4.263-1.503 1.699 6.474 6.811z" fill="#fff" fill-rule="evenodd"/></svg> (uuay)checkbox-focused-sage.svg/ <svg width="24" height="24" xmlns="http://www.w3.org/2000/svg"><rect x="1.5" y="1.5" width="21" height="21" rx="3" fill="#5e7362" stroke="#92a595" stroke-linejoin="round"/><path d="m20.16 7.527-1.253-1.414-.118.104-8.478 7.426-4.97-4.263-1.503 1.699 6.474 6.811z" fill="#fff" fill-rule="evenodd"/></svg> (uuay)checkbox-focused-bark-dark.svg / <svg width="24" height="24" xmlns="http://www.w3.org/2000/svg"><rect x="1.5" y="1.5" width="21" height="21" rx="3" fill="#64644a" stroke="#a4a484" stroke-linejoin="round"/><path d="m20.16 7.527-1.253-1.414-.118.104-8.478 7.426-4.97-4.263-1.503 1.699 6.474 6.811z" fill="#fff" fill-rule="evenodd"/></svg> (uuay)checkbox-magenta.svg G <svg width="24" height="24" xmlns="http://www.w3.org/2000/svg"><rect x="1.5" y="1.5" width="21" height="21" fill="#B34CB3" stroke="#B34CB3" stroke-linejoin="round" style="stroke-width:1" rx="3"/><path d="m20.16 7.527-1.253-1.414-.118.104-8.478 7.426-4.97-4.263-1.503 1.699 6.474 6.811z" fill="#fff" fill-rule="evenodd"/></svg> (uuay)checkbox-off-focused-red-dark.svg� <svg width="24" height="24" xmlns="http://www.w3.org/2000/svg"><rect x="1.5" y="1.5" width="21" height="21" fill="#4a4a4a" stroke="#e77d8f" stroke-linejoin="round" rx="3" style="fill:#222222"/></svg> (uuay)toggle-off-dark.svg P <svg width="48" height="26" xmlns="http://www.w3.org/2000/svg"><rect style="fill:#4a4a4a;fill-opacity:1;stroke:none;stroke-width:1;marker:none" width="48" height="26" x="-48" ry="13" fill="#3081e3" rx="13" transform="scale(-1 1)"/><rect ry="11" rx="11" y="3" x="-24" height="22" width="22" style="fill:#000;fill-opacity:.2;stroke:none;stroke-width:.999999;marker:none" fill="#f8f7f7" transform="scale(-1 1)"/><rect ry="11" rx="11" y="2" x="-24" height="22" width="22" style="fill:#fff;fill-opacity:1;stroke:none;stroke-width:.999999;marker:none" fill="#f8f7f7" transform="scale(-1 1)"/></svg> (uuay)toggle-on-red.svg Q <svg viewBox="0 0 48 26" xmlns="http://www.w3.org/2000/svg"><g transform="translate(0 -291.18)"><rect y="291.18" width="48" height="26" rx="13" ry="13" fill="#DA3450"/><rect x="24" y="294.18" width="22" height="22" rx="11" ry="11" fill-opacity=".2"/><rect x="24" y="293.18" width="22" height="22" rx="11" ry="11" fill="#fff"/></g></svg> (uuay)toggle-on-magenta-dark.svg Q <svg viewBox="0 0 48 26" xmlns="http://www.w3.org/2000/svg"><g transform="translate(0 -291.18)"><rect y="291.18" width="48" height="26" rx="13" ry="13" fill="#B34CB3"/><rect x="24" y="294.18" width="22" height="22" rx="11" ry="11" fill-opacity=".2"/><rect x="24" y="293.18" width="22" height="22" rx="11" ry="11" fill="#fff"/></g></svg> (uuay)checkbox-off-focused-prussiangreen-dark.svg � <svg width="24" height="24" xmlns="http://www.w3.org/2000/svg"><rect x="1.5" y="1.5" width="21" height="21" fill="#4a4a4a" stroke="#4cbdba" stroke-linejoin="round" rx="3" style="fill:#222222"/></svg> (uuay)gnome-shell-red.css � /* This stylesheet is generated, DO NOT EDIT */ /* Copyright 2009, 2015 Red Hat, Inc. * * Portions adapted from Mx's data/style/default.css * Copyright 2009 Intel Corporation * * This program is free software; you can redistribute it and/or modify it * under the terms and conditions of the GNU Lesser General Public License, * version 2.1, as published by the Free Software Foundation. * * This program is distributed in the hope it will be useful, but WITHOUT ANY * WARRANTY; without even the implied warranty of MERCHANTABILITY or FITNESS * FOR A PARTICULAR PURPOSE. See the GNU Lesser General Public License for * more details. * * You should have received a copy of the GNU Lesser General Public License * along with this program; if not, write to the Free Software Foundation, * Inc., 51 Franklin St - Fifth Floor, Boston, MA 02110-1301 USA. */ /* Global Values */ stage { font-size: 11pt; color: #3D3D3D; } /* Common Stylings */ .screenshot-ui-panel, .workspace-switcher, .switcher-list, .resize-popup, .osd-monitor-label, .osd-window { color: #eeeeec; background-color: rgba(29, 29, 29, 0.975); border: 1px solid #464646; border-radius: 999px; padding: 12px; box-shadow: 0 3px 9px 1px rgba(0, 0, 0, 0.5); } .workspace-thumbnails .workspace-thumbnail { color: #eeeeec; background-color: rgba(238, 238, 236, 0.1); } .app-well-app.app-folder .overview-icon, .app-folder.grid-search-result .overview-icon, .app-well-app .overview-icon, .grid-search-result .overview-icon, .dash-item-container .show-apps .overview-icon, .list-search-result, .search-provider-icon, .switcher-list .item-box { border-radius: 12px; padding: 6px; spacing: 6px; border: 2px solid transparent; transition-duration: 100ms; text-align: center; color: #eeeeec; } .modal-dialog { color: #3D3D3D; background-color: #FAFAFA; border-radius: 8.5px; border: 1px solid rgba(255, 255, 255, 0.8); } #LookingGlassDialog > #Toolbar .lg-toolbar-button, .pad-osd-window .button, .button, .app-folder-dialog .folder-name-container .edit-folder-button { border-radius: 4px; border-style: solid; border-width: 1px; font-weight: bold; padding: 3px 24px; color: #3D3D3D; background-color: #ededed; } #LookingGlassDialog > #Toolbar .lg-toolbar-button:focus, .button:focus, .app-folder-dialog .folder-name-container .edit-folder-button:focus { color: #3D3D3D; background-color: #ededed; box-shadow: inset 0 0 0 2px #e57084; } #LookingGlassDialog > #Toolbar .lg-toolbar-button:focus:hover, .button:focus:hover, .app-folder-dialog .folder-name-container .edit-folder-button:focus:hover { background-color: #e5e5e5; box-shadow: inset 0 0 0 2px #e57084; } #LookingGlassDialog > #Toolbar .lg-toolbar-button:focus:active, .button:focus:active, .app-folder-dialog .folder-name-container .edit-folder-button:focus:active { background-color: #dedede; box-shadow: inset 0 0 0 2px #e57084; } #LookingGlassDialog > #Toolbar .lg-toolbar-button:hover, .button:hover, .app-folder-dialog .folder-name-container .edit-folder-button:hover { color: #3D3D3D; background-color: #e5e5e5; } #LookingGlassDialog > #Toolbar .lg-toolbar-button:insensitive, .button:insensitive, .app-folder-dialog .folder-name-container .edit-folder-button:insensitive { color: rgba(61, 61, 61, 0.5); background-color: rgba(61, 61, 61, 0.05); } #LookingGlassDialog > #Toolbar .lg-toolbar-button:active, .button:active, .app-folder-dialog .folder-name-container .edit-folder-button:active { color: #3D3D3D; background-color: #dedede; } #LookingGlassDialog > #Toolbar .lg-toolbar-button:checked, .button:checked, .app-folder-dialog .folder-name-container .edit-folder-button:checked { color: #3D3D3D; background-color: #d6d6d6; } #LookingGlassDialog > #Toolbar .lg-toolbar-button:checked:hover, .button:checked:hover, .app-folder-dialog .folder-name-container .edit-folder-button:checked:hover { background-color: #cecece; } #LookingGlassDialog > #Toolbar .lg-toolbar-button:checked:active, .button:checked:active, .app-folder-dialog .folder-name-container .edit-folder-button:checked:active { background-color: #c7c7c7; } .app-folder-dialog .folder-name-container .edit-folder-button { color: #F7F7F7; background-color: #2c2c2c; } .app-folder-dialog .folder-name-container .edit-folder-button:focus { color: #F7F7F7; background-color: #2c2c2c; box-shadow: inset 0 0 0 2px #e57084; } .app-folder-dialog .folder-name-container .edit-folder-button:focus:hover { background-color: #242424; box-shadow: inset 0 0 0 2px #e57084; } .app-folder-dialog .folder-name-container .edit-folder-button:focus:active { background-color: #1d1d1d; box-shadow: inset 0 0 0 2px #e57084; } .app-folder-dialog .folder-name-container .edit-folder-button:hover { color: #F7F7F7; background-color: #242424; } .app-folder-dialog .folder-name-container .edit-folder-button:insensitive { color: rgba(247, 247, 247, 0.5); background-color: rgba(247, 247, 247, 0.05); } .app-folder-dialog .folder-name-container .edit-folder-button:active { color: #F7F7F7; background-color: #1d1d1d; } .app-folder-dialog .folder-name-container .edit-folder-button:checked { color: #F7F7F7; background-color: #151515; } .app-folder-dialog .folder-name-container .edit-folder-button:checked:hover { background-color: #0d0d0d; } .app-folder-dialog .folder-name-container .edit-folder-button:checked:active { background-color: #060606; } .modal-dialog .modal-dialog-linked-button, .hotplug-notification-item, .notification-banner .notification-button { padding: 12px; color: #3D3D3D; background-color: #ededed; } .modal-dialog .modal-dialog-linked-button:ltr, .hotplug-notification-item:ltr, .notification-banner .notification-button:ltr { margin-right: 1px; } .modal-dialog .modal-dialog-linked-button:rtl, .hotplug-notification-item:rtl, .notification-banner .notification-button:rtl { margin-left: 1px; } .modal-dialog .modal-dialog-linked-button:insensitive, .hotplug-notification-item:insensitive, .notification-banner .notification-button:insensitive { color: rgba(61, 61, 61, 0.5); background-color: rgba(61, 61, 61, 0.05); } .modal-dialog .modal-dialog-linked-button:focus, .hotplug-notification-item:focus, .notification-banner .notification-button:focus { color: #3D3D3D; background-color: #ededed; box-shadow: inset 0 0 0 2px #e57084; } .modal-dialog .modal-dialog-linked-button:focus:hover, .hotplug-notification-item:focus:hover, .notification-banner .notification-button:focus:hover { background-color: #e5e5e5; box-shadow: inset 0 0 0 2px #e57084; } .modal-dialog .modal-dialog-linked-button:focus:active, .hotplug-notification-item:focus:active, .notification-banner .notification-button:focus:active { background-color: #dedede; box-shadow: inset 0 0 0 2px #e57084; } .modal-dialog .modal-dialog-linked-button:hover, .hotplug-notification-item:hover, .notification-banner .notification-button:hover { color: #3D3D3D; background-color: #e5e5e5; } .modal-dialog .modal-dialog-linked-button:active, .hotplug-notification-item:active, .notification-banner .notification-button:active { color: #3D3D3D; background-color: #dedede; } .modal-dialog .modal-dialog-linked-button:first-child:ltr, .hotplug-notification-item:first-child:ltr, .notification-banner .notification-button:first-child:ltr { border-radius: 0 0 0 7.5px; } .modal-dialog .modal-dialog-linked-button:last-child:ltr, .hotplug-notification-item:last-child:ltr, .notification-banner .notification-button:last-child:ltr { border-radius: 0 0 7.5px 0; margin-right: 0 !important; } .modal-dialog .modal-dialog-linked-button:first-child:rtl, .hotplug-notification-item:first-child:rtl, .notification-banner .notification-button:first-child:rtl { border-radius: 0 0 7.5px 0; margin-left: 0 !important; } .modal-dialog .modal-dialog-linked-button:last-child:rtl, .hotplug-notification-item:last-child:rtl, .notification-banner .notification-button:last-child:rtl { border-radius: 0 0 0 7.5px; margin-right: 0 !important; } .modal-dialog .modal-dialog-linked-button:first-child:last-child, .hotplug-notification-item:first-child:last-child, .notification-banner .notification-button:first-child:last-child { border-radius: 0 0 7.5px 7.5px !important; margin-left: 0 !important; margin-right: 0 !important; } .screenshot-ui-show-pointer-button, .screenshot-ui-type-button { background-color: transparent; background-color: none; } .screenshot-ui-show-pointer-button:insensitive, .screenshot-ui-type-button:insensitive { color: rgba(61, 61, 61, 0.5); background-color: rgba(61, 61, 61, 0.05); background-color: transparent; color: rgba(255, 255, 255, 0.5); } .screenshot-ui-show-pointer-button:insensitive, .screenshot-ui-type-button:insensitive { background-color: transparent; background-color: none; } .screenshot-ui-show-pointer-button:insensitive:insensitive, .screenshot-ui-type-button:insensitive:insensitive { color: rgba(61, 61, 61, 0.5); background-color: rgba(61, 61, 61, 0.05); background-color: transparent; color: rgba(255, 255, 255, 0.5); } .screenshot-ui-show-pointer-button:focus, .screenshot-ui-type-button:focus { color: #eeeeec; background-color: rgba(44, 44, 44, 0.97675); box-shadow: inset 0 0 0 2px #e57084; } .screenshot-ui-show-pointer-button:focus:hover, .screenshot-ui-type-button:focus:hover { background-color: rgba(36, 36, 36, 0.97675); box-shadow: inset 0 0 0 2px #e57084; } .screenshot-ui-show-pointer-button:focus:active, .screenshot-ui-type-button:focus:active { background-color: rgba(29, 29, 29, 0.97675); box-shadow: inset 0 0 0 2px #e57084; } .screenshot-ui-show-pointer-button:hover, .screenshot-ui-type-button:hover { color: #eeeeec; background-color: rgba(36, 36, 36, 0.97675); } .screenshot-ui-show-pointer-button:active, .screenshot-ui-type-button:active { color: #eeeeec; background-color: rgba(29, 29, 29, 0.97675); } .screenshot-ui-show-pointer-button:outlined, .screenshot-ui-type-button:outlined, .screenshot-ui-show-pointer-button:checked, .screenshot-ui-type-button:checked { color: #eeeeec; background-color: rgba(21, 21, 21, 0.97675); } .screenshot-ui-show-pointer-button:outlined:hover, .screenshot-ui-type-button:outlined:hover, .screenshot-ui-show-pointer-button:checked:hover, .screenshot-ui-type-button:checked:hover { background-color: rgba(13, 13, 13, 0.97675); } .screenshot-ui-show-pointer-button:outlined:active, .screenshot-ui-type-button:outlined:active, .screenshot-ui-show-pointer-button:checked:active, .screenshot-ui-type-button:checked:active { background-color: rgba(6, 6, 6, 0.97675); } /* General Typography */ .app-folder-dialog .folder-name-container .folder-name-label, .app-folder-dialog .folder-name-container .folder-name-entry, .search-statustext { font-weight: 800; font-size: 20pt; } .lg-debug-flags-header, .message-dialog-content .message-dialog-title, .message-list .message-list-placeholder, .datemenu-today-button .date-label { font-weight: 800; font-size: 15pt; } .nm-dialog-airplane-headline { font-weight: 700; font-size: 15pt; } .message-dialog-content .message-dialog-title.lightweight, .headline { font-weight: 700; font-size: 13pt; } .lg-extension-name, .osd-window, .nm-dialog-header, .dialog-list .dialog-list-title, .message-list-controls, .weather-button .weather-forecast-temp, .weather-button .weather-header, .world-clocks-button .world-clocks-time, .world-clocks-button .world-clocks-header, .events-button .events-title, .calendar .calendar-month-header .calendar-month-label, .datemenu-today-button .day-label, .popup-menu-ornament { font-weight: 700; font-size: 11pt; } .app-menu .popup-inactive-menu-item:first-child > StLabel { font-weight: 700; font-size: 9pt; } .login-dialog-not-listed-label, .lg-completions-text, .caps-lock-warning-label, #dash, .icon-label-button-container, .prompt-dialog-error-label, .prompt-dialog-info-label, .prompt-dialog-null-label, .run-dialog .run-dialog-description, .dialog-list .dialog-list-box .dialog-list-item .dialog-list-item-description, .weather-button .weather-forecast-time, .world-clocks-button .world-clocks-timezone, .events-button .event-time { font-weight: 400; font-size: 9pt; } .calendar .calendar-day-base.calendar-day-heading, .calendar .calendar-day-base { font-weight: 400; font-size: 8pt; } .unlock-dialog-clock-time, #panel, .weather-button .weather-forecast-time, .world-clocks-button .world-clocks-timezone, .world-clocks-button .world-clocks-time, .events-button .event-time, .calendar .calendar-day-base { font-feature-settings: "tnum"; } /* WIDGETS */ .shell-link { color: #b9223b; } .shell-link:hover { color: #da3450; } .lowres-icon { icon-shadow: 0 1px 2px rgba(0, 0, 0, 0.3); } .icon-dropshadow { icon-shadow: 0 1px 5px rgba(0, 0, 0, 0.8); } /* Entries */ StEntry { min-height: 22px; border-radius: 6px; padding: 8px; border-width: 1px; color: #3D3D3D; background-color: white; color: rgba(61, 61, 61, 0.7); border: 1px solid #c7c7c7; selection-background-color: #DA3450; selected-color: #FFFFFF; } StEntry:hover { background-color: white; border-color: #d4d4d4; color: #3D3D3D; } StEntry:focus { background-color: white; border-color: #e57084; box-shadow: 0 0 0 1px #e57084 inset; color: #3D3D3D; } StEntry:insensitive { background-color: white; border-color: white; color: #9c9c9c; } StEntry StIcon.capslock-warning { icon-size: 16px; warning-color: #f99b11; padding: 0 4px; } StEntry StIcon.peek-password { icon-size: 1.09em; padding: 0 4px; } StEntry StLabel.hint-text { margin-left: 2px; color: rgba(61, 61, 61, 0.7); } /* Buttons */ .button { min-height: 22px; } /* Check Boxes */ .check-box StBoxLayout { spacing: .8em; } .check-box StBin { width: 24px; height: 22px; background-image: url("resource:///org/gnome/shell/theme/checkbox-off-red.svg"); } .check-box:focus StBin { background-image: url("resource:///org/gnome/shell/theme/checkbox-off-focused-red.svg"); } .check-box:checked StBin { background-image: url("resource:///org/gnome/shell/theme/checkbox-red.svg"); } .check-box:focus:checked StBin { background-image: url("resource:///org/gnome/shell/theme/checkbox-focused-red.svg"); } /* Switches */ .toggle-switch { color: #3D3D3D; height: 26px; width: 48px; background-size: contain; background-image: url("resource:///org/gnome/shell/theme/toggle-off-red.svg"); } .toggle-switch:checked { background-image: url("resource:///org/gnome/shell/theme/toggle-on-red.svg"); } /* Slider */ .slider { -barlevel-height: 4px; -barlevel-background-color: rgba(61, 61, 61, 0.4); -barlevel-border-width: 2px; -barlevel-border-color: transparent; -barlevel-active-background-color: #DA3450; -barlevel-active-border-color: transparent; -barlevel-overdrive-color: #c7162b; -barlevel-overdrive-border-color: transparent; -barlevel-overdrive-separator-width: 1px; -slider-handle-border-width: 1px; -slider-handle-border-color: #b5b5b5; -slider-handle-radius: 8px; color: #fcfcfc; height: 18px; } /* Scrollbars */ StScrollView.vfade { -st-vfade-offset: 68px; } StScrollView.hfade { -st-hfade-offset: 68px; } StScrollBar { padding: 0; } StScrollView StScrollBar { min-width: 8px; min-height: 8px; } StScrollBar StBin#trough { border-radius: 0; background-color: transparent; } StScrollBar StButton#vhandle, StScrollBar StButton#hhandle { border-radius: 8px; background-color: #c1c1c1; border: 3px solid transparent; transition: 500ms all ease; } StScrollBar StButton#vhandle:hover, StScrollBar StButton#hhandle:hover { background-color: #9c9c9c; } StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { background-color: #aeaeae; } /* Popovers/Menus */ .popup-menu-boxpointer, .candidate-popup-boxpointer { -arrow-rise: 6px; } .popup-menu { min-width: 15em; color: #3D3D3D; } .popup-menu.panel-menu { margin-bottom: 1.75em; } .popup-menu-content, .candidate-popup-content { padding: 6px; border-radius: 10px; border: 1px solid rgba(255, 255, 255, 0.8); box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.1); background-color: #FAFAFA; } .popup-menu-item { padding: 9px 12px; border-radius: 6px; spacing: 6px; transition: 0.2s all ease; background-color: transparent; } .popup-menu-item:ltr { padding-left: 6px; } .popup-menu-item:rtl { padding-right: 6px; } .popup-menu-item:focus, .popup-menu-item:hover { background-color: rgba(61, 61, 61, 0.1) !important; } .popup-menu-item:focus:active, .popup-menu-item:hover:active { background-color: rgba(61, 61, 61, 0.2) !important; } .popup-menu-item:checked { background-color: #e8e8e8 !important; } .popup-menu-item:checked { margin-bottom: 0; box-shadow: inset 0 -1px 0 0 #dbdbdb; border-radius: 6px 6px 0 0; } .popup-menu-item:checked:focus, .popup-menu-item:checked:hover { background-color: #d9d9d9 !important; } .popup-menu-item:checked:active { background-color: #d1d1d1 !important; } .popup-menu-item:active { background-color: #d1d1d1; color: #303030; } .popup-menu-item:insensitive { color: rgba(61, 61, 61, 0.5); } .popup-menu-item .toggle-switch:ltr { margin-left: 4px; } .popup-menu-item .toggle-switch:rtl { margin-right: 4px; } .popup-inactive-menu-item { color: #3D3D3D; } .popup-inactive-menu-item:insensitive { color: #9c9c9c; } .popup-menu-arrow, .popup-menu-icon { icon-size: 16px !important; } .popup-sub-menu { background-color: #e8e8e8; border-radius: 0 0 6px 6px; } .popup-sub-menu .popup-menu-ornament { min-width: 1.09em !important; } .popup-sub-menu .popup-menu-item { border-radius: 0; margin: 0; } .popup-sub-menu .popup-menu-item:last-child { border-radius: 0 0 6px 6px; } .popup-sub-menu .popup-menu-item:focus, .popup-sub-menu .popup-menu-item:hover { background-color: rgba(87, 87, 87, 0.1) !important; } .popup-sub-menu .popup-menu-item:checked { background-color: white !important; } .popup-sub-menu .popup-menu-item:checked:focus, .popup-sub-menu .popup-menu-item:checked:hover { background-color: #fdfdfd !important; } .popup-sub-menu .popup-menu-item:active { background-color: rgba(87, 87, 87, 0.2) !important; } .popup-sub-menu .popup-menu-section .popup-menu-item:last-child:hover, .popup-sub-menu .popup-menu-section .popup-menu-item:last-child:focus { border-radius: 0; } .popup-sub-menu .popup-menu-section:last-child .popup-menu-item:last-child { border-radius: 0 0 6px 6px; } .popup-menu-ornament { width: 1.2em; text-align: center !important; } .popup-menu-ornament:ltr { text-align: right; } .popup-menu-ornament:rtl { text-align: left; } .popup-separator-menu-item { margin: 6px 0; padding: 0 !important; } .popup-separator-menu-item:ltr { margin-right: 4px; } .popup-separator-menu-item:rtl { margin-left: 4px; } .popup-separator-menu-item .popup-separator-menu-item-separator { height: 1px; background-color: #c7c7c7; } .popup-separator-menu-item .popup-menu-ornament { width: 0 !important; } .popup-sub-menu .popup-separator-menu-item { background-color: transparent; } .popup-sub-menu .popup-separator-menu-item:ltr { margin-right: 2.5em; } .popup-sub-menu .popup-separator-menu-item:rtl { margin-left: 2.5em; } .popup-sub-menu .popup-separator-menu-item .popup-separator-menu-item-separator { background-color: #d9d9d9; } .background-menu { -boxpointer-gap: 0px; -arrow-rise: 0px; } .aggregate-menu { min-width: 22em; } .aggregate-menu .popup-menu-ornament { width: 0 !important; } .aggregate-menu .popup-menu-icon { -st-icon-style: symbolic; } .aggregate-menu .popup-menu-icon:ltr { margin-right: 8px; } .aggregate-menu .popup-menu-icon:rtl { margin-left: 8px; } .aggregate-menu .popup-sub-menu .popup-menu-item > :first-child:ltr { margin-left: 1em; } .aggregate-menu .popup-sub-menu .popup-menu-item > :first-child:rtl { margin-right: 1em; } .app-menu { max-width: 27.25em; } .app-menu .popup-menu-ornament { width: 0 !important; } .app-menu .popup-inactive-menu-item:first-child > StLabel:ltr { margin-right: 8px; } .app-menu .popup-inactive-menu-item:first-child > StLabel:rtl { margin-left: 8px; } /* Date/Time Menu */ #calendarArea { padding: 4px; } .datemenu-calendar-column { spacing: 6px; } .datemenu-calendar-column:ltr { padding-left: 6px; } .datemenu-calendar-column:rtl { padding-right: 6px; } .datemenu-calendar-column .datemenu-displays-box { spacing: 6px; } /* today button (the date) */ .datemenu-today-button { border-radius: 6px; margin: 4px; box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.1); background-color: transparent; background-color: none; box-shadow: none !important; padding: 9px; } .datemenu-today-button:insensitive { color: rgba(61, 61, 61, 0.5); background-color: rgba(61, 61, 61, 0.05); background-color: transparent; color: rgba(255, 255, 255, 0.5); } .datemenu-today-button:focus { color: #3D3D3D; background-color: #ededed; box-shadow: inset 0 0 0 2px #e57084; } .datemenu-today-button:focus:hover { background-color: #e5e5e5; box-shadow: inset 0 0 0 2px #e57084; } .datemenu-today-button:focus:active { background-color: #dedede; box-shadow: inset 0 0 0 2px #e57084; } .datemenu-today-button:hover { color: #3D3D3D; background-color: #e5e5e5; } .datemenu-today-button:active { color: #3D3D3D; background-color: #dedede; } .datemenu-today-button:insensitive .day-label, .datemenu-today-button:insensitive .date-label { color: #9c9c9c; } /* Calendar */ .calendar { border-radius: 6px; margin: 4px; box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.1); background-color: transparent; background-color: none; box-shadow: none !important; margin-top: 0; } .calendar:insensitive { color: rgba(61, 61, 61, 0.5); background-color: rgba(61, 61, 61, 0.05); background-color: transparent; color: rgba(255, 255, 255, 0.5); } .calendar:focus { color: #3D3D3D; background-color: #ededed; box-shadow: inset 0 0 0 2px #e57084; } .calendar:focus:hover { background-color: #e5e5e5; box-shadow: inset 0 0 0 2px #e57084; } .calendar:focus:active { background-color: #dedede; box-shadow: inset 0 0 0 2px #e57084; } .calendar:hover { color: #3D3D3D; background-color: #e5e5e5; } .calendar:active { color: #3D3D3D; background-color: #dedede; } .calendar .calendar-month-header .calendar-change-month-back StIcon, .calendar .calendar-month-header .calendar-change-month-forward StIcon { icon-size: 1.09em; } .calendar .calendar-month-header .calendar-month-label { color: #4a4a4a; padding: 8px 0; } .calendar .calendar-month-header .pager-button { background-color: transparent; height: 32px; width: 32px; margin: 2px; border-radius: 4px; } .calendar .calendar-month-header .pager-button:hover, .calendar .calendar-month-header .pager-button:focus { background-color: rgba(61, 61, 61, 0.1); } .calendar .calendar-month-header .pager-button:active { background-color: rgba(61, 61, 61, 0.2); } .calendar .calendar-day-base { text-align: center; margin: 2px; padding: 0 !important; height: 3em !important; width: 3em !important; border-radius: 99px; } .calendar .calendar-day-base:hover { background-color: rgba(61, 61, 61, 0.1); } .calendar .calendar-day-base:focus { background-color: #f4d2d8; box-shadow: inset 0 0 0 2px rgba(218, 52, 80, 0.6); } .calendar .calendar-day-base:active, .calendar .calendar-day-base:selected { color: #303030; background-color: rgba(61, 61, 61, 0.2); } .calendar .calendar-day-base:active:focus, .calendar .calendar-day-base:selected:focus { background-color: rgba(170, 55, 74, 0.36); } .calendar .calendar-day-base.calendar-day-heading { color: #9c9c9c; padding-top: 6px; height: 16px !important; font-weight: bold; } .calendar .calendar-nonwork-day { color: #9c9c9c; } .calendar .calendar-other-month-day { color: rgba(61, 61, 61, 0.5); } .calendar .calendar-other-month-day.calendar-nonwork-day { color: rgba(156, 156, 156, 0.5); } .calendar .calendar-today { background-color: #DA3450; font-weight: 800; color: #FFFFFF !important; } .calendar .calendar-today:hover, .calendar .calendar-today:focus { background-color: #dc415b; color: inherit; } .calendar .calendar-today:active, .calendar .calendar-today:selected { background-color: #DA3450; color: inherit; } .calendar .calendar-today:active:hover, .calendar .calendar-today:active:focus, .calendar .calendar-today:selected:hover, .calendar .calendar-today:selected:focus { background-color: #dc415b; color: inherit; } .calendar .calendar-day-with-events { background-image: url("resource:///org/gnome/shell/theme/calendar-today-light.svg"); background-size: contain; } .calendar .calendar-week-number { font-size: 7pt; font-weight: bold; font-feature-settings: "tnum"; margin: 6px; padding: 0 6px; border-radius: 3px; background-color: whitesmoke; color: #9c9c9c; } /* Events */ .events-button { border-radius: 6px; margin: 4px; box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.1); color: #3D3D3D; background-color: #ededed; padding: 12px; } .events-button:focus { color: #3D3D3D; background-color: #ededed; box-shadow: inset 0 0 0 2px #e57084; } .events-button:focus:hover { background-color: #e5e5e5; box-shadow: inset 0 0 0 2px #e57084; } .events-button:focus:active { background-color: #dedede; box-shadow: inset 0 0 0 2px #e57084; } .events-button:hover { color: #3D3D3D; background-color: #e5e5e5; } .events-button:active { color: #3D3D3D; background-color: #dedede; } .events-button .events-box { spacing: 6px; } .events-button .events-list { spacing: 12px; } .events-button .events-title { color: #9c9c9c; margin-bottom: 4px; } .events-button .event-time { color: #9c9c9c; } /* World clocks */ .world-clocks-button { border-radius: 6px; margin: 4px; box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.1); color: #3D3D3D; background-color: #ededed; padding: 12px; } .world-clocks-button:focus { color: #3D3D3D; background-color: #ededed; box-shadow: inset 0 0 0 2px #e57084; } .world-clocks-button:focus:hover { background-color: #e5e5e5; box-shadow: inset 0 0 0 2px #e57084; } .world-clocks-button:focus:active { background-color: #dedede; box-shadow: inset 0 0 0 2px #e57084; } .world-clocks-button:hover { color: #3D3D3D; background-color: #e5e5e5; } .world-clocks-button:active { color: #3D3D3D; background-color: #dedede; } .world-clocks-button .world-clocks-grid { spacing-rows: 6px; spacing-columns: 12px; } .world-clocks-button .world-clocks-header { color: #9c9c9c; } .world-clocks-button .world-clocks-city { color: #3D3D3D; } .world-clocks-button .world-clocks-time { color: #3D3D3D; } .world-clocks-button .world-clocks-time:ltr { text-align: right; } .world-clocks-button .world-clocks-time:rtl { text-align: left; } .world-clocks-button .world-clocks-timezone { color: #9c9c9c; } /* Weather */ .weather-button { border-radius: 6px; margin: 4px; box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.1); color: #3D3D3D; background-color: #ededed; padding: 12px; } .weather-button:focus { color: #3D3D3D; background-color: #ededed; box-shadow: inset 0 0 0 2px #e57084; } .weather-button:focus:hover { background-color: #e5e5e5; box-shadow: inset 0 0 0 2px #e57084; } .weather-button:focus:active { background-color: #dedede; box-shadow: inset 0 0 0 2px #e57084; } .weather-button:hover { color: #3D3D3D; background-color: #e5e5e5; } .weather-button:active { color: #3D3D3D; background-color: #dedede; } .weather-button .weather-box { spacing: 10px; } .weather-button .weather-header-box { spacing: 6px; } .weather-button .weather-header { color: #9c9c9c; } .weather-button .weather-header.location { font-weight: normal; } .weather-button .weather-grid { spacing-rows: 6px; spacing-columns: 12px; } .weather-button .weather-forecast-time { color: black; padding-top: 0.2em; padding-bottom: 0.4em; } .weather-button .weather-forecast-icon { icon-size: 2.18em; } /* Message List */ .message-list { width: 29em; border: solid #c7c7c7; } .message-list:ltr { margin-left: 0; margin-right: 4px; padding-right: 6px; border-right-width: 1px; } .message-list:rtl { margin-right: 0; margin-left: 4px; padding-left: 6px; border-left-width: 1px; } .message-list .message-list-placeholder { color: rgba(156, 156, 156, 0.5); } .message-list .message-list-placeholder > StIcon { icon-size: 3.27em; margin-bottom: 12px; -st-icon-style: symbolic; } .message-list-sections { spacing: 6px; margin: 0; padding-bottom: 6px; } .message-list-sections:ltr { margin-right: 12px; } .message-list-sections:rtl { margin-left: 12px; } .message-list-section, .message-list-section-list { spacing: 6px; } .message-list-controls { padding: 6px; spacing: 6px; } .message-list-controls .dnd-button { border-width: 2px; border-color: transparent; border-radius: 32px; border-style: solid; } .message-list-controls .dnd-button:focus { border-color: #e57084; } .message { border-radius: 6px; margin: 4px; box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.1); color: #3D3D3D; background-color: #ededed; } .message:focus { color: #3D3D3D; background-color: #ededed; box-shadow: inset 0 0 0 2px #e57084; } .message:focus:hover { background-color: #e5e5e5; box-shadow: inset 0 0 0 2px #e57084; } .message:focus:active { background-color: #dedede; box-shadow: inset 0 0 0 2px #e57084; } .message:hover { color: #3D3D3D; background-color: #e5e5e5; } .message:active { color: #3D3D3D; background-color: #dedede; } .message .message-icon-bin { padding: 18px; } .message .message-icon-bin:ltr { padding-right: 6px; } .message .message-icon-bin:rtl { padding-left: 6px; } .message .message-icon-bin > StIcon { icon-size: 2.18em; -st-icon-style: symbolic; } .message .message-icon-bin > .fallback-app-icon { width: 1.09em; height: 1.09em; } .message .message-content { spacing: 4px; padding: 9px; margin-bottom: 8px; } .message .message-title { font-weight: bold; /* HACK: the label should be baseline-aligned with a 1em label, fake this with some bottom padding */ padding-top: 0.57em; } .message .message-secondary-bin { padding: 0 8px; } .message .message-secondary-bin > .event-time { color: rgba(61, 61, 61, 0.5); font-size: 9pt; /* HACK: the label should be baseline-aligned with a 1em label, fake this with some bottom padding */ padding-bottom: 0.13em; } .message .message-secondary-bin > .event-time:ltr { text-align: right; } .message .message-secondary-bin > .event-time:rtl { text-align: left; } .message .message-close-button { color: #3D3D3D; background-color: rgba(61, 61, 61, 0.1); border-radius: 99px; padding: 5px; margin: 1px; } .message .message-close-button:hover { background-color: rgba(61, 61, 61, 0.2); } .message .message-close-button:active { background-color: rgba(61, 61, 61, 0.1); } .message .message-body { color: #242424; } .url-highlighter { link-color: #b9223b; } /* Media Controls */ .message-media-control { padding: 0 18px; margin: 12px 0; border-radius: 6px; color: #3D3D3D; } .message-media-control:hover { background-color: rgba(74, 74, 74, 0.1); color: #3D3D3D; } .message-media-control:active { background-color: rgba(61, 61, 61, 0.2); color: #3D3D3D; } .message-media-control:insensitive { color: darkgray; } .message-media-control:last-child:ltr { margin-right: 12px; } .message-media-control:last-child:rtl { margin-left: 12px; } .media-message-cover-icon { icon-size: 3.27em !important; border-radius: 6px; } .media-message-cover-icon.fallback { color: #121212; background-color: #FAFAFA; border: 1px solid transparent; border-radius: 6px; icon-size: 2.18em !important; padding: 14px; } .candidate-popup-content { padding: 6px; spacing: 6px; } .candidate-index { padding: 0; padding-right: 6px; color: #9c9c9c; } .candidate-box { padding: 6px 12px 6px 12px; border-radius: 6px; } .candidate-box:selected { background-color: #DA3450; color: #FFFFFF; } .candidate-box:hover { background-color: rgba(61, 61, 61, 0.1); color: #3D3D3D; } .candidate-page-button-box { height: 2em; } .vertical .candidate-page-button-box { padding-top: 12px; } .horizontal .candidate-page-button-box { padding-left: 12px; } .candidate-page-button { padding: 6px; } .candidate-page-button-previous { border-radius: 6px 0px 0px 6px; border-right-width: 0; box-shadow: none; } .candidate-page-button-next { border-radius: 0px 6px 6px 0px; box-shadow: none; } .candidate-page-button-icon { icon-size: 1.09em; } /* Notifications & Message Tray */ .notification-banner { min-height: 64px; width: 34em; box-shadow: 0 2px 4px 2px rgba(0, 0, 0, 0.1); border-radius: 9px; margin: 4px; background-color: #FAFAFA; } .notification-banner .notification-actions { spacing: 0; } .notification-banner:hover { background-color: whitesmoke; } .notification-banner:active { background-color: #f0f0f0; } .notification-banner, .notification-banner:hover, .notification-banner:focus, .notification-banner:active { box-shadow: 0 0 4px 2px rgba(0, 0, 0, 0.1); border: 1px solid #c7c7c7; } .summary-source-counter { font-size: 10pt; font-weight: bold; height: 1.6em; width: 1.6em; -shell-counter-overlap-x: 3px; -shell-counter-overlap-y: 3px; background-color: #DA3450; color: #FFFFFF; border: 2px solid #3D3D3D; box-shadow: 0 2px 2px rgba(0, 0, 0, 0.5); border-radius: 0.9em; } .chat-body { spacing: 5px; } .chat-response { margin: 5px; } .chat-log-message { color: #242424; } .chat-new-group { padding-top: 1em; } .chat-received { padding-left: 4px; } .chat-received:rtl { padding-left: 0px; padding-right: 4px; } .chat-sent { padding-left: 18pt; color: #636363; } .chat-sent:rtl { padding-left: 0; padding-right: 18pt; } .chat-meta-message { padding-left: 4px; font-size: 9pt; font-weight: bold; color: #6b6b6b; } .chat-meta-message:rtl { padding-left: 0; padding-right: 4px; } .hotplug-notification-item-icon { icon-size: 24px; padding: 0 4px; } /* Modal Dialogs */ .modal-dialog .modal-dialog-content-box { margin: 32px 40px; spacing: 32px; max-width: 28em; } /* End Session Dialog */ .end-session-dialog { width: 30em; } .end-session-dialog .end-session-dialog-battery-warning, .end-session-dialog .dialog-list-title { color: #f99b11; } /* Message Dialog */ .message-dialog-content { spacing: 18px; } .message-dialog-content .message-dialog-title { text-align: center; } .message-dialog-content .message-dialog-description { text-align: center; } /* Dialog List */ .dialog-list { spacing: 18px; } .dialog-list .dialog-list-title { text-align: center; } .dialog-list .dialog-list-scrollview { max-height: 200px; } .dialog-list .dialog-list-box { spacing: 1em; } .dialog-list .dialog-list-box .dialog-list-item { spacing: 1em; } .dialog-list .dialog-list-box .dialog-list-item .dialog-list-item-title { font-weight: bold; } .dialog-list .dialog-list-box .dialog-list-item .dialog-list-item-description { color: #303030; } /* Run Dialog */ .run-dialog .modal-dialog-content-box { margin-top: 24px; margin-bottom: 14px; } .run-dialog .run-dialog-entry { width: 20em; } .run-dialog .run-dialog-description { text-align: center; color: #0a0a0a; } /* Password or Authentication Dialog */ .prompt-dialog { width: 28em; } .prompt-dialog .modal-dialog-content-box { margin-bottom: 24px; } .prompt-dialog-password-grid { spacing-rows: 8px; spacing-columns: 4px; } .prompt-dialog-password-grid .prompt-dialog-password-entry { width: auto; } .prompt-dialog-password-grid .prompt-dialog-password-entry:ltr { margin-left: 20px; } .prompt-dialog-password-grid .prompt-dialog-password-entry:rtl { margin-right: 20px; } .prompt-dialog-password-layout { spacing: 8px; } .prompt-dialog-password-entry { width: 20em; } .prompt-dialog-error-label, .prompt-dialog-info-label, .prompt-dialog-null-label { text-align: center; } .prompt-dialog-error-label { color: #f99b11; } /* Polkit Dialog */ .polkit-dialog-user-layout { text-align: center; spacing: 8px; margin-bottom: 6px; } .polkit-dialog-user-layout .polkit-dialog-user-root-label { color: #f99b11; } /* Audio selection dialog */ .audio-device-selection-dialog .modal-dialog-content-box { margin-bottom: 28px; } .audio-device-selection-dialog .audio-selection-box { spacing: 20px; } .audio-selection-device { border-radius: 12px; } .audio-selection-device:hover, .audio-selection-device:focus { background-color: rgba(61, 61, 61, 0.1); } .audio-selection-device:active { background-color: #DA3450; color: #FFFFFF; } .audio-selection-device-box { padding: 20px; spacing: 20px; } .audio-selection-device-icon { icon-size: 4.36em; } /* Welcome dialog */ .welcome-dialog-image { background-image: url("resource:///org/gnome/shell/theme/gnome-shell-start.svg"); background-size: contain; /* Reasonable maximum dimensions */ height: 300px; width: 300px; } /* Select Network dialogs */ .nm-dialog { max-height: 34em; min-height: 31em; min-width: 32em; } .nm-dialog-content { spacing: 20px; padding: 24px; } .nm-dialog-subheader { color: #9c9c9c; } .nm-dialog-header-icon { icon-size: 2.18em; } .nm-dialog-header-hbox { spacing: 10px; } .nm-dialog-scroll-view { padding: 6px; border-radius: 6px; background-color: #ffffff; } .nm-dialog-item { padding: 12px; } .nm-dialog-item:selected { background-color: #DA3450; border-radius: 3px; color: #FFFFFF; } .nm-dialog-item:hover { background-color: rgba(61, 61, 61, 0.1); } .nm-dialog-icon { icon-size: 1.09em; } .nm-dialog-icons { spacing: 12px; } .no-networks-box { spacing: 6px; } .no-networks-label { color: #9c9c9c; } .nm-dialog-airplane-box { text-align: center; spacing: 12px; } .nm-dialog-airplane-text { color: #9c9c9c; } /* OSD */ .osd-window { text-align: center; font-weight: bold; spacing: 12px; padding: 12px 18px; margin-bottom: 4em; } .osd-window > * { spacing: 8px; } .osd-window StIcon { icon-size: 2.18em; } .osd-window StLabel:ltr { margin-right: 6px; } .osd-window StLabel:rtl { margin-left: 6px; } .osd-window .level { margin-bottom: 4px; height: 6px; min-width: 10.9em; -barlevel-height: 6px; -barlevel-background-color: rgba(238, 238, 236, 0.3); -barlevel-active-background-color: #eeeeec; -barlevel-overdrive-color: #c7162b; -barlevel-overdrive-separator-width: 3px; } .osd-window .level:first-child { margin-bottom: 0px; } .osd-window .level:ltr { margin-right: 6px; } .osd-window .level:rtl { margin-left: 6px; } .osd-monitor-label { border-radius: 12px; font-size: 3em; font-weight: bold; margin: 12px; text-align: center; min-width: 1.3em; } /* Pad OSD */ .pad-osd-window { padding: 32px; background-color: rgba(29, 29, 29, 0.975); color: #eeeeec; } .pad-osd-window .button:insensitive { color: #3D3D3D; } .pad-osd-window .pad-osd-title-box { spacing: 12px; } .pad-osd-window .pad-osd-title-menu-box { spacing: 6px; } .combo-box-label { width: 15em; } /* App Switcher */ .switcher-popup { padding: 0; spacing: 24px; } .switcher-list { padding: 10px; border-radius: 20px; box-shadow: 0 8px 8px 0 rgba(0, 0, 0, 0.1); } .switcher-list .switcher-list-item-container { spacing: 12px; } .switcher-list .item-box { background-color: transparent; } .switcher-list .item-box:hover { background-color: rgba(238, 238, 236, 0.1); } .switcher-list .item-box:selected, .switcher-list .item-box:focus { background-color: rgba(238, 238, 236, 0.13); } .switcher-list .item-box:selected:hover, .switcher-list .item-box:focus:hover { background-color: rgba(238, 238, 236, 0.16); } .switcher-list .item-box:selected:active, .switcher-list .item-box:focus:active { background-color: rgba(238, 238, 236, 0.13); } .switcher-list .item-box:active { background-color: rgba(238, 238, 236, 0.16); } .switcher-list .item-box:outlined, .switcher-list .item-box:checked { background-color: rgba(238, 238, 236, 0.19); } .switcher-list .item-box:outlined:active, .switcher-list .item-box:checked:active { background-color: rgba(238, 238, 236, 0.22); } .switcher-list .item-box:outlined:hover, .switcher-list .item-box:checked:hover { background-color: rgba(238, 238, 236, 0.25); } .switcher-list .item-box:drop { border: 2px solid rgba(218, 52, 80, 0.8); background-color: rgba(218, 52, 80, 0.2); } .switcher-list .item-box:hover { background: none; } .switcher-list .separator { width: 1px; background: #c7c7c7; } .switcher-list .thumbnail-box { padding: 2px; spacing: 6px; } .switcher-list .thumbnail { width: 256px; border-radius: 6px; } .switcher-arrow { border-color: rgba(0, 0, 0, 0); color: rgba(238, 238, 236, 0.8); } .switcher-arrow:highlighted { border-color: #eeeeec; color: #eeeeec; } .input-source-switcher-symbol { font-size: 34pt; width: 96px; height: 96px; } .cycler-highlight { border: 5px solid #DA3450; } /* Workspace Switcher */ .workspace-switcher { margin-bottom: 4em; spacing: 12px; padding: 12px 18px; } .ws-switcher-indicator { background-color: rgba(238, 238, 236, 0.5); padding: 0.1816666667em; margin: 0.9083333333em; border-radius: 2.18em; } .ws-switcher-indicator:active { background-color: #eeeeec; padding: 0.3633333333em; margin: 0.7266666667em; } .icon-label-button-container { spacing: 6px; } .icon-label-button-container StIcon { icon-size: 32px; } .screenshot-ui-panel { border-radius: 33px; padding: 18px; padding-bottom: 12px; margin-bottom: 4em; spacing: 12px; } .screenshot-ui-close-button { padding: 6px; } .screenshot-ui-close-button.left { margin-left: 8px; } .screenshot-ui-close-button.right { margin-right: 8px; } .screenshot-ui-type-button { padding: 12px 18px !important; border-radius: 15px; } .screenshot-ui-capture-button { width: 36px; height: 36px; border-radius: 99px; border: 4px #eeeeec; padding: 4px; } .screenshot-ui-capture-button .screenshot-ui-capture-button-circle { background-color: #eeeeec; transition-duration: 200ms; border-radius: 99px; } .screenshot-ui-capture-button .screenshot-ui-capture-button-circle:hover, .screenshot-ui-capture-button .screenshot-ui-capture-button-circle:focus { background-color: rgba(61, 61, 61, 0.1); } .screenshot-ui-capture-button:hover .screenshot-ui-capture-button-circle, .screenshot-ui-capture-button:focus .screenshot-ui-capture-button-circle { background-color: #cacac4; } .screenshot-ui-capture-button:active .screenshot-ui-capture-button-circle { background-color: #747467; } .screenshot-ui-capture-button:cast .screenshot-ui-capture-button-circle { background-color: #c7162b; } .screenshot-ui-capture-button:cast:hover .screenshot-ui-capture-button-circle, .screenshot-ui-capture-button:cast:focus .screenshot-ui-capture-button-circle { background-color: #de1930; } .screenshot-ui-capture-button:cast:active .screenshot-ui-capture-button-circle { background-color: #a71224; } .screenshot-ui-shot-cast-container { background-color: rgba(61, 61, 61, 0.1); border-radius: 12px; padding: 3px; spacing: 3px; } .screenshot-ui-shot-cast-container:ltr { margin-left: 3px; } .screenshot-ui-shot-cast-container:rtl { margin-right: 3px; } .screenshot-ui-shot-cast-button { padding: 6px 12px; background-color: transparent; border-radius: 9px; } .screenshot-ui-shot-cast-button:hover, .screenshot-ui-shot-cast-button:focus { background-color: rgba(74, 74, 74, 0.1); } .screenshot-ui-shot-cast-button:active { background-color: rgba(74, 74, 74, 0.2); } .screenshot-ui-shot-cast-button:checked { background-color: white; color: black; } .screenshot-ui-shot-cast-button StIcon { icon-size: 1.09em; } .screenshot-ui-show-pointer-button { border-radius: 99px; padding: 12px !important; } .screenshot-ui-show-pointer-button StIcon { icon-size: 1.09em; } .screenshot-ui-area-indicator-shade { background-color: rgba(0, 0, 0, 0.3); } .screenshot-ui-area-selector .screenshot-ui-area-indicator-shade { background-color: rgba(0, 0, 0, 0.5); } .screenshot-ui-area-selector .screenshot-ui-area-indicator-selection { border: 2px white; } .screenshot-ui-area-selector-handle { border-radius: 99px; background-color: white; box-shadow: 0 1px 3px 2px rgba(0, 0, 0, 0.2); width: 24px; height: 24px; } .screenshot-ui-window-selector { background-color: #222222; } .screenshot-ui-window-selector .screenshot-ui-window-selector-window-container { margin: 100px; } .screenshot-ui-window-selector:primary-monitor .screenshot-ui-window-selector-window-container { margin-bottom: 200px; } .screenshot-ui-window-selector-window-border { transition-duration: 200ms; border-radius: 12px; border: 6px transparent; } .screenshot-ui-window-selector-check { transition-duration: 200ms; color: transparent; border-radius: 99px; border-width: 12px; icon-size: 24px; } .screenshot-ui-window-selector-window:hover .screenshot-ui-window-selector-window-border { border-color: #a41e34; } .screenshot-ui-window-selector-window:checked .screenshot-ui-window-selector-window-border { border-color: #DA3450; background-color: rgba(218, 52, 80, 0.2); } .screenshot-ui-window-selector-window:checked .screenshot-ui-window-selector-check { color: #FFFFFF; background-color: #DA3450; } .screenshot-ui-screen-selector { transition-duration: 200ms; background-color: rgba(0, 0, 0, 0.5); } .screenshot-ui-screen-selector:hover { background-color: rgba(0, 0, 0, 0.3); } .screenshot-ui-screen-selector:active { background-color: rgba(0, 0, 0, 0.7); } .screenshot-ui-screen-selector:checked { background-color: transparent; border: 2px white; } .screenshot-ui-tooltip { color: #eeeeec; background-color: rgba(29, 29, 29, 0.975); border-radius: 99px; padding: 6px 12px; text-align: center; -y-offset: 24px; } /* Top Bar */ #panel { background-color: #131313; font-weight: bold; height: 1.86em; transition-duration: 250ms; } #panel.unlock-screen, #panel.login-screen { background-color: transparent; } #panel .panel-button { font-weight: bold; color: #f2f2f2; -natural-hpadding: 12px; -minimum-hpadding: 6px; transition-duration: 150ms; border: 3px solid transparent; border-radius: 99px; } #panel .panel-button.clock-display .clock { transition-duration: 150ms; border: 3px solid transparent; border-radius: 99px; } #panel .panel-button.screen-recording-indicator { box-shadow: inset 0 0 0 100px #c7162b; } #panel .panel-button.screen-recording-indicator StBoxLayout { spacing: 6px; } #panel .panel-button.screen-recording-indicator StIcon { icon-size: 1.09em; } #panel .panel-button:active, #panel .panel-button:overview, #panel .panel-button:focus, #panel .panel-button:checked { box-shadow: inset 0 0 0 100px rgba(242, 242, 242, 0.2); } #panel .panel-button:active.clock-display, #panel .panel-button:overview.clock-display, #panel .panel-button:focus.clock-display, #panel .panel-button:checked.clock-display { box-shadow: none; } #panel .panel-button:active.clock-display .clock, #panel .panel-button:overview.clock-display .clock, #panel .panel-button:focus.clock-display .clock, #panel .panel-button:checked.clock-display .clock { box-shadow: inset 0 0 0 100px rgba(242, 242, 242, 0.2); } #panel .panel-button:active.screen-recording-indicator, #panel .panel-button:overview.screen-recording-indicator, #panel .panel-button:focus.screen-recording-indicator, #panel .panel-button:checked.screen-recording-indicator { box-shadow: inset 0 0 0 100px rgba(199, 22, 43, 0.85); } #panel .panel-button:hover { box-shadow: inset 0 0 0 100px rgba(242, 242, 242, 0.15); } #panel .panel-button:hover.clock-display { box-shadow: none; } #panel .panel-button:hover.clock-display .clock { box-shadow: inset 0 0 0 100px rgba(242, 242, 242, 0.15); } #panel .panel-button:hover.screen-recording-indicator { box-shadow: inset 0 0 0 100px rgba(199, 22, 43, 0.9); } #panel .panel-button:active:hover, #panel .panel-button:overview:hover, #panel .panel-button:focus:hover, #panel .panel-button:checked:hover { box-shadow: inset 0 0 0 100px rgba(242, 242, 242, 0.25); } #panel .panel-button:active:hover.clock-display, #panel .panel-button:overview:hover.clock-display, #panel .panel-button:focus:hover.clock-display, #panel .panel-button:checked:hover.clock-display { box-shadow: none; } #panel .panel-button:active:hover.clock-display .clock, #panel .panel-button:overview:hover.clock-display .clock, #panel .panel-button:focus:hover.clock-display .clock, #panel .panel-button:checked:hover.clock-display .clock { box-shadow: inset 0 0 0 100px rgba(242, 242, 242, 0.25); } #panel .panel-button:active:hover.screen-recording-indicator, #panel .panel-button:overview:hover.screen-recording-indicator, #panel .panel-button:focus:hover.screen-recording-indicator, #panel .panel-button:checked:hover.screen-recording-indicator { box-shadow: inset 0 0 0 100px rgba(199, 22, 43, 0.8); } #panel .panel-button .system-status-icon { icon-size: 1.09em; padding: 5px; margin: 0 4px; } #panel .panel-button .panel-status-indicators-box .system-status-icon, #panel .panel-button .panel-status-menu-box .system-status-icon { margin: 0; } #panel .panel-button .app-menu-icon { -st-icon-style: symbolic; } #panel .panel-button#panelActivities { -natural-hpadding: 18px; } #panel.unlock-screen .panel-button:active, #panel.unlock-screen .panel-button:overview, #panel.unlock-screen .panel-button:focus, #panel.unlock-screen .panel-button:checked, #panel.login-screen .panel-button:active, #panel.login-screen .panel-button:overview, #panel.login-screen .panel-button:focus, #panel.login-screen .panel-button:checked, #panel:overview .panel-button:active, #panel:overview .panel-button:overview, #panel:overview .panel-button:focus, #panel:overview .panel-button:checked { box-shadow: inset 0 0 0 100px rgba(255, 255, 255, 0.15); } #panel.unlock-screen .panel-button:active.clock-display, #panel.unlock-screen .panel-button:overview.clock-display, #panel.unlock-screen .panel-button:focus.clock-display, #panel.unlock-screen .panel-button:checked.clock-display, #panel.login-screen .panel-button:active.clock-display, #panel.login-screen .panel-button:overview.clock-display, #panel.login-screen .panel-button:focus.clock-display, #panel.login-screen .panel-button:checked.clock-display, #panel:overview .panel-button:active.clock-display, #panel:overview .panel-button:overview.clock-display, #panel:overview .panel-button:focus.clock-display, #panel:overview .panel-button:checked.clock-display { box-shadow: none; } #panel.unlock-screen .panel-button:active.clock-display .clock, #panel.unlock-screen .panel-button:overview.clock-display .clock, #panel.unlock-screen .panel-button:focus.clock-display .clock, #panel.unlock-screen .panel-button:checked.clock-display .clock, #panel.login-screen .panel-button:active.clock-display .clock, #panel.login-screen .panel-button:overview.clock-display .clock, #panel.login-screen .panel-button:focus.clock-display .clock, #panel.login-screen .panel-button:checked.clock-display .clock, #panel:overview .panel-button:active.clock-display .clock, #panel:overview .panel-button:overview.clock-display .clock, #panel:overview .panel-button:focus.clock-display .clock, #panel:overview .panel-button:checked.clock-display .clock { box-shadow: inset 0 0 0 100px rgba(255, 255, 255, 0.15); } #panel.unlock-screen .panel-button:active.screen-recording-indicator, #panel.unlock-screen .panel-button:overview.screen-recording-indicator, #panel.unlock-screen .panel-button:focus.screen-recording-indicator, #panel.unlock-screen .panel-button:checked.screen-recording-indicator, #panel.login-screen .panel-button:active.screen-recording-indicator, #panel.login-screen .panel-button:overview.screen-recording-indicator, #panel.login-screen .panel-button:focus.screen-recording-indicator, #panel.login-screen .panel-button:checked.screen-recording-indicator, #panel:overview .panel-button:active.screen-recording-indicator, #panel:overview .panel-button:overview.screen-recording-indicator, #panel:overview .panel-button:focus.screen-recording-indicator, #panel:overview .panel-button:checked.screen-recording-indicator { box-shadow: inset 0 0 0 100px rgba(199, 22, 43, 0.85); } #panel.unlock-screen .panel-button:hover, #panel.login-screen .panel-button:hover, #panel:overview .panel-button:hover { box-shadow: inset 0 0 0 100px rgba(255, 255, 255, 0.1); } #panel.unlock-screen .panel-button:hover.clock-display, #panel.login-screen .panel-button:hover.clock-display, #panel:overview .panel-button:hover.clock-display { box-shadow: none; } #panel.unlock-screen .panel-button:hover.clock-display .clock, #panel.login-screen .panel-button:hover.clock-display .clock, #panel:overview .panel-button:hover.clock-display .clock { box-shadow: inset 0 0 0 100px rgba(255, 255, 255, 0.1); } #panel.unlock-screen .panel-button:hover.screen-recording-indicator, #panel.login-screen .panel-button:hover.screen-recording-indicator, #panel:overview .panel-button:hover.screen-recording-indicator { box-shadow: inset 0 0 0 100px rgba(199, 22, 43, 0.9); } #panel.unlock-screen .panel-button:active:hover, #panel.unlock-screen .panel-button:overview:hover, #panel.unlock-screen .panel-button:focus:hover, #panel.unlock-screen .panel-button:checked:hover, #panel.login-screen .panel-button:active:hover, #panel.login-screen .panel-button:overview:hover, #panel.login-screen .panel-button:focus:hover, #panel.login-screen .panel-button:checked:hover, #panel:overview .panel-button:active:hover, #panel:overview .panel-button:overview:hover, #panel:overview .panel-button:focus:hover, #panel:overview .panel-button:checked:hover { box-shadow: inset 0 0 0 100px rgba(255, 255, 255, 0.2); } #panel.unlock-screen .panel-button:active:hover.clock-display, #panel.unlock-screen .panel-button:overview:hover.clock-display, #panel.unlock-screen .panel-button:focus:hover.clock-display, #panel.unlock-screen .panel-button:checked:hover.clock-display, #panel.login-screen .panel-button:active:hover.clock-display, #panel.login-screen .panel-button:overview:hover.clock-display, #panel.login-screen .panel-button:focus:hover.clock-display, #panel.login-screen .panel-button:checked:hover.clock-display, #panel:overview .panel-button:active:hover.clock-display, #panel:overview .panel-button:overview:hover.clock-display, #panel:overview .panel-button:focus:hover.clock-display, #panel:overview .panel-button:checked:hover.clock-display { box-shadow: none; } #panel.unlock-screen .panel-button:active:hover.clock-display .clock, #panel.unlock-screen .panel-button:overview:hover.clock-display .clock, #panel.unlock-screen .panel-button:focus:hover.clock-display .clock, #panel.unlock-screen .panel-button:checked:hover.clock-display .clock, #panel.login-screen .panel-button:active:hover.clock-display .clock, #panel.login-screen .panel-button:overview:hover.clock-display .clock, #panel.login-screen .panel-button:focus:hover.clock-display .clock, #panel.login-screen .panel-button:checked:hover.clock-display .clock, #panel:overview .panel-button:active:hover.clock-display .clock, #panel:overview .panel-button:overview:hover.clock-display .clock, #panel:overview .panel-button:focus:hover.clock-display .clock, #panel:overview .panel-button:checked:hover.clock-display .clock { box-shadow: inset 0 0 0 100px rgba(255, 255, 255, 0.2); } #panel.unlock-screen .panel-button:active:hover.screen-recording-indicator, #panel.unlock-screen .panel-button:overview:hover.screen-recording-indicator, #panel.unlock-screen .panel-button:focus:hover.screen-recording-indicator, #panel.unlock-screen .panel-button:checked:hover.screen-recording-indicator, #panel.login-screen .panel-button:active:hover.screen-recording-indicator, #panel.login-screen .panel-button:overview:hover.screen-recording-indicator, #panel.login-screen .panel-button:focus:hover.screen-recording-indicator, #panel.login-screen .panel-button:checked:hover.screen-recording-indicator, #panel:overview .panel-button:active:hover.screen-recording-indicator, #panel:overview .panel-button:overview:hover.screen-recording-indicator, #panel:overview .panel-button:focus:hover.screen-recording-indicator, #panel:overview .panel-button:checked:hover.screen-recording-indicator { box-shadow: inset 0 0 0 100px rgba(199, 22, 43, 0.8); } #panel .panel-status-indicators-box, #panel .panel-status-menu-box { spacing: 2px; } #panel .power-status.panel-status-indicators-box { spacing: 0; } #panel .screencast-indicator, #panel .remote-access-indicator { color: #f99b11; } #appMenu { spacing: 6px; } #appMenu .label-shadow { color: transparent; } #appMenu .panel-status-menu-box { padding: 0 6px; spacing: 6px; } .clock-display-box { spacing: 2px; } .clock-display-box .clock { padding-left: 12px; padding-right: 12px; } /* Activities Ripple */ .ripple-box { background-color: rgba(249, 225, 229, 0.3); box-shadow: 0 0 2px 2px #ea8a9a; width: 52px; height: 52px; border-radius: 0 0 52px 0; } .ripple-box:rtl { border-radius: 0 0 0 52px; } /* OVERVIEW */ .controls-manager, .secondary-monitor-workspaces { spacing: 12px; } #overviewGroup { background-color: #222222; } .overview-controls { padding-bottom: 32px; } /* Window Picker */ .window-picker { spacing: 6px; } .window-caption { color: #eeeeec; background-color: rgba(29, 29, 29, 0.975); border-radius: 99px; padding: 6px 12px; border: 1px solid #464646; } .window-close, .screenshot-ui-close-button { background-color: rgba(55, 55, 55, 0.975); color: #eeeeec; border-radius: 99px; padding: 3px; height: 30px; width: 30px; transition-duration: 300ms; border: 1px solid #464646; } .window-close StIcon, .screenshot-ui-close-button StIcon { icon-size: 24px; } .window-close:hover, .screenshot-ui-close-button:hover { background-color: rgba(67, 67, 67, 0.975); } .window-close:active, .screenshot-ui-close-button:active { background-color: rgba(42, 42, 42, 0.975); } .workspace-background { border-radius: 30px; box-shadow: 0 4px 16px 4px rgba(0, 0, 0, 0.275); } .search-entry { border-radius: 18px; margin-top: 24px; margin-bottom: 12px; padding: 7px 9px; width: 320px; background-color: white; color: rgba(61, 61, 61, 0.7); border: 1px solid #c7c7c7; } .search-entry:hover { background-color: white; border-color: #d4d4d4; color: #3D3D3D; } .search-entry:focus { background-color: white; border-color: #e57084; box-shadow: 0 0 0 1px #e57084 inset; color: #3D3D3D; } .search-entry:insensitive { background-color: white; border-color: white; color: #9c9c9c; } .search-entry .search-entry-icon { color: inherit; icon-size: 1.09em; margin-top: 2px; padding: 0 4px; } /* Search */ #searchResults { margin: 0 4px; } #searchResultsContent { max-width: 1072px; } .search-section { spacing: 18px; } .search-section .search-section-separator { height: 8px; background-color: transparent; } .search-section-content { background-color: #1d1d1d; border-radius: 18px; border: 1px solid #464646; color: #eeeeec; padding: 12px; margin: 0 12px; } .list-search-result, .search-provider-icon { background-color: transparent; border-radius: 9px; } .list-search-result:hover, .search-provider-icon:hover { background-color: rgba(238, 238, 236, 0.1); } .list-search-result:selected, .search-provider-icon:selected, .list-search-result:focus, .search-provider-icon:focus { background-color: rgba(238, 238, 236, 0.13); } .list-search-result:selected:hover, .search-provider-icon:selected:hover, .list-search-result:focus:hover, .search-provider-icon:focus:hover { background-color: rgba(238, 238, 236, 0.16); } .list-search-result:selected:active, .search-provider-icon:selected:active, .list-search-result:focus:active, .search-provider-icon:focus:active { background-color: rgba(238, 238, 236, 0.13); } .list-search-result:active, .search-provider-icon:active { background-color: rgba(238, 238, 236, 0.16); } .list-search-result:outlined, .search-provider-icon:outlined, .list-search-result:checked, .search-provider-icon:checked { background-color: rgba(238, 238, 236, 0.19); } .list-search-result:outlined:active, .search-provider-icon:outlined:active, .list-search-result:checked:active, .search-provider-icon:checked:active { background-color: rgba(238, 238, 236, 0.22); } .list-search-result:outlined:hover, .search-provider-icon:outlined:hover, .list-search-result:checked:hover, .search-provider-icon:checked:hover { background-color: rgba(238, 238, 236, 0.25); } .list-search-result:drop, .search-provider-icon:drop { border: 2px solid rgba(218, 52, 80, 0.8); background-color: rgba(218, 52, 80, 0.2); } .grid-search-results { spacing: 30px; margin: 0 12px; } .search-provider-icon:ltr { margin-right: 4px; } .search-provider-icon:rtl { margin-left: 4px; } .search-provider-icon .list-search-provider-content { spacing: 12px; } .search-provider-icon .list-search-provider-content .list-search-provider-details { width: 120px; color: #eeeeec; } .list-search-results { spacing: 6px; } .list-search-result .list-search-result-content { spacing: 6px; } .list-search-result .list-search-result-title { spacing: 12px; } .list-search-result .list-search-result-description { color: #868685; } /* Dash */ #dash { margin-top: 12px; } #dash .placeholder { background-image: none; background-size: contain; height: 32px; } #dash .empty-dash-drop-target { width: 32px; height: 32px; } #dash .app-well-app-running-dot { margin-bottom: 13px; background-color: #DA3450; } .dash-background { background-color: #1d1d1d; border-radius: 24px; padding: 12px; border: 1px solid #464646; spacing: 6px; margin-bottom: 12px; } .dash-item-container > * { margin: 0 2px; } .dash-item-container:ltr:first-child { margin-left: 0; } .dash-item-container:rtl:first-child { margin-right: 0; } .dash-item-container .app-well-app .overview-icon, .dash-item-container .grid-search-result .overview-icon { padding: 6px; } .dash-item-container .show-apps .overview-icon { background-color: transparent; } .dash-item-container .show-apps:hover .overview-icon { background-color: rgba(238, 238, 236, 0.1); } .dash-item-container .show-apps:selected .overview-icon, .dash-item-container .show-apps:focus .overview-icon { background-color: rgba(238, 238, 236, 0.13); } .dash-item-container .show-apps:selected .overview-icon:hover .overview-icon, .dash-item-container .show-apps:focus .overview-icon:hover .overview-icon { background-color: rgba(238, 238, 236, 0.16); } .dash-item-container .show-apps:selected .overview-icon:active .overview-icon, .dash-item-container .show-apps:focus .overview-icon:active .overview-icon { background-color: rgba(238, 238, 236, 0.13); } .dash-item-container .show-apps:active .overview-icon { background-color: rgba(238, 238, 236, 0.16); } .dash-item-container .show-apps:outlined .overview-icon, .dash-item-container .show-apps:checked .overview-icon { background-color: rgba(238, 238, 236, 0.19); } .dash-item-container .show-apps:outlined .overview-icon:active .overview-icon, .dash-item-container .show-apps:checked .overview-icon:active .overview-icon { background-color: rgba(238, 238, 236, 0.22); } .dash-item-container .show-apps:outlined .overview-icon:hover .overview-icon, .dash-item-container .show-apps:checked .overview-icon:hover .overview-icon { background-color: rgba(238, 238, 236, 0.25); } .dash-item-container .show-apps:drop .overview-icon { border: 2px solid rgba(218, 52, 80, 0.8); background-color: rgba(218, 52, 80, 0.2); } .dash-item-container .show-apps:focus .overview-icon, .dash-item-container .show-apps:active .overview-icon, .dash-item-container .show-apps:checked .overview-icon { background-color: rgba(238, 238, 236, 0.2); } .dash-item-container .show-apps, .dash-item-container .app-well-app, .dash-item-container .grid-search-result { padding-bottom: 12px; } .dash-separator { width: 1px; margin: 0 4px; background-color: #464646; margin-bottom: 12px; } .dash-label { color: #eeeeec; background-color: rgba(29, 29, 29, 0.975); border-radius: 99px; padding: 6px 12px; text-align: center; -y-offset: 8px; border: 1px solid #464646; } /* App Grid */ .icon-grid { row-spacing: 12px; column-spacing: 12px; max-row-spacing: 42px; max-column-spacing: 42px; page-padding-top: 24px; page-padding-bottom: 24px; page-padding-left: 18px; page-padding-right: 18px; } /* App Icons */ .app-well-app .overview-icon, .grid-search-result .overview-icon { background-color: transparent; } .app-well-app:hover .overview-icon, .grid-search-result:hover .overview-icon { background-color: rgba(238, 238, 236, 0.1); } .app-well-app:selected .overview-icon, .grid-search-result:selected .overview-icon, .app-well-app:focus .overview-icon, .grid-search-result:focus .overview-icon { background-color: rgba(238, 238, 236, 0.13); } .app-well-app:selected .overview-icon:hover .overview-icon, .grid-search-result:selected .overview-icon:hover .overview-icon, .app-well-app:focus .overview-icon:hover .overview-icon, .grid-search-result:focus .overview-icon:hover .overview-icon { background-color: rgba(238, 238, 236, 0.16); } .app-well-app:selected .overview-icon:active .overview-icon, .grid-search-result:selected .overview-icon:active .overview-icon, .app-well-app:focus .overview-icon:active .overview-icon, .grid-search-result:focus .overview-icon:active .overview-icon { background-color: rgba(238, 238, 236, 0.13); } .app-well-app:active .overview-icon, .grid-search-result:active .overview-icon { background-color: rgba(238, 238, 236, 0.16); } .app-well-app:outlined .overview-icon, .grid-search-result:outlined .overview-icon, .app-well-app:checked .overview-icon, .grid-search-result:checked .overview-icon { background-color: rgba(238, 238, 236, 0.19); } .app-well-app:outlined .overview-icon:active .overview-icon, .grid-search-result:outlined .overview-icon:active .overview-icon, .app-well-app:checked .overview-icon:active .overview-icon, .grid-search-result:checked .overview-icon:active .overview-icon { background-color: rgba(238, 238, 236, 0.22); } .app-well-app:outlined .overview-icon:hover .overview-icon, .grid-search-result:outlined .overview-icon:hover .overview-icon, .app-well-app:checked .overview-icon:hover .overview-icon, .grid-search-result:checked .overview-icon:hover .overview-icon { background-color: rgba(238, 238, 236, 0.25); } .app-well-app:drop .overview-icon, .grid-search-result:drop .overview-icon { border: 2px solid rgba(218, 52, 80, 0.8); background-color: rgba(218, 52, 80, 0.2); } .app-well-app:focus .overview-icon, .grid-search-result:focus .overview-icon, .app-well-app:active .overview-icon, .grid-search-result:active .overview-icon, .app-well-app:checked .overview-icon, .grid-search-result:checked .overview-icon { background-color: rgba(238, 238, 236, 0.2); } .app-well-app .overview-icon, .grid-search-result .overview-icon { padding: 12px; } .app-well-app .overview-icon.overview-icon-with-label > StBoxLayout, .grid-search-result .overview-icon.overview-icon-with-label > StBoxLayout { spacing: 6px; } .app-well-app.app-folder .overview-icon, .app-folder.grid-search-result .overview-icon { background-color: rgba(238, 238, 236, 0.05); } .app-well-app.app-folder:hover .overview-icon, .app-folder.grid-search-result:hover .overview-icon { background-color: rgba(238, 238, 236, 0.1); } .app-well-app.app-folder:selected .overview-icon, .app-folder.grid-search-result:selected .overview-icon, .app-well-app.app-folder:focus .overview-icon, .app-folder.grid-search-result:focus .overview-icon { background-color: rgba(238, 238, 236, 0.13); } .app-well-app.app-folder:selected .overview-icon:hover .overview-icon, .app-folder.grid-search-result:selected .overview-icon:hover .overview-icon, .app-well-app.app-folder:focus .overview-icon:hover .overview-icon, .app-folder.grid-search-result:focus .overview-icon:hover .overview-icon { background-color: rgba(238, 238, 236, 0.16); } .app-well-app.app-folder:selected .overview-icon:active .overview-icon, .app-folder.grid-search-result:selected .overview-icon:active .overview-icon, .app-well-app.app-folder:focus .overview-icon:active .overview-icon, .app-folder.grid-search-result:focus .overview-icon:active .overview-icon { background-color: rgba(238, 238, 236, 0.13); } .app-well-app.app-folder:active .overview-icon, .app-folder.grid-search-result:active .overview-icon { background-color: rgba(238, 238, 236, 0.16); } .app-well-app.app-folder:outlined .overview-icon, .app-folder.grid-search-result:outlined .overview-icon, .app-well-app.app-folder:checked .overview-icon, .app-folder.grid-search-result:checked .overview-icon { background-color: rgba(238, 238, 236, 0.19); } .app-well-app.app-folder:outlined .overview-icon:active .overview-icon, .app-folder.grid-search-result:outlined .overview-icon:active .overview-icon, .app-well-app.app-folder:checked .overview-icon:active .overview-icon, .app-folder.grid-search-result:checked .overview-icon:active .overview-icon { background-color: rgba(238, 238, 236, 0.22); } .app-well-app.app-folder:outlined .overview-icon:hover .overview-icon, .app-folder.grid-search-result:outlined .overview-icon:hover .overview-icon, .app-well-app.app-folder:checked .overview-icon:hover .overview-icon, .app-folder.grid-search-result:checked .overview-icon:hover .overview-icon { background-color: rgba(238, 238, 236, 0.25); } .app-well-app.app-folder:drop .overview-icon, .app-folder.grid-search-result:drop .overview-icon { border: 2px solid rgba(218, 52, 80, 0.8); background-color: rgba(218, 52, 80, 0.2); } .app-well-app.app-folder:focus .overview-icon, .app-folder.grid-search-result:focus .overview-icon, .app-well-app.app-folder:active .overview-icon, .app-folder.grid-search-result:active .overview-icon, .app-well-app.app-folder:checked .overview-icon, .app-folder.grid-search-result:checked .overview-icon { background-color: rgba(238, 238, 236, 0.2); } .app-folder-dialog { border-radius: 24px; background-color: #1d1d1d; border: 1px solid #464646; } .app-folder-dialog .folder-name-container { padding: 24px 36px 0; spacing: 12px; /* FIXME: this is to keep the label in sync with the entry */ } .app-folder-dialog .folder-name-container .folder-name-label, .app-folder-dialog .folder-name-container .folder-name-entry { color: #eeeeec; } .app-folder-dialog .folder-name-container .folder-name-entry { width: 300px; background-color: rgba(39, 39, 39, 0.975); border-color: rgba(255, 255, 255, 0.16); } .app-folder-dialog .folder-name-container .folder-name-label { padding: 5px 7px; color: #eeeeec; } .app-folder-dialog .folder-name-container .edit-folder-button { padding: 0; width: 36px; height: 36px; border-radius: 99px; } .app-folder-dialog .folder-name-container .edit-folder-button > StIcon { icon-size: 1.09em; } .app-folder-dialog .icon-grid { row-spacing: 12px; column-spacing: 30px; page-padding-top: 0; page-padding-bottom: 0; page-padding-left: 0; page-padding-right: 0; } .app-folder-dialog .page-indicators { margin-bottom: 18px; } .app-folder-dialog-container { padding: 12px; width: 640px; height: 640px; } .app-well-app-running-dot { height: 5px; width: 5px; border-radius: 5px; margin-bottom: 8px; background-color: #DA3450; } .rename-folder-popup .rename-folder-popup-item { spacing: 6px; } .rename-folder-popup .rename-folder-popup-item:ltr, .rename-folder-popup .rename-folder-popup-item:rtl { padding: 0 12px; } .page-indicator { padding: 6px 12px 0; } .page-indicator .page-indicator-icon { width: 10px; height: 10px; border-radius: 10px; background-color: white; } .apps-scroll-view { padding: 0; } .system-action-icon { background-color: rgba(0, 0, 0, 0.8); color: #fff; border-radius: 99px; icon-size: 48px; } .page-navigation-hint { width: 300px; } .page-navigation-hint.dnd { background: rgba(255, 255, 255, 0.1); } .page-navigation-hint.next:ltr, .page-navigation-hint.previous:rtl { background-gradient-start: rgba(255, 255, 255, 0.05); background-gradient-end: transparent; background-gradient-direction: horizontal; border-radius: 18px 0px 0px 18px; } .page-navigation-hint.previous:ltr, .page-navigation-hint.next:rtl { background-gradient-start: transparent; background-gradient-end: rgba(255, 255, 255, 0.05); background-gradient-direction: horizontal; border-radius: 0px 18px 18px 0px; } .page-navigation-arrow { margin: 6px; width: 24px; height: 24px; color: #eeeeec; } /* Workspace pager */ .workspace-thumbnails { visible-width: 32px; spacing: 6px; padding: 6px; border-color: transparent; } .workspace-thumbnails .workspace-thumbnail { border-radius: 3px; background-color: #1d1d1d; border: 1px solid #464646; } .workspace-thumbnails .placeholder { background-image: url("resource:///org/gnome/shell/theme/workspace-placeholder.svg"); background-size: contain; width: 18px; } .workspace-thumbnail-indicator { border: 2px solid #e57084; border-radius: 3px; padding: 0px; } .ripple-pointer-location { width: 50px; height: 50px; border-radius: 25px; background-color: rgba(242, 181, 192, 0.3); box-shadow: 0 0 2px 2px #ea8a9a; } .pie-timer { width: 60px; height: 60px; -pie-border-width: 3px; -pie-border-color: #DA3450; -pie-background-color: rgba(249, 225, 229, 0.3); } .magnifier-zoom-region { border: 2px solid #DA3450; } .magnifier-zoom-region.full-screen { border-width: 0; } .select-area-rubberband { background-color: rgba(135, 135, 135, 0.2); border: 1px solid rgba(204, 204, 204, 0.8); } .user-icon { /* Yaru: See commit 3d4aca768250 */ background-size: contain; color: #3D3D3D; border-radius: 99px; icon-size: 4.36em; } .user-icon:hover { color: #8a8a8a; } .user-icon StIcon { background-color: rgba(61, 61, 61, 0.05); border-radius: 99px; padding: 12px; width: 2.725em; height: 2.725em; } .user-icon.user-avatar { border: 2px #eeeeec; } .user-widget.vertical .user-icon { icon-size: 6.54em; } .user-widget.vertical .user-icon StIcon { padding: 20px; padding-top: 18px; padding-bottom: 22px; width: 5.995em; height: 5.995em; /* Yaru: See commit 3d4aca768250 */ } .lightbox { background-color: black; } .flashspot { background-color: white; } .hidden { color: rgba(0, 0, 0, 0); } .caps-lock-warning-label { text-align: center; padding-bottom: 8px; color: #f99b11; } /* Workspace animation */ .workspace-animation { background-color: #222222; } /* Tiled window previews */ .tile-preview { background-color: rgba(218, 52, 80, 0.5); border: 1px solid #DA3450; } /* On-screen Keyboard */ #keyboard { background-color: rgba(237, 237, 237, 0.9); } #keyboard .page-indicator { padding: 6px; } #keyboard .page-indicator .page-indicator-icon { width: 8px; height: 8px; } .key-container { padding: 4px; spacing: 4px; } .keyboard-key { font-size: 16pt; font-weight: bold; min-height: 1.2em; min-width: 1.2em; border-width: 1px; border-style: solid; border-radius: 10px; box-shadow: 0 1px 0 0 rgba(0, 0, 0, 0.1); color: #3D3D3D; background-color: white; } .keyboard-key:focus { color: #3D3D3D; background-color: #fbebee; box-shadow: inset 0 0 0 2px rgba(218, 52, 80, 0.6); } .keyboard-key:focus:hover { background-color: #fbebee; box-shadow: inset 0 0 0 2px rgba(218, 52, 80, 0.7); } .keyboard-key:focus:active { background-color: #fbebee; box-shadow: inset 0 0 0 2px rgba(218, 52, 80, 0.7); } .keyboard-key:hover { color: #3D3D3D; background-color: #fafafa; } .keyboard-key:active { color: #3D3D3D; background-color: #f2f2f2; } .keyboard-key:checked { color: #3D3D3D; background-color: #ebebeb; } .keyboard-key:grayed { background-color: #f2f2f2; color: #3D3D3D; border-color: rgba(0, 0, 0, 0.7); } .keyboard-key.default-key { color: #3D3D3D; background-color: white; border-radius: 10px; } .keyboard-key.default-key:hover { color: #3D3D3D; background-color: #fafafa; } .keyboard-key.default-key:active { color: #3D3D3D; background-color: #f2f2f2; } .keyboard-key.default-key:checked { color: #3D3D3D; background-color: #ebebeb; } .keyboard-key.enter-key { color: #FFFFFF; background-color: #12a929; border-radius: 10px; color: #eeeeec; } .keyboard-key.enter-key:hover { color: #FFFFFF; background-color: #11a027; } .keyboard-key.enter-key:active { color: #FFFFFF; background-color: #0f9223; } .keyboard-key.enter-key:checked { color: #FFFFFF; background-color: #0e8420; } .keyboard-key.shift-key-uppercase { background-color: #dedede; color: #3D3D3D; } .keyboard-key.shift-key-uppercase:hover { background-color: #d6d6d6; } .keyboard-key StIcon { icon-size: 24px; } .keyboard-subkeys { -arrow-border-radius: 12px; -arrow-background-color: rgba(237, 237, 237, 0.9); -arrow-border-width: 1px; -arrow-border-color: #c7c7c7; -arrow-base: 20px; -arrow-rise: 10px; -boxpointer-gap: 6px; padding: 6px; } .keyboard-subkeys .keyboard-key { color: #3D3D3D; background-color: white; border-radius: 10px; } .keyboard-subkeys .keyboard-key:focus { color: #3D3D3D; background-color: #fbebee; box-shadow: inset 0 0 0 2px rgba(218, 52, 80, 0.6); } .keyboard-subkeys .keyboard-key:focus:hover { background-color: #fbebee; box-shadow: inset 0 0 0 2px rgba(218, 52, 80, 0.7); } .keyboard-subkeys .keyboard-key:focus:active { background-color: #fbebee; box-shadow: inset 0 0 0 2px rgba(218, 52, 80, 0.7); } .keyboard-subkeys .keyboard-key:hover { color: #3D3D3D; background-color: #fafafa; } .keyboard-subkeys .keyboard-key:active { color: #3D3D3D; background-color: #f2f2f2; } .keyboard-subkeys .keyboard-key:checked { color: #3D3D3D; background-color: #ebebeb; } .emoji-page .keyboard-key { background-color: transparent; border: none; color: initial; } .emoji-panel .keyboard-key:latched { border-color: #de4a63; background-color: #DA3450; } .word-suggestions { font-size: 14pt; spacing: 12px; min-height: 20pt; padding: 12px; color: #3D3D3D; } .word-suggestions StButton { margin: 0 3px; min-width: 32px; border-radius: 4px; padding: 6px 18px; background-color: transparent; background-image: none; } .word-suggestions StButton:focus { color: #3D3D3D; background-color: #fbebee; box-shadow: inset 0 0 0 2px rgba(218, 52, 80, 0.6); } .word-suggestions StButton:focus:hover { background-color: #fbebee; box-shadow: inset 0 0 0 2px rgba(218, 52, 80, 0.7); } .word-suggestions StButton:focus:active { background-color: #fbebee; box-shadow: inset 0 0 0 2px rgba(218, 52, 80, 0.7); } .word-suggestions StButton:hover { color: #3D3D3D; background-color: #fafafa; } .word-suggestions StButton:active { color: #3D3D3D; background-color: #f2f2f2; } .word-suggestions StButton:checked { color: #3D3D3D; background-color: #ebebeb; } /* Looking Glass */ #LookingGlassDialog { background-color: rgba(29, 29, 29, 0.975); border-radius: 0 0 12px 12px; border-top-width: 0; border: 1px solid rgba(255, 255, 255, 0.16); color: #eeeeec; padding: 6px; spacing: 6px; box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.1); } #LookingGlassDialog > #Toolbar { border: none; padding: 6px; border-radius: 0; background-color: transparent; spacing: 6px; } #LookingGlassDialog > #Toolbar .lg-toolbar-button { padding: 6px 12px; } #LookingGlassDialog > #Toolbar .lg-toolbar-button > StIcon { icon-size: 1.09em; } #LookingGlassDialog .labels { spacing: 6px; } #LookingGlassDialog .notebook-tab { -natural-hpadding: 12px; -minimum-hpadding: 12px; font-weight: bold; padding: 6px 12px; color: #cacac4; transition-duration: 100ms; box-shadow: none; border: none; border-radius: 4px; background-color: transparent; } #LookingGlassDialog .notebook-tab:hover { color: #eeeeec; background-color: rgba(238, 238, 236, 0.05); } #LookingGlassDialog .notebook-tab:selected { color: #eeeeec; background-color: rgba(238, 238, 236, 0.1); } #LookingGlassDialog StBoxLayout#EvalBox { padding: 4px; spacing: 6px; padding: 6px; } #LookingGlassDialog StBoxLayout#ResultsArea { spacing: 6px; padding: 6px; } .lg-dialog { color: #eeeeec; } .lg-dialog StEntry { background-color: rgba(42, 42, 42, 0.575); color: #eeeeec; border-color: rgba(238, 238, 236, 0.2); min-height: 22px; selection-background-color: #DA3450; selected-color: #FFFFFF; } .lg-dialog StEntry, .lg-dialog StEntry:focus { box-shadow: none; } .lg-dialog .shell-link { color: #b9223b; } .lg-dialog .shell-link:hover { color: #da3450; } .lg-dialog .shell-link:active { color: #8e1a2e; } .lg-dialog .actor-link { color: #9c9c9c; } .lg-dialog .actor-link:hover { color: #cfcfcf; } .lg-dialog .actor-link:active { color: dimgray; } .lg-completions-text { font-style: italic; color: #eeeeec; } .lg-obj-inspector-title { spacing: 6px; color: #eeeeec; } .lg-obj-inspector-button { border: 1px solid rgba(0, 0, 0, 0.7); padding: 4px; border-radius: 6px; color: #eeeeec; } .lg-obj-inspector-button:hover { border: 1px solid #ffffff; } #lookingGlassExtensions { padding: 6px; } .lg-extensions-list { padding: 6px; spacing: 6px; } .lg-extension { padding: 12px; border-radius: 6px; margin: 4px; box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.1); color: #3D3D3D; background-color: #ededed; } .lg-extension:focus { color: #3D3D3D; background-color: #ededed; box-shadow: inset 0 0 0 2px #e57084; } .lg-extension:focus:hover { background-color: #e5e5e5; box-shadow: inset 0 0 0 2px #e57084; } .lg-extension:focus:active { background-color: #dedede; box-shadow: inset 0 0 0 2px #e57084; } .lg-extension:hover { color: #3D3D3D; background-color: #e5e5e5; } .lg-extension:active { color: #3D3D3D; background-color: #dedede; } .lg-extension-meta { spacing: 6px; } #LookingGlassPropertyInspector { background: rgba(29, 29, 29, 0.975); border: 1px solid rgba(0, 0, 0, 0.7); border-radius: 6px; padding: 6px; } .lg-debug-flag-button { color: #3D3D3D; } .lg-debug-flag-button StLabel { padding: 6px, 12px; } .lg-debug-flag-button:hover { color: #707070; } .lg-debug-flag-button:active { color: #0a0a0a; } .lg-debug-flags-header { padding-top: 12px; padding: 6px; } /* Login Dialog */ .login-dialog-banner-view { padding-top: 24px; max-width: 23em; } .login-dialog, .unlock-dialog { border: none; background-color: transparent; } .login-dialog .modal-dialog-button-box, .unlock-dialog .modal-dialog-button-box { spacing: 3px; } .login-dialog .modal-dialog-button, .unlock-dialog .modal-dialog-button { padding: 4px 18px; box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2); background-color: #ffffff; border-color: #c7c7c7; color: #3D3D3D; } .login-dialog .modal-dialog-button:hover, .unlock-dialog .modal-dialog-button:hover { background-color: #d9d9d9; } .login-dialog .modal-dialog-button:focus, .unlock-dialog .modal-dialog-button:focus { border-color: #e57084; box-shadow: inset 0 0 0 1px #e57084; } .login-dialog .modal-dialog-button:active, .unlock-dialog .modal-dialog-button:active { box-shadow: none; background-color: #bfbfbf; color: rgba(238, 238, 236, 0.7); } .login-dialog .modal-dialog-button:default, .unlock-dialog .modal-dialog-button:default { background-color: #DA3450; color: #FFFFFF; } .login-dialog .modal-dialog-button:default:focus, .unlock-dialog .modal-dialog-button:default:focus { box-shadow: inset 0 0 0 2px rgba(218, 52, 80, 0.6); } .login-dialog .modal-dialog-button:default:hover, .login-dialog .modal-dialog-button:default:focus, .unlock-dialog .modal-dialog-button:default:hover, .unlock-dialog .modal-dialog-button:default:focus { background-color: #de4a63; color: white; } .login-dialog .modal-dialog-button:default:active, .unlock-dialog .modal-dialog-button:default:active { background-color: #c6243f; color: #ededed; } .login-dialog .modal-dialog-button:default:insensitive, .unlock-dialog .modal-dialog-button:default:insensitive { color: rgba(61, 61, 61, 0.5); background-color: rgba(61, 61, 61, 0.05); background-color: rgba(218, 52, 80, 0.5); color: rgba(255, 255, 255, 0.5); } .login-dialog .cancel-button, .login-dialog .switch-user-button, .login-dialog .login-dialog-session-list-button, .unlock-dialog .cancel-button, .unlock-dialog .switch-user-button, .unlock-dialog .login-dialog-session-list-button { padding: 0; border-radius: 99px; width: 2.18em; height: 2.18em; } .login-dialog .cancel-button StIcon, .login-dialog .switch-user-button StIcon, .login-dialog .login-dialog-session-list-button StIcon, .unlock-dialog .cancel-button StIcon, .unlock-dialog .switch-user-button StIcon, .unlock-dialog .login-dialog-session-list-button StIcon { icon-size: 1.09em; } .login-dialog .caps-lock-warning-label, .login-dialog .login-dialog-message, .unlock-dialog .caps-lock-warning-label, .unlock-dialog .login-dialog-message { color: #eeeeec; } .login-dialog-logo-bin { padding: 24px 0px; } .login-dialog-banner { color: #d6d6d1; } .login-dialog-button-box { width: 23em; spacing: 5px; } .login-dialog-message { text-align: center; } .login-dialog-user-selection-box { padding: 100px 0px; } .login-dialog-not-listed-label { padding-left: 2px; } .login-dialog-not-listed-button:focus .login-dialog-not-listed-label, .login-dialog-not-listed-button:hover .login-dialog-not-listed-label { color: #eeeeec; } .login-dialog-not-listed-label { font-weight: bold; color: #a6a69b; padding-top: 1em; } .login-dialog-auth-list-view { -st-vfade-offset: 1em; } .login-dialog-auth-list { spacing: 6px; margin-left: 2em; } .login-dialog-auth-list-title { margin-left: 2em; } .login-dialog-auth-list-item { border-radius: 10px; padding: 6px; color: #a6a69b; } .login-dialog-auth-list-item:focus, .login-dialog-auth-list-item:selected { background-color: #DA3450; color: #FFFFFF; } .login-dialog-auth-list-label { font-size: 13pt; font-weight: bold; padding-left: 15px; } .login-dialog-auth-list-label:ltr { padding-left: 14px; text-align: left; } .login-dialog-auth-list-label:rtl { padding-right: 14px; text-align: right; } .login-dialog-user-list-view { -st-vfade-offset: 1em; } .login-dialog-user-list { spacing: 12px; width: 23em; } .login-dialog-user-list:expanded .login-dialog-user-list-item:selected { background-color: rgba(255, 255, 255, 0.1); color: #FFFFFF; } .login-dialog-user-list:expanded .login-dialog-user-list-item:logged-in { border-right: 2px solid rgba(255, 255, 255, 0.1); } .login-dialog-user-list-item { border-radius: 10px; padding: 6px; color: #a6a69b; } .login-dialog-user-list-item:ltr .user-widget { padding-right: 1em; } .login-dialog-user-list-item:rtl .user-widget { padding-left: 1em; } .login-dialog-user-list-item .login-dialog-timed-login-indicator { height: 2px; margin-top: 6px; background-color: #eeeeec; } .login-dialog-user-list-item:focus .login-dialog-timed-login-indicator { background-color: #FFFFFF; } .user-widget-label { color: #eeeeec; } .user-widget.horizontal .user-widget-label { font-size: 13pt; font-weight: bold; padding-left: 15px; } .user-widget.horizontal .user-widget-label:ltr { padding-left: 14px; text-align: left; } .user-widget.horizontal .user-widget-label:rtl { padding-right: 14px; text-align: right; } .user-widget.vertical .user-widget-label { font-size: 16pt; text-align: center; font-weight: normal; padding-top: 16px; } .login-dialog-timed-login-indicator { height: 2px; background-color: black; } .login-dialog-prompt-layout { padding-top: 24px; padding-bottom: 12px; spacing: 12px; width: 23em; } .login-dialog-prompt-entry { height: 1.5em; } .login-dialog-prompt-label { color: #bebeb6; font-size: 12pt; padding-top: 1em; } .unlock-dialog StEntry { border: none !important; } .unlock-dialog StEntry, .unlock-dialog StEntry:focus { color: #F7F7F7; background-color: rgba(247, 247, 247, 0.1); box-shadow: none; } .unlock-dialog StEntry:insensitive { color: rgba(247, 247, 247, 0.5); background-color: rgba(247, 247, 247, 0.05); } .unlock-dialog StEntry StLabel.hint-text { color: rgba(247, 247, 247, 0.7); } .unlock-dialog .user-icon { background-color: rgba(247, 247, 247, 0.1); color: #F7F7F7; } .unlock-dialog .cancel-button, .unlock-dialog .switch-user-button, .unlock-dialog .login-dialog-session-list-button { border-color: transparent; background-color: rgba(247, 247, 247, 0.1); box-shadow: none; } .unlock-dialog .cancel-button, .unlock-dialog .cancel-button:hover, .unlock-dialog .cancel-button:focus, .unlock-dialog .cancel-button:active, .unlock-dialog .switch-user-button, .unlock-dialog .switch-user-button:hover, .unlock-dialog .switch-user-button:focus, .unlock-dialog .switch-user-button:active, .unlock-dialog .login-dialog-session-list-button, .unlock-dialog .login-dialog-session-list-button:hover, .unlock-dialog .login-dialog-session-list-button:focus, .unlock-dialog .login-dialog-session-list-button:active { color: #F7F7F7; } .unlock-dialog .cancel-button:hover, .unlock-dialog .cancel-button:focus, .unlock-dialog .switch-user-button:hover, .unlock-dialog .switch-user-button:focus, .unlock-dialog .login-dialog-session-list-button:hover, .unlock-dialog .login-dialog-session-list-button:focus { background-color: rgba(247, 247, 247, 0.15); } .unlock-dialog .cancel-button:active, .unlock-dialog .switch-user-button:active, .unlock-dialog .login-dialog-session-list-button:active { background-color: rgba(247, 247, 247, 0.2); } /* Screen Shield */ .unlock-dialog-clock { color: white; font-weight: 300; text-align: center; spacing: 24px; padding-bottom: 2.5em; } .unlock-dialog-clock-time { font-size: 64pt; padding-top: 42px; } .unlock-dialog-clock-date { font-size: 16pt; font-weight: normal; } .unlock-dialog-clock-hint { font-weight: normal; padding-top: 48px; } .unlock-dialog-notifications-container { margin: 12px; spacing: 6px; width: 23em; background-color: transparent; } .unlock-dialog-notifications-container .summary-notification-stack-scrollview { padding-top: 0; padding-bottom: 0; } .unlock-dialog-notifications-container .notification, .unlock-dialog-notifications-container .unlock-dialog-notification-source { padding: 12px 16px; border: none; background-color: rgba(238, 238, 236, 0.1); color: #eeeeec; border-radius: 12px; } .unlock-dialog-notifications-container .notification.critical, .unlock-dialog-notifications-container .unlock-dialog-notification-source.critical { background-color: rgba(238, 238, 236, 0.2); } .unlock-dialog-notification-label { padding: 0 0 0 12px; } .unlock-dialog-notification-count-text { font-weight: bold; padding: 0 12px; color: #eeeeec; background-color: rgba(238, 238, 236, 0.1); border-radius: 99px; } .screen-shield-background { background: black; box-shadow: 0 2px 4px rgba(0, 0, 0, 0.6); } #lockDialogGroup { background-color: #222222; } #unlockDialogNotifications StButton#vhandle, #unlockDialogNotifications StButton#hhandle { background-color: rgba(250, 250, 250, 0.3); } #unlockDialogNotifications StButton#vhandle:hover, #unlockDialogNotifications StButton#vhandle:focus, #unlockDialogNotifications StButton#hhandle:hover, #unlockDialogNotifications StButton#hhandle:focus { background-color: rgba(250, 250, 250, 0.5); } #unlockDialogNotifications StButton#vhandle:active, #unlockDialogNotifications StButton#hhandle:active { background-color: rgba(218, 52, 80, 0.5); } * { font-weight: normal !important; text-shadow: none !important; } .file-item { border-radius: 6px; } /* Default Ubuntu Dock styling, append !important to any changed rules This must be in sync with - https://github.com/micheleg/dash-to-dock/blob/ubuntu-dock/_stylesheet.scss */ #dashtodockContainer.bottom #dash { margin: 0px; padding: 0px; } #dashtodockContainer.bottom #dash .dash-background { margin: 0; margin-bottom: 4px; padding: 0; border-radius: 18px; spacing: 6px; } #dashtodockContainer.bottom #dash .dash-separator { background-color: #c7c7c7; margin: 0 4px; width: 1px; height: 0; margin-bottom: 4px; } #dashtodockContainer.bottom #dash #dashtodockDashContainer { padding: 10px; padding-bottom: 0; padding-top: 0; } #dashtodockContainer.bottom #dash .dash-item-container { /* Disable all margins defined upstream, we handle them here */ margin: 0 2px; } #dashtodockContainer.bottom #dash .dash-item-container > * { margin: 0; } #dashtodockContainer.bottom #dash .dash-item-container:ltr:first-child, #dashtodockContainer.bottom #dash .dash-item-container:rtl:last-child { margin-left: 0; } #dashtodockContainer.bottom #dash .dash-item-container:ltr:last-child, #dashtodockContainer.bottom #dash .dash-item-container:rtl:first-child { margin-right: 0; } #dashtodockContainer.bottom #dash .dash-item-container .app-well-app, #dashtodockContainer.bottom #dash .dash-item-container .grid-search-result, #dashtodockContainer.bottom #dash .dash-item-container .show-apps { padding: 2px 2px; padding-bottom: 14px; padding-top: 10px; } #dashtodockContainer.bottom #dash .dash-item-container .app-well-app:ltr:first-child, #dashtodockContainer.bottom #dash .dash-item-container .grid-search-result:ltr:first-child, #dashtodockContainer.bottom #dash .dash-item-container .app-well-app:rtl:last-child, #dashtodockContainer.bottom #dash .dash-item-container .grid-search-result:rtl:last-child, #dashtodockContainer.bottom #dash .dash-item-container .show-apps:ltr:first-child, #dashtodockContainer.bottom #dash .dash-item-container .show-apps:rtl:last-child { padding-left: 0; } #dashtodockContainer.bottom #dash .dash-item-container .app-well-app:ltr:last-child, #dashtodockContainer.bottom #dash .dash-item-container .grid-search-result:ltr:last-child, #dashtodockContainer.bottom #dash .dash-item-container .app-well-app:rtl:first-child, #dashtodockContainer.bottom #dash .dash-item-container .grid-search-result:rtl:first-child, #dashtodockContainer.bottom #dash .dash-item-container .show-apps:ltr:last-child, #dashtodockContainer.bottom #dash .dash-item-container .show-apps:rtl:first-child { padding-right: 0; } #dashtodockContainer.bottom #dash .dash-item-container .app-well-app.running .overview-icon, #dashtodockContainer.bottom #dash .dash-item-container .running.grid-search-result .overview-icon { background-image: none; } #dashtodockContainer.bottom #dash .dash-item-container .app-well-app.focused .overview-icon, #dashtodockContainer.bottom #dash .dash-item-container .focused.grid-search-result .overview-icon { background-color: rgba(238, 238, 236, 0.2); } #dashtodockContainer.bottom #dash .dash-item-container .app-well-app .app-well-app-running-dot, #dashtodockContainer.bottom #dash .dash-item-container .grid-search-result .app-well-app-running-dot { margin-bottom: 2px; } #dashtodockContainer.bottom #dash .dash-item-container > StButton { transition-duration: 250; background-size: contain; } #dashtodockContainer.bottom.fixed #dash .dash-background { margin-top: 4px; } #dashtodockContainer.bottom.fixed #dash .dash-item-container .app-well-app, #dashtodockContainer.bottom.fixed #dash .dash-item-container .grid-search-result, #dashtodockContainer.bottom.fixed #dash .dash-item-container .show-apps { padding-top: 14px; } .dash-label.bottom { margin-bottom: 10px; -x-offset: 0; -y-offset: 0; } #dashtodockContainer.bottom.shrink #dash { margin: 0px; padding: 0px; } #dashtodockContainer.bottom.shrink #dash .dash-background { margin: 0; margin-bottom: 4px; padding: 0; border-radius: 14px; spacing: 2px; } #dashtodockContainer.bottom.shrink #dash .dash-separator { background-color: #c7c7c7; margin: 0 1px; width: 1px; height: 0; margin-bottom: 4px; } #dashtodockContainer.bottom.shrink #dash #dashtodockDashContainer { padding: 3px; padding-bottom: 0; padding-top: 0; } #dashtodockContainer.bottom.shrink #dash .dash-item-container { /* Disable all margins defined upstream, we handle them here */ margin: 0 2px; } #dashtodockContainer.bottom.shrink #dash .dash-item-container > * { margin: 0; } #dashtodockContainer.bottom.shrink #dash .dash-item-container:ltr:first-child, #dashtodockContainer.bottom.shrink #dash .dash-item-container:rtl:last-child { margin-left: 0; } #dashtodockContainer.bottom.shrink #dash .dash-item-container:ltr:last-child, #dashtodockContainer.bottom.shrink #dash .dash-item-container:rtl:first-child { margin-right: 0; } #dashtodockContainer.bottom.shrink #dash .dash-item-container .app-well-app, #dashtodockContainer.bottom.shrink #dash .dash-item-container .grid-search-result, #dashtodockContainer.bottom.shrink #dash .dash-item-container .show-apps { padding: 1px 1px; padding-bottom: 7px; padding-top: 3px; } #dashtodockContainer.bottom.shrink #dash .dash-item-container .app-well-app:ltr:first-child, #dashtodockContainer.bottom.shrink #dash .dash-item-container .grid-search-result:ltr:first-child, #dashtodockContainer.bottom.shrink #dash .dash-item-container .app-well-app:rtl:last-child, #dashtodockContainer.bottom.shrink #dash .dash-item-container .grid-search-result:rtl:last-child, #dashtodockContainer.bottom.shrink #dash .dash-item-container .show-apps:ltr:first-child, #dashtodockContainer.bottom.shrink #dash .dash-item-container .show-apps:rtl:last-child { padding-left: 0; } #dashtodockContainer.bottom.shrink #dash .dash-item-container .app-well-app:ltr:last-child, #dashtodockContainer.bottom.shrink #dash .dash-item-container .grid-search-result:ltr:last-child, #dashtodockContainer.bottom.shrink #dash .dash-item-container .app-well-app:rtl:first-child, #dashtodockContainer.bottom.shrink #dash .dash-item-container .grid-search-result:rtl:first-child, #dashtodockContainer.bottom.shrink #dash .dash-item-container .show-apps:ltr:last-child, #dashtodockContainer.bottom.shrink #dash .dash-item-container .show-apps:rtl:first-child { padding-right: 0; } #dashtodockContainer.bottom.shrink #dash .dash-item-container .app-well-app.running .overview-icon, #dashtodockContainer.bottom.shrink #dash .dash-item-container .running.grid-search-result .overview-icon { background-image: none; } #dashtodockContainer.bottom.shrink #dash .dash-item-container .app-well-app.focused .overview-icon, #dashtodockContainer.bottom.shrink #dash .dash-item-container .focused.grid-search-result .overview-icon { background-color: rgba(238, 238, 236, 0.2); } #dashtodockContainer.bottom.shrink #dash .dash-item-container .app-well-app .app-well-app-running-dot, #dashtodockContainer.bottom.shrink #dash .dash-item-container .grid-search-result .app-well-app-running-dot { margin-bottom: 2px; } #dashtodockContainer.bottom.shrink #dash .dash-item-container > StButton { transition-duration: 250; background-size: contain; } #dashtodockContainer.bottom.shrink.fixed #dash .dash-background { margin-top: 1px; } #dashtodockContainer.bottom.shrink.fixed #dash .dash-item-container .app-well-app, #dashtodockContainer.bottom.shrink.fixed #dash .dash-item-container .grid-search-result, #dashtodockContainer.bottom.shrink.fixed #dash .dash-item-container .show-apps { padding-top: 4px; } .dash-label.bottom.shrink { margin-bottom: 3px; -x-offset: 0; -y-offset: 0; } #dashtodockContainer.bottom.extended #dash { margin: 0px; padding: 0px; } #dashtodockContainer.bottom.extended #dash .dash-background { margin: 0; margin-bottom: 0; padding: 0; border-radius: 0; spacing: 6px; } #dashtodockContainer.bottom.extended #dash .dash-separator { background-color: #c7c7c7; margin: 0 4px; width: 1px; height: 0; margin-bottom: 0; } #dashtodockContainer.bottom.extended #dash #dashtodockDashContainer { padding: 0; padding-bottom: 0; padding-top: 0; } #dashtodockContainer.bottom.extended #dash #dashtodockDashContainer > :first-child .show-apps { padding-left: 8px; } #dashtodockContainer.bottom.extended #dash #dashtodockDashContainer #dashtodockDashScrollview:first-child { padding-left: 8px; } #dashtodockContainer.bottom.extended #dash #dashtodockDashContainer > :last-child .show-apps { padding-right: 8px; } #dashtodockContainer.bottom.extended #dash #dashtodockDashContainer #dashtodockDashScrollview:last-child { padding-right: 8px; } #dashtodockContainer.bottom.extended #dash .dash-item-container { /* Disable all margins defined upstream, we handle them here */ margin: 0 2px; } #dashtodockContainer.bottom.extended #dash .dash-item-container > * { margin: 0; } #dashtodockContainer.bottom.extended #dash .dash-item-container:ltr:first-child, #dashtodockContainer.bottom.extended #dash .dash-item-container:rtl:last-child { margin-left: 0; } #dashtodockContainer.bottom.extended #dash .dash-item-container:ltr:last-child, #dashtodockContainer.bottom.extended #dash .dash-item-container:rtl:first-child { margin-right: 0; } #dashtodockContainer.bottom.extended #dash .dash-item-container .app-well-app, #dashtodockContainer.bottom.extended #dash .dash-item-container .grid-search-result, #dashtodockContainer.bottom.extended #dash .dash-item-container .show-apps { padding: 2px 2px; padding-bottom: 10px; padding-top: 10px; } #dashtodockContainer.bottom.extended #dash .dash-item-container .app-well-app:ltr:first-child, #dashtodockContainer.bottom.extended #dash .dash-item-container .grid-search-result:ltr:first-child, #dashtodockContainer.bottom.extended #dash .dash-item-container .app-well-app:rtl:last-child, #dashtodockContainer.bottom.extended #dash .dash-item-container .grid-search-result:rtl:last-child, #dashtodockContainer.bottom.extended #dash .dash-item-container .show-apps:ltr:first-child, #dashtodockContainer.bottom.extended #dash .dash-item-container .show-apps:rtl:last-child { padding-left: 0; } #dashtodockContainer.bottom.extended #dash .dash-item-container .app-well-app:ltr:last-child, #dashtodockContainer.bottom.extended #dash .dash-item-container .grid-search-result:ltr:last-child, #dashtodockContainer.bottom.extended #dash .dash-item-container .app-well-app:rtl:first-child, #dashtodockContainer.bottom.extended #dash .dash-item-container .grid-search-result:rtl:first-child, #dashtodockContainer.bottom.extended #dash .dash-item-container .show-apps:ltr:last-child, #dashtodockContainer.bottom.extended #dash .dash-item-container .show-apps:rtl:first-child { padding-right: 0; } #dashtodockContainer.bottom.extended #dash .dash-item-container .app-well-app.running .overview-icon, #dashtodockContainer.bottom.extended #dash .dash-item-container .running.grid-search-result .overview-icon { background-image: none; } #dashtodockContainer.bottom.extended #dash .dash-item-container .app-well-app.focused .overview-icon, #dashtodockContainer.bottom.extended #dash .dash-item-container .focused.grid-search-result .overview-icon { background-color: rgba(238, 238, 236, 0.2); } #dashtodockContainer.bottom.extended #dash .dash-item-container .app-well-app .app-well-app-running-dot, #dashtodockContainer.bottom.extended #dash .dash-item-container .grid-search-result .app-well-app-running-dot { margin-bottom: 2px; } #dashtodockContainer.bottom.extended #dash .dash-item-container > StButton { transition-duration: 250; background-size: contain; } #dashtodockContainer.bottom.extended.fixed #dash .dash-background { margin-top: 0; } #dashtodockContainer.bottom.extended.fixed #dash .dash-item-container .app-well-app, #dashtodockContainer.bottom.extended.fixed #dash .dash-item-container .grid-search-result, #dashtodockContainer.bottom.extended.fixed #dash .dash-item-container .show-apps { padding-top: 10px; } .dash-label.bottom { margin-bottom: 10px; -x-offset: 0; -y-offset: 0; } #dashtodockContainer.bottom.extended.shrink #dash { margin: 0px; padding: 0px; } #dashtodockContainer.bottom.extended.shrink #dash .dash-background { margin: 0; margin-bottom: 0; padding: 0; border-radius: 0; spacing: 2px; } #dashtodockContainer.bottom.extended.shrink #dash .dash-separator { background-color: #c7c7c7; margin: 0 1px; width: 1px; height: 0; margin-bottom: 0; } #dashtodockContainer.bottom.extended.shrink #dash #dashtodockDashContainer { padding: 0; padding-bottom: 0; padding-top: 0; } #dashtodockContainer.bottom.extended.shrink #dash #dashtodockDashContainer > :first-child .show-apps { padding-left: 6px; } #dashtodockContainer.bottom.extended.shrink #dash #dashtodockDashContainer #dashtodockDashScrollview:first-child { padding-left: 6px; } #dashtodockContainer.bottom.extended.shrink #dash #dashtodockDashContainer > :last-child .show-apps { padding-right: 6px; } #dashtodockContainer.bottom.extended.shrink #dash #dashtodockDashContainer #dashtodockDashScrollview:last-child { padding-right: 6px; } #dashtodockContainer.bottom.extended.shrink #dash .dash-item-container { /* Disable all margins defined upstream, we handle them here */ margin: 0 2px; } #dashtodockContainer.bottom.extended.shrink #dash .dash-item-container > * { margin: 0; } #dashtodockContainer.bottom.extended.shrink #dash .dash-item-container:ltr:first-child, #dashtodockContainer.bottom.extended.shrink #dash .dash-item-container:rtl:last-child { margin-left: 0; } #dashtodockContainer.bottom.extended.shrink #dash .dash-item-container:ltr:last-child, #dashtodockContainer.bottom.extended.shrink #dash .dash-item-container:rtl:first-child { margin-right: 0; } #dashtodockContainer.bottom.extended.shrink #dash .dash-item-container .app-well-app, #dashtodockContainer.bottom.extended.shrink #dash .dash-item-container .grid-search-result, #dashtodockContainer.bottom.extended.shrink #dash .dash-item-container .show-apps { padding: 1px 1px; padding-bottom: 3px; padding-top: 3px; } #dashtodockContainer.bottom.extended.shrink #dash .dash-item-container .app-well-app:ltr:first-child, #dashtodockContainer.bottom.extended.shrink #dash .dash-item-container .grid-search-result:ltr:first-child, #dashtodockContainer.bottom.extended.shrink #dash .dash-item-container .app-well-app:rtl:last-child, #dashtodockContainer.bottom.extended.shrink #dash .dash-item-container .grid-search-result:rtl:last-child, #dashtodockContainer.bottom.extended.shrink #dash .dash-item-container .show-apps:ltr:first-child, #dashtodockContainer.bottom.extended.shrink #dash .dash-item-container .show-apps:rtl:last-child { padding-left: 0; } #dashtodockContainer.bottom.extended.shrink #dash .dash-item-container .app-well-app:ltr:last-child, #dashtodockContainer.bottom.extended.shrink #dash .dash-item-container .grid-search-result:ltr:last-child, #dashtodockContainer.bottom.extended.shrink #dash .dash-item-container .app-well-app:rtl:first-child, #dashtodockContainer.bottom.extended.shrink #dash .dash-item-container .grid-search-result:rtl:first-child, #dashtodockContainer.bottom.extended.shrink #dash .dash-item-container .show-apps:ltr:last-child, #dashtodockContainer.bottom.extended.shrink #dash .dash-item-container .show-apps:rtl:first-child { padding-right: 0; } #dashtodockContainer.bottom.extended.shrink #dash .dash-item-container .app-well-app.running .overview-icon, #dashtodockContainer.bottom.extended.shrink #dash .dash-item-container .running.grid-search-result .overview-icon { background-image: none; } #dashtodockContainer.bottom.extended.shrink #dash .dash-item-container .app-well-app.focused .overview-icon, #dashtodockContainer.bottom.extended.shrink #dash .dash-item-container .focused.grid-search-result .overview-icon { background-color: rgba(238, 238, 236, 0.2); } #dashtodockContainer.bottom.extended.shrink #dash .dash-item-container .app-well-app .app-well-app-running-dot, #dashtodockContainer.bottom.extended.shrink #dash .dash-item-container .grid-search-result .app-well-app-running-dot { margin-bottom: 2px; } #dashtodockContainer.bottom.extended.shrink #dash .dash-item-container > StButton { transition-duration: 250; background-size: contain; } #dashtodockContainer.bottom.extended.shrink.fixed #dash .dash-background { margin-top: 0; } #dashtodockContainer.bottom.extended.shrink.fixed #dash .dash-item-container .app-well-app, #dashtodockContainer.bottom.extended.shrink.fixed #dash .dash-item-container .grid-search-result, #dashtodockContainer.bottom.extended.shrink.fixed #dash .dash-item-container .show-apps { padding-top: 3px; } .dash-label.bottom.shrink { margin-bottom: 3px; -x-offset: 0; -y-offset: 0; } #dashtodockContainer.top #dash { margin: 0px; padding: 0px; } #dashtodockContainer.top #dash .dash-background { margin: 0; margin-top: 4px; padding: 0; border-radius: 18px; spacing: 6px; } #dashtodockContainer.top #dash .dash-separator { background-color: #c7c7c7; margin: 0 4px; width: 1px; height: 0; margin-top: 4px; } #dashtodockContainer.top #dash #dashtodockDashContainer { padding: 10px; padding-top: 0; padding-bottom: 0; } #dashtodockContainer.top #dash .dash-item-container { /* Disable all margins defined upstream, we handle them here */ margin: 0 2px; } #dashtodockContainer.top #dash .dash-item-container > * { margin: 0; } #dashtodockContainer.top #dash .dash-item-container:ltr:first-child, #dashtodockContainer.top #dash .dash-item-container:rtl:last-child { margin-left: 0; } #dashtodockContainer.top #dash .dash-item-container:ltr:last-child, #dashtodockContainer.top #dash .dash-item-container:rtl:first-child { margin-right: 0; } #dashtodockContainer.top #dash .dash-item-container .app-well-app, #dashtodockContainer.top #dash .dash-item-container .grid-search-result, #dashtodockContainer.top #dash .dash-item-container .show-apps { padding: 2px 2px; padding-top: 14px; padding-bottom: 10px; } #dashtodockContainer.top #dash .dash-item-container .app-well-app:ltr:first-child, #dashtodockContainer.top #dash .dash-item-container .grid-search-result:ltr:first-child, #dashtodockContainer.top #dash .dash-item-container .app-well-app:rtl:last-child, #dashtodockContainer.top #dash .dash-item-container .grid-search-result:rtl:last-child, #dashtodockContainer.top #dash .dash-item-container .show-apps:ltr:first-child, #dashtodockContainer.top #dash .dash-item-container .show-apps:rtl:last-child { padding-left: 0; } #dashtodockContainer.top #dash .dash-item-container .app-well-app:ltr:last-child, #dashtodockContainer.top #dash .dash-item-container .grid-search-result:ltr:last-child, #dashtodockContainer.top #dash .dash-item-container .app-well-app:rtl:first-child, #dashtodockContainer.top #dash .dash-item-container .grid-search-result:rtl:first-child, #dashtodockContainer.top #dash .dash-item-container .show-apps:ltr:last-child, #dashtodockContainer.top #dash .dash-item-container .show-apps:rtl:first-child { padding-right: 0; } #dashtodockContainer.top #dash .dash-item-container .app-well-app.running .overview-icon, #dashtodockContainer.top #dash .dash-item-container .running.grid-search-result .overview-icon { background-image: none; } #dashtodockContainer.top #dash .dash-item-container .app-well-app.focused .overview-icon, #dashtodockContainer.top #dash .dash-item-container .focused.grid-search-result .overview-icon { background-color: rgba(238, 238, 236, 0.2); } #dashtodockContainer.top #dash .dash-item-container .app-well-app .app-well-app-running-dot, #dashtodockContainer.top #dash .dash-item-container .grid-search-result .app-well-app-running-dot { margin-bottom: 2px; } #dashtodockContainer.top #dash .dash-item-container > StButton { transition-duration: 250; background-size: contain; } #dashtodockContainer.top.fixed #dash .dash-background { margin-bottom: 4px; } #dashtodockContainer.top.fixed #dash .dash-item-container .app-well-app, #dashtodockContainer.top.fixed #dash .dash-item-container .grid-search-result, #dashtodockContainer.top.fixed #dash .dash-item-container .show-apps { padding-bottom: 14px; } .dash-label.top { margin-top: 10px; -x-offset: 0; -y-offset: 0; } #dashtodockContainer.top.shrink #dash { margin: 0px; padding: 0px; } #dashtodockContainer.top.shrink #dash .dash-background { margin: 0; margin-top: 4px; padding: 0; border-radius: 14px; spacing: 2px; } #dashtodockContainer.top.shrink #dash .dash-separator { background-color: #c7c7c7; margin: 0 1px; width: 1px; height: 0; margin-top: 4px; } #dashtodockContainer.top.shrink #dash #dashtodockDashContainer { padding: 3px; padding-top: 0; padding-bottom: 0; } #dashtodockContainer.top.shrink #dash .dash-item-container { /* Disable all margins defined upstream, we handle them here */ margin: 0 2px; } #dashtodockContainer.top.shrink #dash .dash-item-container > * { margin: 0; } #dashtodockContainer.top.shrink #dash .dash-item-container:ltr:first-child, #dashtodockContainer.top.shrink #dash .dash-item-container:rtl:last-child { margin-left: 0; } #dashtodockContainer.top.shrink #dash .dash-item-container:ltr:last-child, #dashtodockContainer.top.shrink #dash .dash-item-container:rtl:first-child { margin-right: 0; } #dashtodockContainer.top.shrink #dash .dash-item-container .app-well-app, #dashtodockContainer.top.shrink #dash .dash-item-container .grid-search-result, #dashtodockContainer.top.shrink #dash .dash-item-container .show-apps { padding: 1px 1px; padding-top: 7px; padding-bottom: 3px; } #dashtodockContainer.top.shrink #dash .dash-item-container .app-well-app:ltr:first-child, #dashtodockContainer.top.shrink #dash .dash-item-container .grid-search-result:ltr:first-child, #dashtodockContainer.top.shrink #dash .dash-item-container .app-well-app:rtl:last-child, #dashtodockContainer.top.shrink #dash .dash-item-container .grid-search-result:rtl:last-child, #dashtodockContainer.top.shrink #dash .dash-item-container .show-apps:ltr:first-child, #dashtodockContainer.top.shrink #dash .dash-item-container .show-apps:rtl:last-child { padding-left: 0; } #dashtodockContainer.top.shrink #dash .dash-item-container .app-well-app:ltr:last-child, #dashtodockContainer.top.shrink #dash .dash-item-container .grid-search-result:ltr:last-child, #dashtodockContainer.top.shrink #dash .dash-item-container .app-well-app:rtl:first-child, #dashtodockContainer.top.shrink #dash .dash-item-container .grid-search-result:rtl:first-child, #dashtodockContainer.top.shrink #dash .dash-item-container .show-apps:ltr:last-child, #dashtodockContainer.top.shrink #dash .dash-item-container .show-apps:rtl:first-child { padding-right: 0; } #dashtodockContainer.top.shrink #dash .dash-item-container .app-well-app.running .overview-icon, #dashtodockContainer.top.shrink #dash .dash-item-container .running.grid-search-result .overview-icon { background-image: none; } #dashtodockContainer.top.shrink #dash .dash-item-container .app-well-app.focused .overview-icon, #dashtodockContainer.top.shrink #dash .dash-item-container .focused.grid-search-result .overview-icon { background-color: rgba(238, 238, 236, 0.2); } #dashtodockContainer.top.shrink #dash .dash-item-container .app-well-app .app-well-app-running-dot, #dashtodockContainer.top.shrink #dash .dash-item-container .grid-search-result .app-well-app-running-dot { margin-bottom: 2px; } #dashtodockContainer.top.shrink #dash .dash-item-container > StButton { transition-duration: 250; background-size: contain; } #dashtodockContainer.top.shrink.fixed #dash .dash-background { margin-bottom: 1px; } #dashtodockContainer.top.shrink.fixed #dash .dash-item-container .app-well-app, #dashtodockContainer.top.shrink.fixed #dash .dash-item-container .grid-search-result, #dashtodockContainer.top.shrink.fixed #dash .dash-item-container .show-apps { padding-bottom: 4px; } .dash-label.top.shrink { margin-top: 3px; -x-offset: 0; -y-offset: 0; } #dashtodockContainer.top.extended #dash { margin: 0px; padding: 0px; } #dashtodockContainer.top.extended #dash .dash-background { margin: 0; margin-top: 0; padding: 0; border-radius: 0; spacing: 6px; } #dashtodockContainer.top.extended #dash .dash-separator { background-color: #c7c7c7; margin: 0 4px; width: 1px; height: 0; margin-top: 0; } #dashtodockContainer.top.extended #dash #dashtodockDashContainer { padding: 0; padding-top: 0; padding-bottom: 0; } #dashtodockContainer.top.extended #dash #dashtodockDashContainer > :first-child .show-apps { padding-left: 8px; } #dashtodockContainer.top.extended #dash #dashtodockDashContainer #dashtodockDashScrollview:first-child { padding-left: 8px; } #dashtodockContainer.top.extended #dash #dashtodockDashContainer > :last-child .show-apps { padding-right: 8px; } #dashtodockContainer.top.extended #dash #dashtodockDashContainer #dashtodockDashScrollview:last-child { padding-right: 8px; } #dashtodockContainer.top.extended #dash .dash-item-container { /* Disable all margins defined upstream, we handle them here */ margin: 0 2px; } #dashtodockContainer.top.extended #dash .dash-item-container > * { margin: 0; } #dashtodockContainer.top.extended #dash .dash-item-container:ltr:first-child, #dashtodockContainer.top.extended #dash .dash-item-container:rtl:last-child { margin-left: 0; } #dashtodockContainer.top.extended #dash .dash-item-container:ltr:last-child, #dashtodockContainer.top.extended #dash .dash-item-container:rtl:first-child { margin-right: 0; } #dashtodockContainer.top.extended #dash .dash-item-container .app-well-app, #dashtodockContainer.top.extended #dash .dash-item-container .grid-search-result, #dashtodockContainer.top.extended #dash .dash-item-container .show-apps { padding: 2px 2px; padding-top: 10px; padding-bottom: 10px; } #dashtodockContainer.top.extended #dash .dash-item-container .app-well-app:ltr:first-child, #dashtodockContainer.top.extended #dash .dash-item-container .grid-search-result:ltr:first-child, #dashtodockContainer.top.extended #dash .dash-item-container .app-well-app:rtl:last-child, #dashtodockContainer.top.extended #dash .dash-item-container .grid-search-result:rtl:last-child, #dashtodockContainer.top.extended #dash .dash-item-container .show-apps:ltr:first-child, #dashtodockContainer.top.extended #dash .dash-item-container .show-apps:rtl:last-child { padding-left: 0; } #dashtodockContainer.top.extended #dash .dash-item-container .app-well-app:ltr:last-child, #dashtodockContainer.top.extended #dash .dash-item-container .grid-search-result:ltr:last-child, #dashtodockContainer.top.extended #dash .dash-item-container .app-well-app:rtl:first-child, #dashtodockContainer.top.extended #dash .dash-item-container .grid-search-result:rtl:first-child, #dashtodockContainer.top.extended #dash .dash-item-container .show-apps:ltr:last-child, #dashtodockContainer.top.extended #dash .dash-item-container .show-apps:rtl:first-child { padding-right: 0; } #dashtodockContainer.top.extended #dash .dash-item-container .app-well-app.running .overview-icon, #dashtodockContainer.top.extended #dash .dash-item-container .running.grid-search-result .overview-icon { background-image: none; } #dashtodockContainer.top.extended #dash .dash-item-container .app-well-app.focused .overview-icon, #dashtodockContainer.top.extended #dash .dash-item-container .focused.grid-search-result .overview-icon { background-color: rgba(238, 238, 236, 0.2); } #dashtodockContainer.top.extended #dash .dash-item-container .app-well-app .app-well-app-running-dot, #dashtodockContainer.top.extended #dash .dash-item-container .grid-search-result .app-well-app-running-dot { margin-bottom: 2px; } #dashtodockContainer.top.extended #dash .dash-item-container > StButton { transition-duration: 250; background-size: contain; } #dashtodockContainer.top.extended.fixed #dash .dash-background { margin-bottom: 0; } #dashtodockContainer.top.extended.fixed #dash .dash-item-container .app-well-app, #dashtodockContainer.top.extended.fixed #dash .dash-item-container .grid-search-result, #dashtodockContainer.top.extended.fixed #dash .dash-item-container .show-apps { padding-bottom: 10px; } .dash-label.top { margin-top: 10px; -x-offset: 0; -y-offset: 0; } #dashtodockContainer.top.extended.shrink #dash { margin: 0px; padding: 0px; } #dashtodockContainer.top.extended.shrink #dash .dash-background { margin: 0; margin-top: 0; padding: 0; border-radius: 0; spacing: 2px; } #dashtodockContainer.top.extended.shrink #dash .dash-separator { background-color: #c7c7c7; margin: 0 1px; width: 1px; height: 0; margin-top: 0; } #dashtodockContainer.top.extended.shrink #dash #dashtodockDashContainer { padding: 0; padding-top: 0; padding-bottom: 0; } #dashtodockContainer.top.extended.shrink #dash #dashtodockDashContainer > :first-child .show-apps { padding-left: 6px; } #dashtodockContainer.top.extended.shrink #dash #dashtodockDashContainer #dashtodockDashScrollview:first-child { padding-left: 6px; } #dashtodockContainer.top.extended.shrink #dash #dashtodockDashContainer > :last-child .show-apps { padding-right: 6px; } #dashtodockContainer.top.extended.shrink #dash #dashtodockDashContainer #dashtodockDashScrollview:last-child { padding-right: 6px; } #dashtodockContainer.top.extended.shrink #dash .dash-item-container { /* Disable all margins defined upstream, we handle them here */ margin: 0 2px; } #dashtodockContainer.top.extended.shrink #dash .dash-item-container > * { margin: 0; } #dashtodockContainer.top.extended.shrink #dash .dash-item-container:ltr:first-child, #dashtodockContainer.top.extended.shrink #dash .dash-item-container:rtl:last-child { margin-left: 0; } #dashtodockContainer.top.extended.shrink #dash .dash-item-container:ltr:last-child, #dashtodockContainer.top.extended.shrink #dash .dash-item-container:rtl:first-child { margin-right: 0; } #dashtodockContainer.top.extended.shrink #dash .dash-item-container .app-well-app, #dashtodockContainer.top.extended.shrink #dash .dash-item-container .grid-search-result, #dashtodockContainer.top.extended.shrink #dash .dash-item-container .show-apps { padding: 1px 1px; padding-top: 3px; padding-bottom: 3px; } #dashtodockContainer.top.extended.shrink #dash .dash-item-container .app-well-app:ltr:first-child, #dashtodockContainer.top.extended.shrink #dash .dash-item-container .grid-search-result:ltr:first-child, #dashtodockContainer.top.extended.shrink #dash .dash-item-container .app-well-app:rtl:last-child, #dashtodockContainer.top.extended.shrink #dash .dash-item-container .grid-search-result:rtl:last-child, #dashtodockContainer.top.extended.shrink #dash .dash-item-container .show-apps:ltr:first-child, #dashtodockContainer.top.extended.shrink #dash .dash-item-container .show-apps:rtl:last-child { padding-left: 0; } #dashtodockContainer.top.extended.shrink #dash .dash-item-container .app-well-app:ltr:last-child, #dashtodockContainer.top.extended.shrink #dash .dash-item-container .grid-search-result:ltr:last-child, #dashtodockContainer.top.extended.shrink #dash .dash-item-container .app-well-app:rtl:first-child, #dashtodockContainer.top.extended.shrink #dash .dash-item-container .grid-search-result:rtl:first-child, #dashtodockContainer.top.extended.shrink #dash .dash-item-container .show-apps:ltr:last-child, #dashtodockContainer.top.extended.shrink #dash .dash-item-container .show-apps:rtl:first-child { padding-right: 0; } #dashtodockContainer.top.extended.shrink #dash .dash-item-container .app-well-app.running .overview-icon, #dashtodockContainer.top.extended.shrink #dash .dash-item-container .running.grid-search-result .overview-icon { background-image: none; } #dashtodockContainer.top.extended.shrink #dash .dash-item-container .app-well-app.focused .overview-icon, #dashtodockContainer.top.extended.shrink #dash .dash-item-container .focused.grid-search-result .overview-icon { background-color: rgba(238, 238, 236, 0.2); } #dashtodockContainer.top.extended.shrink #dash .dash-item-container .app-well-app .app-well-app-running-dot, #dashtodockContainer.top.extended.shrink #dash .dash-item-container .grid-search-result .app-well-app-running-dot { margin-bottom: 2px; } #dashtodockContainer.top.extended.shrink #dash .dash-item-container > StButton { transition-duration: 250; background-size: contain; } #dashtodockContainer.top.extended.shrink.fixed #dash .dash-background { margin-bottom: 0; } #dashtodockContainer.top.extended.shrink.fixed #dash .dash-item-container .app-well-app, #dashtodockContainer.top.extended.shrink.fixed #dash .dash-item-container .grid-search-result, #dashtodockContainer.top.extended.shrink.fixed #dash .dash-item-container .show-apps { padding-bottom: 3px; } .dash-label.top.shrink { margin-top: 3px; -x-offset: 0; -y-offset: 0; } #dashtodockContainer.left #dash { margin: 0px; padding: 0px; } #dashtodockContainer.left #dash .dash-background { margin: 0; margin-left: 4px; padding: 0; border-radius: 18px; spacing: 6px; } #dashtodockContainer.left #dash .dash-separator { background-color: #c7c7c7; width: 0; height: 1px; margin: 4px 0; margin-left: 4px; } #dashtodockContainer.left #dash #dashtodockDashContainer { padding: 10px; padding-left: 0; padding-right: 0; } #dashtodockContainer.left #dash .dash-item-container { /* Disable all margins defined upstream, we handle them here */ margin: 2px 0; } #dashtodockContainer.left #dash .dash-item-container > * { margin: 0; } #dashtodockContainer.left #dash .dash-item-container:first-child { margin-top: 0; } #dashtodockContainer.left #dash .dash-item-container:last-child { margin-bottom: 0; } #dashtodockContainer.left #dash .dash-item-container .app-well-app, #dashtodockContainer.left #dash .dash-item-container .grid-search-result, #dashtodockContainer.left #dash .dash-item-container .show-apps { padding: 2px 2px; padding-left: 14px; padding-right: 10px; } #dashtodockContainer.left #dash .dash-item-container .app-well-app:first-child, #dashtodockContainer.left #dash .dash-item-container .grid-search-result:first-child, #dashtodockContainer.left #dash .dash-item-container .show-apps:first-child { padding-top: 0; } #dashtodockContainer.left #dash .dash-item-container .app-well-app:last-child, #dashtodockContainer.left #dash .dash-item-container .grid-search-result:last-child, #dashtodockContainer.left #dash .dash-item-container .show-apps:last-child { padding-bottom: 0; } #dashtodockContainer.left #dash .dash-item-container .app-well-app.running .overview-icon, #dashtodockContainer.left #dash .dash-item-container .running.grid-search-result .overview-icon { background-image: none; } #dashtodockContainer.left #dash .dash-item-container .app-well-app.focused .overview-icon, #dashtodockContainer.left #dash .dash-item-container .focused.grid-search-result .overview-icon { background-color: rgba(238, 238, 236, 0.2); } #dashtodockContainer.left #dash .dash-item-container .app-well-app .app-well-app-running-dot, #dashtodockContainer.left #dash .dash-item-container .grid-search-result .app-well-app-running-dot { margin-bottom: 2px; } #dashtodockContainer.left #dash .dash-item-container > StButton { transition-duration: 250; background-size: contain; } #dashtodockContainer.left.fixed #dash .dash-background { margin-right: 4px; } #dashtodockContainer.left.fixed #dash .dash-item-container .app-well-app, #dashtodockContainer.left.fixed #dash .dash-item-container .grid-search-result, #dashtodockContainer.left.fixed #dash .dash-item-container .show-apps { padding-right: 14px; } .dash-label.left { margin: 0; -x-offset: 10px; -y-offset: 0; } #dashtodockContainer.left.shrink #dash { margin: 0px; padding: 0px; } #dashtodockContainer.left.shrink #dash .dash-background { margin: 0; margin-left: 4px; padding: 0; border-radius: 14px; spacing: 2px; } #dashtodockContainer.left.shrink #dash .dash-separator { background-color: #c7c7c7; width: 0; height: 1px; margin: 1px 0; margin-left: 4px; } #dashtodockContainer.left.shrink #dash #dashtodockDashContainer { padding: 3px; padding-left: 0; padding-right: 0; } #dashtodockContainer.left.shrink #dash .dash-item-container { /* Disable all margins defined upstream, we handle them here */ margin: 2px 0; } #dashtodockContainer.left.shrink #dash .dash-item-container > * { margin: 0; } #dashtodockContainer.left.shrink #dash .dash-item-container:first-child { margin-top: 0; } #dashtodockContainer.left.shrink #dash .dash-item-container:last-child { margin-bottom: 0; } #dashtodockContainer.left.shrink #dash .dash-item-container .app-well-app, #dashtodockContainer.left.shrink #dash .dash-item-container .grid-search-result, #dashtodockContainer.left.shrink #dash .dash-item-container .show-apps { padding: 1px 1px; padding-left: 7px; padding-right: 3px; } #dashtodockContainer.left.shrink #dash .dash-item-container .app-well-app:first-child, #dashtodockContainer.left.shrink #dash .dash-item-container .grid-search-result:first-child, #dashtodockContainer.left.shrink #dash .dash-item-container .show-apps:first-child { padding-top: 0; } #dashtodockContainer.left.shrink #dash .dash-item-container .app-well-app:last-child, #dashtodockContainer.left.shrink #dash .dash-item-container .grid-search-result:last-child, #dashtodockContainer.left.shrink #dash .dash-item-container .show-apps:last-child { padding-bottom: 0; } #dashtodockContainer.left.shrink #dash .dash-item-container .app-well-app.running .overview-icon, #dashtodockContainer.left.shrink #dash .dash-item-container .running.grid-search-result .overview-icon { background-image: none; } #dashtodockContainer.left.shrink #dash .dash-item-container .app-well-app.focused .overview-icon, #dashtodockContainer.left.shrink #dash .dash-item-container .focused.grid-search-result .overview-icon { background-color: rgba(238, 238, 236, 0.2); } #dashtodockContainer.left.shrink #dash .dash-item-container .app-well-app .app-well-app-running-dot, #dashtodockContainer.left.shrink #dash .dash-item-container .grid-search-result .app-well-app-running-dot { margin-bottom: 2px; } #dashtodockContainer.left.shrink #dash .dash-item-container > StButton { transition-duration: 250; background-size: contain; } #dashtodockContainer.left.shrink.fixed #dash .dash-background { margin-right: 1px; } #dashtodockContainer.left.shrink.fixed #dash .dash-item-container .app-well-app, #dashtodockContainer.left.shrink.fixed #dash .dash-item-container .grid-search-result, #dashtodockContainer.left.shrink.fixed #dash .dash-item-container .show-apps { padding-right: 4px; } .dash-label.left.shrink { margin: 0; -x-offset: 3px; -y-offset: 0; } #dashtodockContainer.left.extended #dash { margin: 0px; padding: 0px; } #dashtodockContainer.left.extended #dash .dash-background { margin: 0; margin-left: 0; padding: 0; border-radius: 0; spacing: 6px; } #dashtodockContainer.left.extended #dash .dash-separator { background-color: #c7c7c7; width: 0; height: 1px; margin: 4px 0; margin-left: 0; } #dashtodockContainer.left.extended #dash #dashtodockDashContainer { padding: 0; padding-left: 0; padding-right: 0; } #dashtodockContainer.left.extended #dash #dashtodockDashContainer > :first-child .show-apps { padding-top: 8px; } #dashtodockContainer.left.extended #dash #dashtodockDashContainer #dashtodockDashScrollview:first-child { padding-top: 8px; } #dashtodockContainer.left.extended #dash #dashtodockDashContainer > :last-child .show-apps { padding-bottom: 8px; } #dashtodockContainer.left.extended #dash #dashtodockDashContainer #dashtodockDashScrollview:last-child { padding-bottom: 8px; } #dashtodockContainer.left.extended #dash .dash-item-container { /* Disable all margins defined upstream, we handle them here */ margin: 2px 0; } #dashtodockContainer.left.extended #dash .dash-item-container > * { margin: 0; } #dashtodockContainer.left.extended #dash .dash-item-container:first-child { margin-top: 0; } #dashtodockContainer.left.extended #dash .dash-item-container:last-child { margin-bottom: 0; } #dashtodockContainer.left.extended #dash .dash-item-container .app-well-app, #dashtodockContainer.left.extended #dash .dash-item-container .grid-search-result, #dashtodockContainer.left.extended #dash .dash-item-container .show-apps { padding: 2px 2px; padding-left: 10px; padding-right: 10px; } #dashtodockContainer.left.extended #dash .dash-item-container .app-well-app:first-child, #dashtodockContainer.left.extended #dash .dash-item-container .grid-search-result:first-child, #dashtodockContainer.left.extended #dash .dash-item-container .show-apps:first-child { padding-top: 0; } #dashtodockContainer.left.extended #dash .dash-item-container .app-well-app:last-child, #dashtodockContainer.left.extended #dash .dash-item-container .grid-search-result:last-child, #dashtodockContainer.left.extended #dash .dash-item-container .show-apps:last-child { padding-bottom: 0; } #dashtodockContainer.left.extended #dash .dash-item-container .app-well-app.running .overview-icon, #dashtodockContainer.left.extended #dash .dash-item-container .running.grid-search-result .overview-icon { background-image: none; } #dashtodockContainer.left.extended #dash .dash-item-container .app-well-app.focused .overview-icon, #dashtodockContainer.left.extended #dash .dash-item-container .focused.grid-search-result .overview-icon { background-color: rgba(238, 238, 236, 0.2); } #dashtodockContainer.left.extended #dash .dash-item-container .app-well-app .app-well-app-running-dot, #dashtodockContainer.left.extended #dash .dash-item-container .grid-search-result .app-well-app-running-dot { margin-bottom: 2px; } #dashtodockContainer.left.extended #dash .dash-item-container > StButton { transition-duration: 250; background-size: contain; } #dashtodockContainer.left.extended.fixed #dash .dash-background { margin-right: 0; } #dashtodockContainer.left.extended.fixed #dash .dash-item-container .app-well-app, #dashtodockContainer.left.extended.fixed #dash .dash-item-container .grid-search-result, #dashtodockContainer.left.extended.fixed #dash .dash-item-container .show-apps { padding-right: 10px; } .dash-label.left { margin: 0; -x-offset: 10px; -y-offset: 0; } #dashtodockContainer.left.extended.shrink #dash { margin: 0px; padding: 0px; } #dashtodockContainer.left.extended.shrink #dash .dash-background { margin: 0; margin-left: 0; padding: 0; border-radius: 0; spacing: 2px; } #dashtodockContainer.left.extended.shrink #dash .dash-separator { background-color: #c7c7c7; width: 0; height: 1px; margin: 1px 0; margin-left: 0; } #dashtodockContainer.left.extended.shrink #dash #dashtodockDashContainer { padding: 0; padding-left: 0; padding-right: 0; } #dashtodockContainer.left.extended.shrink #dash #dashtodockDashContainer > :first-child .show-apps { padding-top: 6px; } #dashtodockContainer.left.extended.shrink #dash #dashtodockDashContainer #dashtodockDashScrollview:first-child { padding-top: 6px; } #dashtodockContainer.left.extended.shrink #dash #dashtodockDashContainer > :last-child .show-apps { padding-bottom: 6px; } #dashtodockContainer.left.extended.shrink #dash #dashtodockDashContainer #dashtodockDashScrollview:last-child { padding-bottom: 6px; } #dashtodockContainer.left.extended.shrink #dash .dash-item-container { /* Disable all margins defined upstream, we handle them here */ margin: 2px 0; } #dashtodockContainer.left.extended.shrink #dash .dash-item-container > * { margin: 0; } #dashtodockContainer.left.extended.shrink #dash .dash-item-container:first-child { margin-top: 0; } #dashtodockContainer.left.extended.shrink #dash .dash-item-container:last-child { margin-bottom: 0; } #dashtodockContainer.left.extended.shrink #dash .dash-item-container .app-well-app, #dashtodockContainer.left.extended.shrink #dash .dash-item-container .grid-search-result, #dashtodockContainer.left.extended.shrink #dash .dash-item-container .show-apps { padding: 1px 1px; padding-left: 3px; padding-right: 3px; } #dashtodockContainer.left.extended.shrink #dash .dash-item-container .app-well-app:first-child, #dashtodockContainer.left.extended.shrink #dash .dash-item-container .grid-search-result:first-child, #dashtodockContainer.left.extended.shrink #dash .dash-item-container .show-apps:first-child { padding-top: 0; } #dashtodockContainer.left.extended.shrink #dash .dash-item-container .app-well-app:last-child, #dashtodockContainer.left.extended.shrink #dash .dash-item-container .grid-search-result:last-child, #dashtodockContainer.left.extended.shrink #dash .dash-item-container .show-apps:last-child { padding-bottom: 0; } #dashtodockContainer.left.extended.shrink #dash .dash-item-container .app-well-app.running .overview-icon, #dashtodockContainer.left.extended.shrink #dash .dash-item-container .running.grid-search-result .overview-icon { background-image: none; } #dashtodockContainer.left.extended.shrink #dash .dash-item-container .app-well-app.focused .overview-icon, #dashtodockContainer.left.extended.shrink #dash .dash-item-container .focused.grid-search-result .overview-icon { background-color: rgba(238, 238, 236, 0.2); } #dashtodockContainer.left.extended.shrink #dash .dash-item-container .app-well-app .app-well-app-running-dot, #dashtodockContainer.left.extended.shrink #dash .dash-item-container .grid-search-result .app-well-app-running-dot { margin-bottom: 2px; } #dashtodockContainer.left.extended.shrink #dash .dash-item-container > StButton { transition-duration: 250; background-size: contain; } #dashtodockContainer.left.extended.shrink.fixed #dash .dash-background { margin-right: 0; } #dashtodockContainer.left.extended.shrink.fixed #dash .dash-item-container .app-well-app, #dashtodockContainer.left.extended.shrink.fixed #dash .dash-item-container .grid-search-result, #dashtodockContainer.left.extended.shrink.fixed #dash .dash-item-container .show-apps { padding-right: 3px; } .dash-label.left.shrink { margin: 0; -x-offset: 3px; -y-offset: 0; } #dashtodockContainer.right #dash { margin: 0px; padding: 0px; } #dashtodockContainer.right #dash .dash-background { margin: 0; margin-right: 4px; padding: 0; border-radius: 18px; spacing: 6px; } #dashtodockContainer.right #dash .dash-separator { background-color: #c7c7c7; width: 0; height: 1px; margin: 4px 0; margin-right: 4px; } #dashtodockContainer.right #dash #dashtodockDashContainer { padding: 10px; padding-right: 0; padding-left: 0; } #dashtodockContainer.right #dash .dash-item-container { /* Disable all margins defined upstream, we handle them here */ margin: 2px 0; } #dashtodockContainer.right #dash .dash-item-container > * { margin: 0; } #dashtodockContainer.right #dash .dash-item-container:first-child { margin-top: 0; } #dashtodockContainer.right #dash .dash-item-container:last-child { margin-bottom: 0; } #dashtodockContainer.right #dash .dash-item-container .app-well-app, #dashtodockContainer.right #dash .dash-item-container .grid-search-result, #dashtodockContainer.right #dash .dash-item-container .show-apps { padding: 2px 2px; padding-right: 14px; padding-left: 10px; } #dashtodockContainer.right #dash .dash-item-container .app-well-app:first-child, #dashtodockContainer.right #dash .dash-item-container .grid-search-result:first-child, #dashtodockContainer.right #dash .dash-item-container .show-apps:first-child { padding-top: 0; } #dashtodockContainer.right #dash .dash-item-container .app-well-app:last-child, #dashtodockContainer.right #dash .dash-item-container .grid-search-result:last-child, #dashtodockContainer.right #dash .dash-item-container .show-apps:last-child { padding-bottom: 0; } #dashtodockContainer.right #dash .dash-item-container .app-well-app.running .overview-icon, #dashtodockContainer.right #dash .dash-item-container .running.grid-search-result .overview-icon { background-image: none; } #dashtodockContainer.right #dash .dash-item-container .app-well-app.focused .overview-icon, #dashtodockContainer.right #dash .dash-item-container .focused.grid-search-result .overview-icon { background-color: rgba(238, 238, 236, 0.2); } #dashtodockContainer.right #dash .dash-item-container .app-well-app .app-well-app-running-dot, #dashtodockContainer.right #dash .dash-item-container .grid-search-result .app-well-app-running-dot { margin-bottom: 2px; } #dashtodockContainer.right #dash .dash-item-container > StButton { transition-duration: 250; background-size: contain; } #dashtodockContainer.right.fixed #dash .dash-background { margin-left: 4px; } #dashtodockContainer.right.fixed #dash .dash-item-container .app-well-app, #dashtodockContainer.right.fixed #dash .dash-item-container .grid-search-result, #dashtodockContainer.right.fixed #dash .dash-item-container .show-apps { padding-left: 14px; } .dash-label.right { margin: 0; -x-offset: 10px; -y-offset: 0; } #dashtodockContainer.right.shrink #dash { margin: 0px; padding: 0px; } #dashtodockContainer.right.shrink #dash .dash-background { margin: 0; margin-right: 4px; padding: 0; border-radius: 14px; spacing: 2px; } #dashtodockContainer.right.shrink #dash .dash-separator { background-color: #c7c7c7; width: 0; height: 1px; margin: 1px 0; margin-right: 4px; } #dashtodockContainer.right.shrink #dash #dashtodockDashContainer { padding: 3px; padding-right: 0; padding-left: 0; } #dashtodockContainer.right.shrink #dash .dash-item-container { /* Disable all margins defined upstream, we handle them here */ margin: 2px 0; } #dashtodockContainer.right.shrink #dash .dash-item-container > * { margin: 0; } #dashtodockContainer.right.shrink #dash .dash-item-container:first-child { margin-top: 0; } #dashtodockContainer.right.shrink #dash .dash-item-container:last-child { margin-bottom: 0; } #dashtodockContainer.right.shrink #dash .dash-item-container .app-well-app, #dashtodockContainer.right.shrink #dash .dash-item-container .grid-search-result, #dashtodockContainer.right.shrink #dash .dash-item-container .show-apps { padding: 1px 1px; padding-right: 7px; padding-left: 3px; } #dashtodockContainer.right.shrink #dash .dash-item-container .app-well-app:first-child, #dashtodockContainer.right.shrink #dash .dash-item-container .grid-search-result:first-child, #dashtodockContainer.right.shrink #dash .dash-item-container .show-apps:first-child { padding-top: 0; } #dashtodockContainer.right.shrink #dash .dash-item-container .app-well-app:last-child, #dashtodockContainer.right.shrink #dash .dash-item-container .grid-search-result:last-child, #dashtodockContainer.right.shrink #dash .dash-item-container .show-apps:last-child { padding-bottom: 0; } #dashtodockContainer.right.shrink #dash .dash-item-container .app-well-app.running .overview-icon, #dashtodockContainer.right.shrink #dash .dash-item-container .running.grid-search-result .overview-icon { background-image: none; } #dashtodockContainer.right.shrink #dash .dash-item-container .app-well-app.focused .overview-icon, #dashtodockContainer.right.shrink #dash .dash-item-container .focused.grid-search-result .overview-icon { background-color: rgba(238, 238, 236, 0.2); } #dashtodockContainer.right.shrink #dash .dash-item-container .app-well-app .app-well-app-running-dot, #dashtodockContainer.right.shrink #dash .dash-item-container .grid-search-result .app-well-app-running-dot { margin-bottom: 2px; } #dashtodockContainer.right.shrink #dash .dash-item-container > StButton { transition-duration: 250; background-size: contain; } #dashtodockContainer.right.shrink.fixed #dash .dash-background { margin-left: 1px; } #dashtodockContainer.right.shrink.fixed #dash .dash-item-container .app-well-app, #dashtodockContainer.right.shrink.fixed #dash .dash-item-container .grid-search-result, #dashtodockContainer.right.shrink.fixed #dash .dash-item-container .show-apps { padding-left: 4px; } .dash-label.right.shrink { margin: 0; -x-offset: 3px; -y-offset: 0; } #dashtodockContainer.right.extended #dash { margin: 0px; padding: 0px; } #dashtodockContainer.right.extended #dash .dash-background { margin: 0; margin-right: 0; padding: 0; border-radius: 0; spacing: 6px; } #dashtodockContainer.right.extended #dash .dash-separator { background-color: #c7c7c7; width: 0; height: 1px; margin: 4px 0; margin-right: 0; } #dashtodockContainer.right.extended #dash #dashtodockDashContainer { padding: 0; padding-right: 0; padding-left: 0; } #dashtodockContainer.right.extended #dash #dashtodockDashContainer > :first-child .show-apps { padding-top: 8px; } #dashtodockContainer.right.extended #dash #dashtodockDashContainer #dashtodockDashScrollview:first-child { padding-top: 8px; } #dashtodockContainer.right.extended #dash #dashtodockDashContainer > :last-child .show-apps { padding-bottom: 8px; } #dashtodockContainer.right.extended #dash #dashtodockDashContainer #dashtodockDashScrollview:last-child { padding-bottom: 8px; } #dashtodockContainer.right.extended #dash .dash-item-container { /* Disable all margins defined upstream, we handle them here */ margin: 2px 0; } #dashtodockContainer.right.extended #dash .dash-item-container > * { margin: 0; } #dashtodockContainer.right.extended #dash .dash-item-container:first-child { margin-top: 0; } #dashtodockContainer.right.extended #dash .dash-item-container:last-child { margin-bottom: 0; } #dashtodockContainer.right.extended #dash .dash-item-container .app-well-app, #dashtodockContainer.right.extended #dash .dash-item-container .grid-search-result, #dashtodockContainer.right.extended #dash .dash-item-container .show-apps { padding: 2px 2px; padding-right: 10px; padding-left: 10px; } #dashtodockContainer.right.extended #dash .dash-item-container .app-well-app:first-child, #dashtodockContainer.right.extended #dash .dash-item-container .grid-search-result:first-child, #dashtodockContainer.right.extended #dash .dash-item-container .show-apps:first-child { padding-top: 0; } #dashtodockContainer.right.extended #dash .dash-item-container .app-well-app:last-child, #dashtodockContainer.right.extended #dash .dash-item-container .grid-search-result:last-child, #dashtodockContainer.right.extended #dash .dash-item-container .show-apps:last-child { padding-bottom: 0; } #dashtodockContainer.right.extended #dash .dash-item-container .app-well-app.running .overview-icon, #dashtodockContainer.right.extended #dash .dash-item-container .running.grid-search-result .overview-icon { background-image: none; } #dashtodockContainer.right.extended #dash .dash-item-container .app-well-app.focused .overview-icon, #dashtodockContainer.right.extended #dash .dash-item-container .focused.grid-search-result .overview-icon { background-color: rgba(238, 238, 236, 0.2); } #dashtodockContainer.right.extended #dash .dash-item-container .app-well-app .app-well-app-running-dot, #dashtodockContainer.right.extended #dash .dash-item-container .grid-search-result .app-well-app-running-dot { margin-bottom: 2px; } #dashtodockContainer.right.extended #dash .dash-item-container > StButton { transition-duration: 250; background-size: contain; } #dashtodockContainer.right.extended.fixed #dash .dash-background { margin-left: 0; } #dashtodockContainer.right.extended.fixed #dash .dash-item-container .app-well-app, #dashtodockContainer.right.extended.fixed #dash .dash-item-container .grid-search-result, #dashtodockContainer.right.extended.fixed #dash .dash-item-container .show-apps { padding-left: 10px; } .dash-label.right { margin: 0; -x-offset: 10px; -y-offset: 0; } #dashtodockContainer.right.extended.shrink #dash { margin: 0px; padding: 0px; } #dashtodockContainer.right.extended.shrink #dash .dash-background { margin: 0; margin-right: 0; padding: 0; border-radius: 0; spacing: 2px; } #dashtodockContainer.right.extended.shrink #dash .dash-separator { background-color: #c7c7c7; width: 0; height: 1px; margin: 1px 0; margin-right: 0; } #dashtodockContainer.right.extended.shrink #dash #dashtodockDashContainer { padding: 0; padding-right: 0; padding-left: 0; } #dashtodockContainer.right.extended.shrink #dash #dashtodockDashContainer > :first-child .show-apps { padding-top: 6px; } #dashtodockContainer.right.extended.shrink #dash #dashtodockDashContainer #dashtodockDashScrollview:first-child { padding-top: 6px; } #dashtodockContainer.right.extended.shrink #dash #dashtodockDashContainer > :last-child .show-apps { padding-bottom: 6px; } #dashtodockContainer.right.extended.shrink #dash #dashtodockDashContainer #dashtodockDashScrollview:last-child { padding-bottom: 6px; } #dashtodockContainer.right.extended.shrink #dash .dash-item-container { /* Disable all margins defined upstream, we handle them here */ margin: 2px 0; } #dashtodockContainer.right.extended.shrink #dash .dash-item-container > * { margin: 0; } #dashtodockContainer.right.extended.shrink #dash .dash-item-container:first-child { margin-top: 0; } #dashtodockContainer.right.extended.shrink #dash .dash-item-container:last-child { margin-bottom: 0; } #dashtodockContainer.right.extended.shrink #dash .dash-item-container .app-well-app, #dashtodockContainer.right.extended.shrink #dash .dash-item-container .grid-search-result, #dashtodockContainer.right.extended.shrink #dash .dash-item-container .show-apps { padding: 1px 1px; padding-right: 3px; padding-left: 3px; } #dashtodockContainer.right.extended.shrink #dash .dash-item-container .app-well-app:first-child, #dashtodockContainer.right.extended.shrink #dash .dash-item-container .grid-search-result:first-child, #dashtodockContainer.right.extended.shrink #dash .dash-item-container .show-apps:first-child { padding-top: 0; } #dashtodockContainer.right.extended.shrink #dash .dash-item-container .app-well-app:last-child, #dashtodockContainer.right.extended.shrink #dash .dash-item-container .grid-search-result:last-child, #dashtodockContainer.right.extended.shrink #dash .dash-item-container .show-apps:last-child { padding-bottom: 0; } #dashtodockContainer.right.extended.shrink #dash .dash-item-container .app-well-app.running .overview-icon, #dashtodockContainer.right.extended.shrink #dash .dash-item-container .running.grid-search-result .overview-icon { background-image: none; } #dashtodockContainer.right.extended.shrink #dash .dash-item-container .app-well-app.focused .overview-icon, #dashtodockContainer.right.extended.shrink #dash .dash-item-container .focused.grid-search-result .overview-icon { background-color: rgba(238, 238, 236, 0.2); } #dashtodockContainer.right.extended.shrink #dash .dash-item-container .app-well-app .app-well-app-running-dot, #dashtodockContainer.right.extended.shrink #dash .dash-item-container .grid-search-result .app-well-app-running-dot { margin-bottom: 2px; } #dashtodockContainer.right.extended.shrink #dash .dash-item-container > StButton { transition-duration: 250; background-size: contain; } #dashtodockContainer.right.extended.shrink.fixed #dash .dash-background { margin-left: 0; } #dashtodockContainer.right.extended.shrink.fixed #dash .dash-item-container .app-well-app, #dashtodockContainer.right.extended.shrink.fixed #dash .dash-item-container .grid-search-result, #dashtodockContainer.right.extended.shrink.fixed #dash .dash-item-container .show-apps { padding-left: 3px; } .dash-label.right.shrink { margin: 0; -x-offset: 3px; -y-offset: 0; } #dashtodockContainer.top.shrink #dash .dash-background { margin-top: 4px; margin-bottom: 0; } #dashtodockContainer.straight-corner #dash .dash-background, #dashtodockContainer.shrink.straight-corner #dash .dash-background { border-radius: 0px; } /* Scrollview style */ .bottom #dashtodockDashScrollview, .top #dashtodockDashScrollview { -st-hfade-offset: 24px; } .left #dashtodockDashScrollview, .right #dashtodockDashScrollview { -st-vfade-offset: 24px; } #dashtodockContainer.dashtodock #dash .dash-background { background: #1d1d1d; } #dashtodockContainer.dashtodock .progress-bar { /* Customization of the progress bar style, e.g.: -progress-bar-background: rgba(0.8, 0.8, 0.8, 1); -progress-bar-border: rgba(0.9, 0.9, 0.9, 1); */ } #dashtodockContainer.top #dash .placeholder, #dashtodockContainer.bottom #dash .placeholder { width: 32px; height: 1px; } /* * This is applied to a dummy actor. Only the alpha value for the background and border color * and the transition-duration are used */ #dashtodockContainer.dummy-opaque { background-color: rgba(0, 0, 0, 0.8); border-color: rgba(0, 0, 0, 0.4); transition-duration: 300ms; } /* * This is applied to a dummy actor. Only the alpha value for the background and border color * and the transition-duration are used */ #dashtodockContainer.dummy-transparent { background-color: rgba(0, 0, 0, 0.2); border-color: rgba(0, 0, 0, 0.1); transition-duration: 500ms; } #dashtodockContainer .number-overlay { color: white; background-color: rgba(0, 0, 0, 0.8); text-align: center; } #dashtodockContainer .notification-badge { color: white; background-color: red; padding: 0.2em 0.5em; border-radius: 1em; font-weight: bold; text-align: center; margin: 2px; } #dashtodockPreviewSeparator.popup-separator-menu-item-horizontal { width: 1px; height: auto; border-right-width: 1px; margin: 32px 0px; } .dashtodock-app-well-preview-menu-item { padding: 1em 1em 0.5em 1em; } #dashtodockContainer .metro .overview-icon { border-radius: 0px; } #dashtodockContainer.bottom .metro.running2.focused, #dashtodockContainer.top .metro.running2.focused { background-image: url("./media/highlight_stacked_bg.svg"); background-position: 0px 0px; background-size: contain; } #dashtodockContainer.left .metro.running2.focused, #dashtodockContainer.right .metro.running2.focused { background-image: url("./media/highlight_stacked_bg_h.svg"); background-position: 0px 0px; background-size: contain; } #dashtodockContainer.bottom .metro.running3.focused, #dashtodockContainer.top .metro.running3.focused { background-image: url("./media/highlight_stacked_bg.svg"); background-position: 0px 0px; background-size: contain; } #dashtodockContainer.left .metro.running3.focused, #dashtodockContainer.right .metro.running3.focused { background-image: url("./media/highlight_stacked_bg_h.svg"); background-position: 0px 0px; background-size: contain; } #dashtodockContainer.bottom .metro.running4.focused, #dashtodockContainer.top .metro.running4.focused { background-image: url("./media/highlight_stacked_bg.svg"); background-position: 0px 0px; background-size: contain; } #dashtodockContainer.left .metro.running4.focused, #dashtodockContainer.right .metro.running4.focused { background-image: url("./media/highlight_stacked_bg_h.svg"); background-position: 0px 0px; background-size: contain; } /* Yaru Dock styling */ #dashtodockContainer.bottom #dash, #dashtodockContainer.bottom.dashtodock #dash, #dashtodockContainer.bottom.shrink #dash { margin: 0px; padding: 0px; } #dashtodockContainer.bottom #dash .dash-background, #dashtodockContainer.bottom.dashtodock #dash .dash-background, #dashtodockContainer.bottom.shrink #dash .dash-background { background: rgba(19, 19, 19, 0.75); transition-duration: 250ms; } #dashtodockContainer.bottom #dash .dash-separator, #dashtodockContainer.bottom.dashtodock #dash .dash-separator, #dashtodockContainer.bottom.shrink #dash .dash-separator { background: rgba(238, 238, 236, 0.3); } #dashtodockContainer.bottom.overview #dash .dash-background, #dashtodockContainer.bottom.overview.dashtodock #dash .dash-background, #dashtodockContainer.bottom.overview.shrink #dash .dash-background { background-color: #131313; } #dashtodockContainer.bottom.extended #dash .dash-background, #dashtodockContainer.bottom.extended.dashtodock #dash .dash-background, #dashtodockContainer.bottom.extended.shrink #dash .dash-background { border: none; } #dashtodockContainer.bottom .dash-item-container .show-apps, #dashtodockContainer.bottom .dash-item-container .app-well-app, #dashtodockContainer.bottom .dash-item-container .grid-search-result { border-radius: 18px; } #dashtodockContainer.bottom .dash-item-container .show-apps:active .overview-icon, #dashtodockContainer.bottom .dash-item-container .show-apps:checked .overview-icon, #dashtodockContainer.bottom .dash-item-container .app-well-app:active .overview-icon, #dashtodockContainer.bottom .dash-item-container .grid-search-result:active .overview-icon, #dashtodockContainer.bottom .dash-item-container .app-well-app:checked .overview-icon, #dashtodockContainer.bottom .dash-item-container .grid-search-result:checked .overview-icon { background-color: rgba(255, 255, 255, 0.25); box-shadow: none; } #dashtodockContainer.bottom .notification-badge { background-color: #109b26; border: 1px solid #0c6d1a; box-shadow: -1px 1px 5px 0px rgba(0, 0, 0, 0.5); } #dashtodockContainer.top #dash, #dashtodockContainer.top.dashtodock #dash, #dashtodockContainer.top.shrink #dash { margin: 0px; padding: 0px; } #dashtodockContainer.top #dash .dash-background, #dashtodockContainer.top.dashtodock #dash .dash-background, #dashtodockContainer.top.shrink #dash .dash-background { background: rgba(19, 19, 19, 0.75); transition-duration: 250ms; } #dashtodockContainer.top #dash .dash-separator, #dashtodockContainer.top.dashtodock #dash .dash-separator, #dashtodockContainer.top.shrink #dash .dash-separator { background: rgba(238, 238, 236, 0.3); } #dashtodockContainer.top.overview #dash .dash-background, #dashtodockContainer.top.overview.dashtodock #dash .dash-background, #dashtodockContainer.top.overview.shrink #dash .dash-background { background-color: #131313; } #dashtodockContainer.top.extended #dash .dash-background, #dashtodockContainer.top.extended.dashtodock #dash .dash-background, #dashtodockContainer.top.extended.shrink #dash .dash-background { border: none; } #dashtodockContainer.top .dash-item-container .show-apps, #dashtodockContainer.top .dash-item-container .app-well-app, #dashtodockContainer.top .dash-item-container .grid-search-result { border-radius: 18px; } #dashtodockContainer.top .dash-item-container .show-apps:active .overview-icon, #dashtodockContainer.top .dash-item-container .show-apps:checked .overview-icon, #dashtodockContainer.top .dash-item-container .app-well-app:active .overview-icon, #dashtodockContainer.top .dash-item-container .grid-search-result:active .overview-icon, #dashtodockContainer.top .dash-item-container .app-well-app:checked .overview-icon, #dashtodockContainer.top .dash-item-container .grid-search-result:checked .overview-icon { background-color: rgba(255, 255, 255, 0.25); box-shadow: none; } #dashtodockContainer.top .notification-badge { background-color: #109b26; border: 1px solid #0c6d1a; box-shadow: -1px 1px 5px 0px rgba(0, 0, 0, 0.5); } #dashtodockContainer.left #dash, #dashtodockContainer.left.dashtodock #dash, #dashtodockContainer.left.shrink #dash { margin: 0px; padding: 0px; } #dashtodockContainer.left #dash .dash-background, #dashtodockContainer.left.dashtodock #dash .dash-background, #dashtodockContainer.left.shrink #dash .dash-background { background: rgba(19, 19, 19, 0.75); transition-duration: 250ms; } #dashtodockContainer.left #dash .dash-separator, #dashtodockContainer.left.dashtodock #dash .dash-separator, #dashtodockContainer.left.shrink #dash .dash-separator { background: rgba(238, 238, 236, 0.3); } #dashtodockContainer.left.overview #dash .dash-background, #dashtodockContainer.left.overview.dashtodock #dash .dash-background, #dashtodockContainer.left.overview.shrink #dash .dash-background { background-color: #131313; } #dashtodockContainer.left.extended #dash .dash-background, #dashtodockContainer.left.extended.dashtodock #dash .dash-background, #dashtodockContainer.left.extended.shrink #dash .dash-background { border: none; } #dashtodockContainer.left .dash-item-container .show-apps, #dashtodockContainer.left .dash-item-container .app-well-app, #dashtodockContainer.left .dash-item-container .grid-search-result { border-radius: 18px; } #dashtodockContainer.left .dash-item-container .show-apps:active .overview-icon, #dashtodockContainer.left .dash-item-container .show-apps:checked .overview-icon, #dashtodockContainer.left .dash-item-container .app-well-app:active .overview-icon, #dashtodockContainer.left .dash-item-container .grid-search-result:active .overview-icon, #dashtodockContainer.left .dash-item-container .app-well-app:checked .overview-icon, #dashtodockContainer.left .dash-item-container .grid-search-result:checked .overview-icon { background-color: rgba(255, 255, 255, 0.25); box-shadow: none; } #dashtodockContainer.left .notification-badge { background-color: #109b26; border: 1px solid #0c6d1a; box-shadow: -1px 1px 5px 0px rgba(0, 0, 0, 0.5); } #dashtodockContainer.right #dash, #dashtodockContainer.right.dashtodock #dash, #dashtodockContainer.right.shrink #dash { margin: 0px; padding: 0px; } #dashtodockContainer.right #dash .dash-background, #dashtodockContainer.right.dashtodock #dash .dash-background, #dashtodockContainer.right.shrink #dash .dash-background { background: rgba(19, 19, 19, 0.75); transition-duration: 250ms; } #dashtodockContainer.right #dash .dash-separator, #dashtodockContainer.right.dashtodock #dash .dash-separator, #dashtodockContainer.right.shrink #dash .dash-separator { background: rgba(238, 238, 236, 0.3); } #dashtodockContainer.right.overview #dash .dash-background, #dashtodockContainer.right.overview.dashtodock #dash .dash-background, #dashtodockContainer.right.overview.shrink #dash .dash-background { background-color: #131313; } #dashtodockContainer.right.extended #dash .dash-background, #dashtodockContainer.right.extended.dashtodock #dash .dash-background, #dashtodockContainer.right.extended.shrink #dash .dash-background { border: none; } #dashtodockContainer.right .dash-item-container .show-apps, #dashtodockContainer.right .dash-item-container .app-well-app, #dashtodockContainer.right .dash-item-container .grid-search-result { border-radius: 18px; } #dashtodockContainer.right .dash-item-container .show-apps:active .overview-icon, #dashtodockContainer.right .dash-item-container .show-apps:checked .overview-icon, #dashtodockContainer.right .dash-item-container .app-well-app:active .overview-icon, #dashtodockContainer.right .dash-item-container .grid-search-result:active .overview-icon, #dashtodockContainer.right .dash-item-container .app-well-app:checked .overview-icon, #dashtodockContainer.right .dash-item-container .grid-search-result:checked .overview-icon { background-color: rgba(255, 255, 255, 0.25); box-shadow: none; } #dashtodockContainer.right .notification-badge { background-color: #109b26; border: 1px solid #0c6d1a; box-shadow: -1px 1px 5px 0px rgba(0, 0, 0, 0.5); } (uuay)gnome-shell-high-contrast.css �� /* This stylesheet is generated, DO NOT EDIT */ /* Copyright 2009, 2015 Red Hat, Inc. * * Portions adapted from Mx's data/style/default.css * Copyright 2009 Intel Corporation * * This program is free software; you can redistribute it and/or modify it * under the terms and conditions of the GNU Lesser General Public License, * version 2.1, as published by the Free Software Foundation. * * This program is distributed in the hope it will be useful, but WITHOUT ANY * WARRANTY; without even the implied warranty of MERCHANTABILITY or FITNESS * FOR A PARTICULAR PURPOSE. See the GNU Lesser General Public License for * more details. * * You should have received a copy of the GNU Lesser General Public License * along with this program; if not, write to the Free Software Foundation, * Inc., 51 Franklin St - Fifth Floor, Boston, MA 02110-1301 USA. */ /* Global Values */ stage { font-size: 11pt; color: #F7F7F7; } /* Common Stylings */ .screenshot-ui-panel, .workspace-switcher, .switcher-list, .resize-popup, .osd-monitor-label, .osd-window { color: #eeeeec; background-color: rgba(29, 29, 29, 0.975); border: 1px solid #464646; border-radius: 999px; padding: 12px; box-shadow: 0 3px 9px 1px rgba(0, 0, 0, 0.5); } .workspace-thumbnails .workspace-thumbnail { color: #eeeeec; background-color: rgba(238, 238, 236, 0.1); } .app-well-app.app-folder .overview-icon, .app-folder.grid-search-result .overview-icon, .app-well-app .overview-icon, .grid-search-result .overview-icon, .dash-item-container .show-apps .overview-icon, .list-search-result, .search-provider-icon, .switcher-list .item-box { border-radius: 12px; padding: 6px; spacing: 6px; border: 2px solid transparent; transition-duration: 100ms; text-align: center; color: #eeeeec; } .modal-dialog { color: #F7F7F7; background-color: #1d1d1d; border-radius: 8.5px; border: 1px solid rgba(247, 247, 247, 0.15); } #LookingGlassDialog > #Toolbar .lg-toolbar-button, .pad-osd-window .button, .button, .app-folder-dialog .folder-name-container .edit-folder-button { border-radius: 4px; border-style: solid; border-width: 1px; font-weight: bold; padding: 3px 24px; color: #F7F7F7; background-color: #2c2c2c; } #LookingGlassDialog > #Toolbar .lg-toolbar-button:focus, .button:focus, .app-folder-dialog .folder-name-container .edit-folder-button:focus { color: #F7F7F7; background-color: #2c2c2c; box-shadow: inset 0 0 0 2px #ef8661; } #LookingGlassDialog > #Toolbar .lg-toolbar-button:focus:hover, .button:focus:hover, .app-folder-dialog .folder-name-container .edit-folder-button:focus:hover { background-color: #343434; box-shadow: inset 0 0 0 2px #ef8661; } #LookingGlassDialog > #Toolbar .lg-toolbar-button:focus:active, .button:focus:active, .app-folder-dialog .folder-name-container .edit-folder-button:focus:active { background-color: #3b3b3b; box-shadow: inset 0 0 0 2px #ef8661; } #LookingGlassDialog > #Toolbar .lg-toolbar-button:hover, .button:hover, .app-folder-dialog .folder-name-container .edit-folder-button:hover { color: #F7F7F7; background-color: #343434; } #LookingGlassDialog > #Toolbar .lg-toolbar-button:insensitive, .button:insensitive, .app-folder-dialog .folder-name-container .edit-folder-button:insensitive { color: rgba(247, 247, 247, 0.5); background-color: rgba(247, 247, 247, 0.05); } #LookingGlassDialog > #Toolbar .lg-toolbar-button:active, .button:active, .app-folder-dialog .folder-name-container .edit-folder-button:active { color: #F7F7F7; background-color: #3b3b3b; } #LookingGlassDialog > #Toolbar .lg-toolbar-button:checked, .button:checked, .app-folder-dialog .folder-name-container .edit-folder-button:checked { color: #F7F7F7; background-color: #434343; } #LookingGlassDialog > #Toolbar .lg-toolbar-button:checked:hover, .button:checked:hover, .app-folder-dialog .folder-name-container .edit-folder-button:checked:hover { background-color: #4b4b4b; } #LookingGlassDialog > #Toolbar .lg-toolbar-button:checked:active, .button:checked:active, .app-folder-dialog .folder-name-container .edit-folder-button:checked:active { background-color: #525252; } .app-folder-dialog .folder-name-container .edit-folder-button { color: #F7F7F7; background-color: #2c2c2c; } .app-folder-dialog .folder-name-container .edit-folder-button:focus { color: #F7F7F7; background-color: #2c2c2c; box-shadow: inset 0 0 0 2px #ef8661; } .app-folder-dialog .folder-name-container .edit-folder-button:focus:hover { background-color: #343434; box-shadow: inset 0 0 0 2px #ef8661; } .app-folder-dialog .folder-name-container .edit-folder-button:focus:active { background-color: #3b3b3b; box-shadow: inset 0 0 0 2px #ef8661; } .app-folder-dialog .folder-name-container .edit-folder-button:hover { color: #F7F7F7; background-color: #343434; } .app-folder-dialog .folder-name-container .edit-folder-button:insensitive { color: rgba(247, 247, 247, 0.5); background-color: rgba(247, 247, 247, 0.05); } .app-folder-dialog .folder-name-container .edit-folder-button:active { color: #F7F7F7; background-color: #3b3b3b; } .app-folder-dialog .folder-name-container .edit-folder-button:checked { color: #F7F7F7; background-color: #434343; } .app-folder-dialog .folder-name-container .edit-folder-button:checked:hover { background-color: #4b4b4b; } .app-folder-dialog .folder-name-container .edit-folder-button:checked:active { background-color: #525252; } .modal-dialog .modal-dialog-linked-button, .hotplug-notification-item, .notification-banner .notification-button { padding: 12px; color: #F7F7F7; background-color: #2c2c2c; } .modal-dialog .modal-dialog-linked-button:ltr, .hotplug-notification-item:ltr, .notification-banner .notification-button:ltr { margin-right: 1px; } .modal-dialog .modal-dialog-linked-button:rtl, .hotplug-notification-item:rtl, .notification-banner .notification-button:rtl { margin-left: 1px; } .modal-dialog .modal-dialog-linked-button:insensitive, .hotplug-notification-item:insensitive, .notification-banner .notification-button:insensitive { color: rgba(247, 247, 247, 0.5); background-color: rgba(247, 247, 247, 0.05); } .modal-dialog .modal-dialog-linked-button:focus, .hotplug-notification-item:focus, .notification-banner .notification-button:focus { color: #F7F7F7; background-color: #2c2c2c; box-shadow: inset 0 0 0 2px #ef8661; } .modal-dialog .modal-dialog-linked-button:focus:hover, .hotplug-notification-item:focus:hover, .notification-banner .notification-button:focus:hover { background-color: #343434; box-shadow: inset 0 0 0 2px #ef8661; } .modal-dialog .modal-dialog-linked-button:focus:active, .hotplug-notification-item:focus:active, .notification-banner .notification-button:focus:active { background-color: #3b3b3b; box-shadow: inset 0 0 0 2px #ef8661; } .modal-dialog .modal-dialog-linked-button:hover, .hotplug-notification-item:hover, .notification-banner .notification-button:hover { color: #F7F7F7; background-color: #343434; } .modal-dialog .modal-dialog-linked-button:active, .hotplug-notification-item:active, .notification-banner .notification-button:active { color: #F7F7F7; background-color: #3b3b3b; } .modal-dialog .modal-dialog-linked-button:first-child:ltr, .hotplug-notification-item:first-child:ltr, .notification-banner .notification-button:first-child:ltr { border-radius: 0 0 0 7.5px; } .modal-dialog .modal-dialog-linked-button:last-child:ltr, .hotplug-notification-item:last-child:ltr, .notification-banner .notification-button:last-child:ltr { border-radius: 0 0 7.5px 0; margin-right: 0 !important; } .modal-dialog .modal-dialog-linked-button:first-child:rtl, .hotplug-notification-item:first-child:rtl, .notification-banner .notification-button:first-child:rtl { border-radius: 0 0 7.5px 0; margin-left: 0 !important; } .modal-dialog .modal-dialog-linked-button:last-child:rtl, .hotplug-notification-item:last-child:rtl, .notification-banner .notification-button:last-child:rtl { border-radius: 0 0 0 7.5px; margin-right: 0 !important; } .modal-dialog .modal-dialog-linked-button:first-child:last-child, .hotplug-notification-item:first-child:last-child, .notification-banner .notification-button:first-child:last-child { border-radius: 0 0 7.5px 7.5px !important; margin-left: 0 !important; margin-right: 0 !important; } .screenshot-ui-show-pointer-button, .screenshot-ui-type-button { background-color: transparent; background-color: none; } .screenshot-ui-show-pointer-button:insensitive, .screenshot-ui-type-button:insensitive { color: rgba(247, 247, 247, 0.5); background-color: rgba(247, 247, 247, 0.05); background-color: transparent; color: rgba(255, 255, 255, 0.5); } .screenshot-ui-show-pointer-button:insensitive, .screenshot-ui-type-button:insensitive { background-color: transparent; background-color: none; } .screenshot-ui-show-pointer-button:insensitive:insensitive, .screenshot-ui-type-button:insensitive:insensitive { color: rgba(247, 247, 247, 0.5); background-color: rgba(247, 247, 247, 0.05); background-color: transparent; color: rgba(255, 255, 255, 0.5); } .screenshot-ui-show-pointer-button:focus, .screenshot-ui-type-button:focus { color: #eeeeec; background-color: rgba(44, 44, 44, 0.97675); box-shadow: inset 0 0 0 2px #ef8661; } .screenshot-ui-show-pointer-button:focus:hover, .screenshot-ui-type-button:focus:hover { background-color: rgba(52, 52, 52, 0.97675); box-shadow: inset 0 0 0 2px #ef8661; } .screenshot-ui-show-pointer-button:focus:active, .screenshot-ui-type-button:focus:active { background-color: rgba(59, 59, 59, 0.97675); box-shadow: inset 0 0 0 2px #ef8661; } .screenshot-ui-show-pointer-button:hover, .screenshot-ui-type-button:hover { color: #eeeeec; background-color: rgba(52, 52, 52, 0.97675); } .screenshot-ui-show-pointer-button:active, .screenshot-ui-type-button:active { color: #eeeeec; background-color: rgba(59, 59, 59, 0.97675); } .screenshot-ui-show-pointer-button:outlined, .screenshot-ui-type-button:outlined, .screenshot-ui-show-pointer-button:checked, .screenshot-ui-type-button:checked { color: #eeeeec; background-color: rgba(67, 67, 67, 0.97675); } .screenshot-ui-show-pointer-button:outlined:hover, .screenshot-ui-type-button:outlined:hover, .screenshot-ui-show-pointer-button:checked:hover, .screenshot-ui-type-button:checked:hover { background-color: rgba(75, 75, 75, 0.97675); } .screenshot-ui-show-pointer-button:outlined:active, .screenshot-ui-type-button:outlined:active, .screenshot-ui-show-pointer-button:checked:active, .screenshot-ui-type-button:checked:active { background-color: rgba(82, 82, 82, 0.97675); } /* General Typography */ .app-folder-dialog .folder-name-container .folder-name-label, .app-folder-dialog .folder-name-container .folder-name-entry, .search-statustext { font-weight: 800; font-size: 20pt; } .lg-debug-flags-header, .message-dialog-content .message-dialog-title, .message-list .message-list-placeholder, .datemenu-today-button .date-label { font-weight: 800; font-size: 15pt; } .nm-dialog-airplane-headline { font-weight: 700; font-size: 15pt; } .message-dialog-content .message-dialog-title.lightweight, .headline { font-weight: 700; font-size: 13pt; } .lg-extension-name, .osd-window, .nm-dialog-header, .dialog-list .dialog-list-title, .message-list-controls, .weather-button .weather-forecast-temp, .weather-button .weather-header, .world-clocks-button .world-clocks-time, .world-clocks-button .world-clocks-header, .events-button .events-title, .calendar .calendar-month-header .calendar-month-label, .datemenu-today-button .day-label, .popup-menu-ornament { font-weight: 700; font-size: 11pt; } .app-menu .popup-inactive-menu-item:first-child > StLabel { font-weight: 700; font-size: 9pt; } .login-dialog-not-listed-label, .lg-completions-text, .caps-lock-warning-label, #dash, .icon-label-button-container, .prompt-dialog-error-label, .prompt-dialog-info-label, .prompt-dialog-null-label, .run-dialog .run-dialog-description, .dialog-list .dialog-list-box .dialog-list-item .dialog-list-item-description, .weather-button .weather-forecast-time, .world-clocks-button .world-clocks-timezone, .events-button .event-time { font-weight: 400; font-size: 9pt; } .calendar .calendar-day-base.calendar-day-heading, .calendar .calendar-day-base { font-weight: 400; font-size: 8pt; } .unlock-dialog-clock-time, #panel, .weather-button .weather-forecast-time, .world-clocks-button .world-clocks-timezone, .world-clocks-button .world-clocks-time, .events-button .event-time, .calendar .calendar-day-base { font-feature-settings: "tnum"; } /* WIDGETS */ .shell-link { color: #f29b7d; } .shell-link:hover { color: #f7bfab; } .lowres-icon { icon-shadow: 0 1px 2px rgba(0, 0, 0, 0.3); } .icon-dropshadow { icon-shadow: 0 1px 5px rgba(0, 0, 0, 0.8); } /* Entries */ StEntry { min-height: 22px; border-radius: 6px; padding: 8px; border-width: 1px; color: #F7F7F7; background-color: #1d1d1d; color: rgba(247, 247, 247, 0.7); border: 1px solid #464646; selection-background-color: #E95420; selected-color: #FFFFFF; } StEntry:hover { background-color: #1d1d1d; border-color: #535353; color: #F7F7F7; } StEntry:focus { background-color: #1d1d1d; border-color: #ef8661; box-shadow: 0 0 0 1px #ef8661 inset; color: #F7F7F7; } StEntry:insensitive { background-color: #2c2c2c; border-color: #2c2c2c; color: #8a8a8a; } StEntry StIcon.capslock-warning { icon-size: 16px; warning-color: #f99b11; padding: 0 4px; } StEntry StIcon.peek-password { icon-size: 1.09em; padding: 0 4px; } StEntry StLabel.hint-text { margin-left: 2px; color: rgba(247, 247, 247, 0.7); } /* Buttons */ .button { min-height: 22px; } /* Check Boxes */ .check-box StBoxLayout { spacing: .8em; } .check-box StBin { width: 24px; height: 22px; background-image: url("resource:///org/gnome/shell/theme/checkbox-off-light.svg"); } .check-box:focus StBin { background-image: url("resource:///org/gnome/shell/theme/checkbox-off-focused-light.svg"); } .check-box:checked StBin { background-image: url("resource:///org/gnome/shell/theme/checkbox-light.svg"); } .check-box:focus:checked StBin { background-image: url("resource:///org/gnome/shell/theme/checkbox-focused-light.svg"); } /* Switches */ .toggle-switch { color: #F7F7F7; height: 26px; width: 48px; background-size: contain; background-image: url("resource:///org/gnome/shell/theme/toggle-off-light.svg"); } .toggle-switch:checked { background-image: url("resource:///org/gnome/shell/theme/toggle-on-light.svg"); } /* Slider */ .slider { -barlevel-height: 4px; -barlevel-background-color: rgba(247, 247, 247, 0.2); -barlevel-border-width: 2px; -barlevel-border-color: transparent; -barlevel-active-background-color: #E95420; -barlevel-active-border-color: transparent; -barlevel-overdrive-color: #991121; -barlevel-overdrive-border-color: transparent; -barlevel-overdrive-separator-width: 1px; -slider-handle-border-width: 0; -slider-handle-border-color: transparent; -slider-handle-radius: 8px; color: #fcfcfc; height: 16px; } /* Scrollbars */ StScrollView.vfade { -st-vfade-offset: 68px; } StScrollView.hfade { -st-hfade-offset: 68px; } StScrollBar { padding: 0; } StScrollView StScrollBar { min-width: 8px; min-height: 8px; } StScrollBar StBin#trough { border-radius: 0; background-color: transparent; } StScrollBar StButton#vhandle, StScrollBar StButton#hhandle { border-radius: 8px; background-color: #5e5e5e; border: 3px solid transparent; transition: 500ms all ease; } StScrollBar StButton#vhandle:hover, StScrollBar StButton#hhandle:hover { background-color: #8a8a8a; } StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { background-color: #747474; } /* Popovers/Menus */ .popup-menu-boxpointer, .candidate-popup-boxpointer { -arrow-rise: 6px; } .popup-menu { min-width: 15em; color: #F7F7F7; } .popup-menu.panel-menu { margin-bottom: 1.75em; } .popup-menu-content, .candidate-popup-content { padding: 6px; border-radius: 10px; border: 1px solid rgba(247, 247, 247, 0.15); box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.1); background-color: #1d1d1d; } .popup-menu-item { padding: 9px 12px; border-radius: 6px; spacing: 6px; transition: 0.2s all ease; background-color: transparent; } .popup-menu-item:ltr { padding-left: 6px; } .popup-menu-item:rtl { padding-right: 6px; } .popup-menu-item:focus, .popup-menu-item:hover { background-color: rgba(247, 247, 247, 0.1) !important; } .popup-menu-item:focus:active, .popup-menu-item:hover:active { background-color: rgba(247, 247, 247, 0.2) !important; } .popup-menu-item:checked { background-color: #343434 !important; } .popup-menu-item:checked { margin-bottom: 0; box-shadow: inset 0 -1px 0 0 #272727; border-radius: 6px 6px 0 0; } .popup-menu-item:checked:focus, .popup-menu-item:checked:hover { background-color: #434343 !important; } .popup-menu-item:checked:active { background-color: #4b4b4b !important; } .popup-menu-item:active { background-color: #4b4b4b; color: #efefef; } .popup-menu-item:insensitive { color: rgba(247, 247, 247, 0.5); } .popup-menu-item .toggle-switch:ltr { margin-left: 4px; } .popup-menu-item .toggle-switch:rtl { margin-right: 4px; } .popup-inactive-menu-item { color: #F7F7F7; } .popup-inactive-menu-item:insensitive { color: #8a8a8a; } .popup-menu-arrow, .popup-menu-icon { icon-size: 16px !important; } .popup-sub-menu { background-color: #343434; border-radius: 0 0 6px 6px; } .popup-sub-menu .popup-menu-ornament { min-width: 1.09em !important; } .popup-sub-menu .popup-menu-item { border-radius: 0; margin: 0; } .popup-sub-menu .popup-menu-item:last-child { border-radius: 0 0 6px 6px; } .popup-sub-menu .popup-menu-item:focus, .popup-sub-menu .popup-menu-item:hover { background-color: rgba(255, 255, 255, 0.1) !important; } .popup-sub-menu .popup-menu-item:checked { background-color: #4e4e4e !important; } .popup-sub-menu .popup-menu-item:checked:focus, .popup-sub-menu .popup-menu-item:checked:hover { background-color: #484848 !important; } .popup-sub-menu .popup-menu-item:active { background-color: rgba(255, 255, 255, 0.2) !important; } .popup-sub-menu .popup-menu-section .popup-menu-item:last-child:hover, .popup-sub-menu .popup-menu-section .popup-menu-item:last-child:focus { border-radius: 0; } .popup-sub-menu .popup-menu-section:last-child .popup-menu-item:last-child { border-radius: 0 0 6px 6px; } .popup-menu-ornament { width: 1.2em; text-align: center !important; } .popup-menu-ornament:ltr { text-align: right; } .popup-menu-ornament:rtl { text-align: left; } .popup-separator-menu-item { margin: 6px 0; padding: 0 !important; } .popup-separator-menu-item:ltr { margin-right: 4px; } .popup-separator-menu-item:rtl { margin-left: 4px; } .popup-separator-menu-item .popup-separator-menu-item-separator { height: 1px; background-color: #464646; } .popup-separator-menu-item .popup-menu-ornament { width: 0 !important; } .popup-sub-menu .popup-separator-menu-item { background-color: transparent; } .popup-sub-menu .popup-separator-menu-item:ltr { margin-right: 2.5em; } .popup-sub-menu .popup-separator-menu-item:rtl { margin-left: 2.5em; } .popup-sub-menu .popup-separator-menu-item .popup-separator-menu-item-separator { background-color: #585858; } .background-menu { -boxpointer-gap: 0px; -arrow-rise: 0px; } .aggregate-menu { min-width: 22em; } .aggregate-menu .popup-menu-ornament { width: 0 !important; } .aggregate-menu .popup-menu-icon { -st-icon-style: symbolic; } .aggregate-menu .popup-menu-icon:ltr { margin-right: 8px; } .aggregate-menu .popup-menu-icon:rtl { margin-left: 8px; } .aggregate-menu .popup-sub-menu .popup-menu-item > :first-child:ltr { margin-left: 1em; } .aggregate-menu .popup-sub-menu .popup-menu-item > :first-child:rtl { margin-right: 1em; } .app-menu { max-width: 27.25em; } .app-menu .popup-menu-ornament { width: 0 !important; } .app-menu .popup-inactive-menu-item:first-child > StLabel:ltr { margin-right: 8px; } .app-menu .popup-inactive-menu-item:first-child > StLabel:rtl { margin-left: 8px; } /* Date/Time Menu */ #calendarArea { padding: 4px; } .datemenu-calendar-column { spacing: 6px; } .datemenu-calendar-column:ltr { padding-left: 6px; } .datemenu-calendar-column:rtl { padding-right: 6px; } .datemenu-calendar-column .datemenu-displays-box { spacing: 6px; } /* today button (the date) */ .datemenu-today-button { border-radius: 6px; margin: 4px; box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.1); background-color: transparent; background-color: none; box-shadow: none !important; padding: 9px; } .datemenu-today-button:insensitive { color: rgba(247, 247, 247, 0.5); background-color: rgba(247, 247, 247, 0.05); background-color: transparent; color: rgba(255, 255, 255, 0.5); } .datemenu-today-button:focus { color: #F7F7F7; background-color: #2c2c2c; box-shadow: inset 0 0 0 2px #ef8661; } .datemenu-today-button:focus:hover { background-color: #343434; box-shadow: inset 0 0 0 2px #ef8661; } .datemenu-today-button:focus:active { background-color: #3b3b3b; box-shadow: inset 0 0 0 2px #ef8661; } .datemenu-today-button:hover { color: #F7F7F7; background-color: #343434; } .datemenu-today-button:active { color: #F7F7F7; background-color: #3b3b3b; } .datemenu-today-button:insensitive .day-label, .datemenu-today-button:insensitive .date-label { color: #8a8a8a; } /* Calendar */ .calendar { border-radius: 6px; margin: 4px; box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.1); background-color: transparent; background-color: none; box-shadow: none !important; margin-top: 0; } .calendar:insensitive { color: rgba(247, 247, 247, 0.5); background-color: rgba(247, 247, 247, 0.05); background-color: transparent; color: rgba(255, 255, 255, 0.5); } .calendar:focus { color: #F7F7F7; background-color: #2c2c2c; box-shadow: inset 0 0 0 2px #ef8661; } .calendar:focus:hover { background-color: #343434; box-shadow: inset 0 0 0 2px #ef8661; } .calendar:focus:active { background-color: #3b3b3b; box-shadow: inset 0 0 0 2px #ef8661; } .calendar:hover { color: #F7F7F7; background-color: #343434; } .calendar:active { color: #F7F7F7; background-color: #3b3b3b; } .calendar .calendar-month-header .calendar-change-month-back StIcon, .calendar .calendar-month-header .calendar-change-month-forward StIcon { icon-size: 1.09em; } .calendar .calendar-month-header .calendar-month-label { color: white; padding: 8px 0; } .calendar .calendar-month-header .pager-button { background-color: transparent; height: 32px; width: 32px; margin: 2px; border-radius: 4px; } .calendar .calendar-month-header .pager-button:hover, .calendar .calendar-month-header .pager-button:focus { background-color: rgba(247, 247, 247, 0.1); } .calendar .calendar-month-header .pager-button:active { background-color: rgba(247, 247, 247, 0.2); } .calendar .calendar-day-base { text-align: center; margin: 2px; padding: 0 !important; height: 3em !important; width: 3em !important; border-radius: 99px; } .calendar .calendar-day-base:hover { background-color: rgba(247, 247, 247, 0.1); } .calendar .calendar-day-base:focus { background-color: #46281e; box-shadow: inset 0 0 0 2px rgba(233, 84, 32, 0.6); } .calendar .calendar-day-base:active, .calendar .calendar-day-base:selected { color: #efefef; background-color: rgba(247, 247, 247, 0.2); } .calendar .calendar-day-base:active:focus, .calendar .calendar-day-base:selected:focus { background-color: rgba(237, 134, 98, 0.36); } .calendar .calendar-day-base.calendar-day-heading { color: #8a8a8a; padding-top: 6px; height: 16px !important; font-weight: bold; } .calendar .calendar-nonwork-day { color: #8a8a8a; } .calendar .calendar-other-month-day { color: rgba(247, 247, 247, 0.5); } .calendar .calendar-other-month-day.calendar-nonwork-day { color: rgba(138, 138, 138, 0.5); } .calendar .calendar-today { background-color: #E95420; font-weight: 800; color: #FFFFFF !important; } .calendar .calendar-today:hover, .calendar .calendar-today:focus { background-color: #ea5f2e; color: inherit; } .calendar .calendar-today:active, .calendar .calendar-today:selected { background-color: #E95420; color: inherit; } .calendar .calendar-today:active:hover, .calendar .calendar-today:active:focus, .calendar .calendar-today:selected:hover, .calendar .calendar-today:selected:focus { background-color: #ea5f2e; color: inherit; } .calendar .calendar-day-with-events { background-image: url("resource:///org/gnome/shell/theme/calendar-today.svg"); background-size: contain; } .calendar .calendar-week-number { font-size: 7pt; font-weight: bold; font-feature-settings: "tnum"; margin: 6px; padding: 0 6px; border-radius: 3px; background-color: #181818; color: #8a8a8a; } /* Events */ .events-button { border-radius: 6px; margin: 4px; box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.1); color: #F7F7F7; background-color: #2c2c2c; padding: 12px; } .events-button:focus { color: #F7F7F7; background-color: #2c2c2c; box-shadow: inset 0 0 0 2px #ef8661; } .events-button:focus:hover { background-color: #343434; box-shadow: inset 0 0 0 2px #ef8661; } .events-button:focus:active { background-color: #3b3b3b; box-shadow: inset 0 0 0 2px #ef8661; } .events-button:hover { color: #F7F7F7; background-color: #343434; } .events-button:active { color: #F7F7F7; background-color: #3b3b3b; } .events-button .events-box { spacing: 6px; } .events-button .events-list { spacing: 12px; } .events-button .events-title { color: #8a8a8a; margin-bottom: 4px; } .events-button .event-time { color: #8a8a8a; } /* World clocks */ .world-clocks-button { border-radius: 6px; margin: 4px; box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.1); color: #F7F7F7; background-color: #2c2c2c; padding: 12px; } .world-clocks-button:focus { color: #F7F7F7; background-color: #2c2c2c; box-shadow: inset 0 0 0 2px #ef8661; } .world-clocks-button:focus:hover { background-color: #343434; box-shadow: inset 0 0 0 2px #ef8661; } .world-clocks-button:focus:active { background-color: #3b3b3b; box-shadow: inset 0 0 0 2px #ef8661; } .world-clocks-button:hover { color: #F7F7F7; background-color: #343434; } .world-clocks-button:active { color: #F7F7F7; background-color: #3b3b3b; } .world-clocks-button .world-clocks-grid { spacing-rows: 6px; spacing-columns: 12px; } .world-clocks-button .world-clocks-header { color: #8a8a8a; } .world-clocks-button .world-clocks-city { color: #F7F7F7; } .world-clocks-button .world-clocks-time { color: #F7F7F7; } .world-clocks-button .world-clocks-time:ltr { text-align: right; } .world-clocks-button .world-clocks-time:rtl { text-align: left; } .world-clocks-button .world-clocks-timezone { color: #8a8a8a; } /* Weather */ .weather-button { border-radius: 6px; margin: 4px; box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.1); color: #F7F7F7; background-color: #2c2c2c; padding: 12px; } .weather-button:focus { color: #F7F7F7; background-color: #2c2c2c; box-shadow: inset 0 0 0 2px #ef8661; } .weather-button:focus:hover { background-color: #343434; box-shadow: inset 0 0 0 2px #ef8661; } .weather-button:focus:active { background-color: #3b3b3b; box-shadow: inset 0 0 0 2px #ef8661; } .weather-button:hover { color: #F7F7F7; background-color: #343434; } .weather-button:active { color: #F7F7F7; background-color: #3b3b3b; } .weather-button .weather-box { spacing: 10px; } .weather-button .weather-header-box { spacing: 6px; } .weather-button .weather-header { color: #8a8a8a; } .weather-button .weather-header.location { font-weight: normal; } .weather-button .weather-grid { spacing-rows: 6px; spacing-columns: 12px; } .weather-button .weather-forecast-time { color: #ababab; padding-top: 0.2em; padding-bottom: 0.4em; } .weather-button .weather-forecast-icon { icon-size: 2.18em; } /* Message List */ .message-list { width: 29em; border: solid #464646; } .message-list:ltr { margin-left: 0; margin-right: 4px; padding-right: 6px; border-right-width: 1px; } .message-list:rtl { margin-right: 0; margin-left: 4px; padding-left: 6px; border-left-width: 1px; } .message-list .message-list-placeholder { color: rgba(138, 138, 138, 0.5); } .message-list .message-list-placeholder > StIcon { icon-size: 3.27em; margin-bottom: 12px; -st-icon-style: symbolic; } .message-list-sections { spacing: 6px; margin: 0; padding-bottom: 6px; } .message-list-sections:ltr { margin-right: 12px; } .message-list-sections:rtl { margin-left: 12px; } .message-list-section, .message-list-section-list { spacing: 6px; } .message-list-controls { padding: 6px; spacing: 6px; } .message-list-controls .dnd-button { border-width: 2px; border-color: transparent; border-radius: 32px; border-style: solid; } .message-list-controls .dnd-button:focus { border-color: #ef8661; } .message { border-radius: 6px; margin: 4px; box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.1); color: #F7F7F7; background-color: #2c2c2c; } .message:focus { color: #F7F7F7; background-color: #2c2c2c; box-shadow: inset 0 0 0 2px #ef8661; } .message:focus:hover { background-color: #343434; box-shadow: inset 0 0 0 2px #ef8661; } .message:focus:active { background-color: #3b3b3b; box-shadow: inset 0 0 0 2px #ef8661; } .message:hover { color: #F7F7F7; background-color: #343434; } .message:active { color: #F7F7F7; background-color: #3b3b3b; } .message .message-icon-bin { padding: 18px; } .message .message-icon-bin:ltr { padding-right: 6px; } .message .message-icon-bin:rtl { padding-left: 6px; } .message .message-icon-bin > StIcon { icon-size: 2.18em; -st-icon-style: symbolic; } .message .message-icon-bin > .fallback-app-icon { width: 1.09em; height: 1.09em; } .message .message-content { spacing: 4px; padding: 9px; margin-bottom: 8px; } .message .message-title { font-weight: bold; /* HACK: the label should be baseline-aligned with a 1em label, fake this with some bottom padding */ padding-top: 0.57em; } .message .message-secondary-bin { padding: 0 8px; } .message .message-secondary-bin > .event-time { color: rgba(247, 247, 247, 0.5); font-size: 9pt; /* HACK: the label should be baseline-aligned with a 1em label, fake this with some bottom padding */ padding-bottom: 0.13em; } .message .message-secondary-bin > .event-time:ltr { text-align: right; } .message .message-secondary-bin > .event-time:rtl { text-align: left; } .message .message-close-button { color: #F7F7F7; background-color: rgba(247, 247, 247, 0.1); border-radius: 99px; padding: 5px; margin: 1px; } .message .message-close-button:hover { background-color: rgba(247, 247, 247, 0.2); } .message .message-close-button:active { background-color: rgba(247, 247, 247, 0.1); } .message .message-body { color: #dedede; } .url-highlighter { link-color: #f29b7d; } /* Media Controls */ .message-media-control { padding: 0 18px; margin: 12px 0; border-radius: 6px; color: #F7F7F7; } .message-media-control:hover { background-color: rgba(255, 255, 255, 0.1); color: #F7F7F7; } .message-media-control:active { background-color: rgba(247, 247, 247, 0.2); color: #F7F7F7; } .message-media-control:insensitive { color: #979797; } .message-media-control:last-child:ltr { margin-right: 12px; } .message-media-control:last-child:rtl { margin-left: 12px; } .media-message-cover-icon { icon-size: 3.27em !important; border-radius: 6px; } .media-message-cover-icon.fallback { color: #cccccc; background-color: #1d1d1d; border: 1px solid transparent; border-radius: 6px; icon-size: 2.18em !important; padding: 14px; } .candidate-popup-content { padding: 6px; spacing: 6px; } .candidate-index { padding: 0; padding-right: 6px; color: #8a8a8a; } .candidate-box { padding: 6px 12px 6px 12px; border-radius: 6px; } .candidate-box:selected { background-color: #E95420; color: #FFFFFF; } .candidate-box:hover { background-color: rgba(247, 247, 247, 0.1); color: #F7F7F7; } .candidate-page-button-box { height: 2em; } .vertical .candidate-page-button-box { padding-top: 12px; } .horizontal .candidate-page-button-box { padding-left: 12px; } .candidate-page-button { padding: 6px; } .candidate-page-button-previous { border-radius: 6px 0px 0px 6px; border-right-width: 0; box-shadow: none; } .candidate-page-button-next { border-radius: 0px 6px 6px 0px; box-shadow: none; } .candidate-page-button-icon { icon-size: 1.09em; } /* Notifications & Message Tray */ .notification-banner { min-height: 64px; width: 34em; box-shadow: 0 2px 4px 2px rgba(0, 0, 0, 0.1); border-radius: 9px; margin: 4px; background-color: #1d1d1d; } .notification-banner .notification-actions { spacing: 0; } .notification-banner:hover { background-color: #222222; } .notification-banner:active { background-color: #272727; } .notification-banner, .notification-banner:hover, .notification-banner:focus, .notification-banner:active { box-shadow: 0 0 4px 2px rgba(0, 0, 0, 0.1); border: 1px solid #464646; } .summary-source-counter { font-size: 10pt; font-weight: bold; height: 1.6em; width: 1.6em; -shell-counter-overlap-x: 3px; -shell-counter-overlap-y: 3px; background-color: #E95420; color: #FFFFFF; border: 2px solid #F7F7F7; box-shadow: 0 2px 2px rgba(0, 0, 0, 0.5); border-radius: 0.9em; } .chat-body { spacing: 5px; } .chat-response { margin: 5px; } .chat-log-message { color: #dedede; } .chat-new-group { padding-top: 1em; } .chat-received { padding-left: 4px; } .chat-received:rtl { padding-left: 0px; padding-right: 4px; } .chat-sent { padding-left: 18pt; color: white; } .chat-sent:rtl { padding-left: 0; padding-right: 18pt; } .chat-meta-message { padding-left: 4px; font-size: 9pt; font-weight: bold; color: white; } .chat-meta-message:rtl { padding-left: 0; padding-right: 4px; } .hotplug-notification-item-icon { icon-size: 24px; padding: 0 4px; } /* Modal Dialogs */ .modal-dialog .modal-dialog-content-box { margin: 32px 40px; spacing: 32px; max-width: 28em; } /* End Session Dialog */ .end-session-dialog { width: 30em; } .end-session-dialog .end-session-dialog-battery-warning, .end-session-dialog .dialog-list-title { color: #f99b11; } /* Message Dialog */ .message-dialog-content { spacing: 18px; } .message-dialog-content .message-dialog-title { text-align: center; } .message-dialog-content .message-dialog-description { text-align: center; } /* Dialog List */ .dialog-list { spacing: 18px; } .dialog-list .dialog-list-title { text-align: center; } .dialog-list .dialog-list-scrollview { max-height: 200px; } .dialog-list .dialog-list-box { spacing: 1em; } .dialog-list .dialog-list-box .dialog-list-item { spacing: 1em; } .dialog-list .dialog-list-box .dialog-list-item .dialog-list-item-title { font-weight: bold; } .dialog-list .dialog-list-box .dialog-list-item .dialog-list-item-description { color: #eaeaea; } /* Run Dialog */ .run-dialog .modal-dialog-content-box { margin-top: 24px; margin-bottom: 14px; } .run-dialog .run-dialog-entry { width: 20em; } .run-dialog .run-dialog-description { text-align: center; color: #c4c4c4; } /* Password or Authentication Dialog */ .prompt-dialog { width: 28em; } .prompt-dialog .modal-dialog-content-box { margin-bottom: 24px; } .prompt-dialog-password-grid { spacing-rows: 8px; spacing-columns: 4px; } .prompt-dialog-password-grid .prompt-dialog-password-entry { width: auto; } .prompt-dialog-password-grid .prompt-dialog-password-entry:ltr { margin-left: 20px; } .prompt-dialog-password-grid .prompt-dialog-password-entry:rtl { margin-right: 20px; } .prompt-dialog-password-layout { spacing: 8px; } .prompt-dialog-password-entry { width: 20em; } .prompt-dialog-error-label, .prompt-dialog-info-label, .prompt-dialog-null-label { text-align: center; } .prompt-dialog-error-label { color: #f99b11; } /* Polkit Dialog */ .polkit-dialog-user-layout { text-align: center; spacing: 8px; margin-bottom: 6px; } .polkit-dialog-user-layout .polkit-dialog-user-root-label { color: #f99b11; } /* Audio selection dialog */ .audio-device-selection-dialog .modal-dialog-content-box { margin-bottom: 28px; } .audio-device-selection-dialog .audio-selection-box { spacing: 20px; } .audio-selection-device { border-radius: 12px; } .audio-selection-device:hover, .audio-selection-device:focus { background-color: rgba(247, 247, 247, 0.1); } .audio-selection-device:active { background-color: #E95420; color: #FFFFFF; } .audio-selection-device-box { padding: 20px; spacing: 20px; } .audio-selection-device-icon { icon-size: 4.36em; } /* Welcome dialog */ .welcome-dialog-image { background-image: url("resource:///org/gnome/shell/theme/gnome-shell-start.svg"); background-size: contain; /* Reasonable maximum dimensions */ height: 300px; width: 300px; } /* Select Network dialogs */ .nm-dialog { max-height: 34em; min-height: 31em; min-width: 32em; } .nm-dialog-content { spacing: 20px; padding: 24px; } .nm-dialog-subheader { color: #8a8a8a; } .nm-dialog-header-icon { icon-size: 2.18em; } .nm-dialog-header-hbox { spacing: 10px; } .nm-dialog-scroll-view { padding: 6px; border-radius: 6px; background-color: #222222; } .nm-dialog-item { padding: 12px; } .nm-dialog-item:selected { background-color: #E95420; border-radius: 3px; color: #FFFFFF; } .nm-dialog-item:hover { background-color: rgba(247, 247, 247, 0.1); } .nm-dialog-icon { icon-size: 1.09em; } .nm-dialog-icons { spacing: 12px; } .no-networks-box { spacing: 6px; } .no-networks-label { color: #8a8a8a; } .nm-dialog-airplane-box { text-align: center; spacing: 12px; } .nm-dialog-airplane-text { color: #8a8a8a; } /* OSD */ .osd-window { text-align: center; font-weight: bold; spacing: 12px; padding: 12px 18px; margin-bottom: 4em; } .osd-window > * { spacing: 8px; } .osd-window StIcon { icon-size: 2.18em; } .osd-window StLabel:ltr { margin-right: 6px; } .osd-window StLabel:rtl { margin-left: 6px; } .osd-window .level { margin-bottom: 4px; height: 6px; min-width: 10.9em; -barlevel-height: 6px; -barlevel-background-color: rgba(238, 238, 236, 0.1); -barlevel-active-background-color: #eeeeec; -barlevel-overdrive-color: #991121; -barlevel-overdrive-separator-width: 3px; } .osd-window .level:first-child { margin-bottom: 0px; } .osd-window .level:ltr { margin-right: 6px; } .osd-window .level:rtl { margin-left: 6px; } .osd-monitor-label { border-radius: 12px; font-size: 3em; font-weight: bold; margin: 12px; text-align: center; min-width: 1.3em; } /* Pad OSD */ .pad-osd-window { padding: 32px; background-color: rgba(29, 29, 29, 0.975); color: #eeeeec; } .pad-osd-window .button:insensitive { color: #F7F7F7; } .pad-osd-window .pad-osd-title-box { spacing: 12px; } .pad-osd-window .pad-osd-title-menu-box { spacing: 6px; } .combo-box-label { width: 15em; } /* App Switcher */ .switcher-popup { padding: 0; spacing: 24px; } .switcher-list { padding: 10px; border-radius: 20px; box-shadow: 0 8px 8px 0 rgba(0, 0, 0, 0.1); } .switcher-list .switcher-list-item-container { spacing: 12px; } .switcher-list .item-box { background-color: transparent; } .switcher-list .item-box:hover { background-color: rgba(238, 238, 236, 0.1); } .switcher-list .item-box:selected, .switcher-list .item-box:focus { background-color: rgba(238, 238, 236, 0.13); } .switcher-list .item-box:selected:hover, .switcher-list .item-box:focus:hover { background-color: rgba(238, 238, 236, 0.16); } .switcher-list .item-box:selected:active, .switcher-list .item-box:focus:active { background-color: rgba(238, 238, 236, 0.13); } .switcher-list .item-box:active { background-color: rgba(238, 238, 236, 0.16); } .switcher-list .item-box:outlined, .switcher-list .item-box:checked { background-color: rgba(238, 238, 236, 0.19); } .switcher-list .item-box:outlined:active, .switcher-list .item-box:checked:active { background-color: rgba(238, 238, 236, 0.22); } .switcher-list .item-box:outlined:hover, .switcher-list .item-box:checked:hover { background-color: rgba(238, 238, 236, 0.25); } .switcher-list .item-box:drop { border: 2px solid rgba(233, 84, 32, 0.8); background-color: rgba(233, 84, 32, 0.2); } .switcher-list .item-box:hover { background: none; } .switcher-list .separator { width: 1px; background: #464646; } .switcher-list .thumbnail-box { padding: 2px; spacing: 6px; } .switcher-list .thumbnail { width: 256px; border-radius: 6px; } .switcher-arrow { border-color: rgba(0, 0, 0, 0); color: rgba(238, 238, 236, 0.8); } .switcher-arrow:highlighted { border-color: #eeeeec; color: #eeeeec; } .input-source-switcher-symbol { font-size: 34pt; width: 96px; height: 96px; } .cycler-highlight { border: 5px solid #E95420; } /* Workspace Switcher */ .workspace-switcher { margin-bottom: 4em; spacing: 12px; padding: 12px 18px; } .ws-switcher-indicator { background-color: rgba(238, 238, 236, 0.5); padding: 0.1816666667em; margin: 0.9083333333em; border-radius: 2.18em; } .ws-switcher-indicator:active { background-color: #eeeeec; padding: 0.3633333333em; margin: 0.7266666667em; } .icon-label-button-container { spacing: 6px; } .icon-label-button-container StIcon { icon-size: 32px; } .screenshot-ui-panel { border-radius: 33px; padding: 18px; padding-bottom: 12px; margin-bottom: 4em; spacing: 12px; } .screenshot-ui-close-button { padding: 6px; } .screenshot-ui-close-button.left { margin-left: 8px; } .screenshot-ui-close-button.right { margin-right: 8px; } .screenshot-ui-type-button { padding: 12px 18px !important; border-radius: 15px; } .screenshot-ui-capture-button { width: 36px; height: 36px; border-radius: 99px; border: 4px #eeeeec; padding: 4px; } .screenshot-ui-capture-button .screenshot-ui-capture-button-circle { background-color: #eeeeec; transition-duration: 200ms; border-radius: 99px; } .screenshot-ui-capture-button .screenshot-ui-capture-button-circle:hover, .screenshot-ui-capture-button .screenshot-ui-capture-button-circle:focus { background-color: rgba(247, 247, 247, 0.1); } .screenshot-ui-capture-button:hover .screenshot-ui-capture-button-circle, .screenshot-ui-capture-button:focus .screenshot-ui-capture-button-circle { background-color: #cacac4; } .screenshot-ui-capture-button:active .screenshot-ui-capture-button-circle { background-color: #747467; } .screenshot-ui-capture-button:cast .screenshot-ui-capture-button-circle { background-color: #c7162b; } .screenshot-ui-capture-button:cast:hover .screenshot-ui-capture-button-circle, .screenshot-ui-capture-button:cast:focus .screenshot-ui-capture-button-circle { background-color: #de1930; } .screenshot-ui-capture-button:cast:active .screenshot-ui-capture-button-circle { background-color: #a71224; } .screenshot-ui-shot-cast-container { background-color: rgba(247, 247, 247, 0.1); border-radius: 12px; padding: 3px; spacing: 3px; } .screenshot-ui-shot-cast-container:ltr { margin-left: 3px; } .screenshot-ui-shot-cast-container:rtl { margin-right: 3px; } .screenshot-ui-shot-cast-button { padding: 6px 12px; background-color: transparent; border-radius: 9px; } .screenshot-ui-shot-cast-button:hover, .screenshot-ui-shot-cast-button:focus { background-color: rgba(255, 255, 255, 0.1); } .screenshot-ui-shot-cast-button:active { background-color: rgba(255, 255, 255, 0.2); } .screenshot-ui-shot-cast-button:checked { background-color: white; color: black; } .screenshot-ui-shot-cast-button StIcon { icon-size: 1.09em; } .screenshot-ui-show-pointer-button { border-radius: 99px; padding: 12px !important; } .screenshot-ui-show-pointer-button StIcon { icon-size: 1.09em; } .screenshot-ui-area-indicator-shade { background-color: rgba(0, 0, 0, 0.3); } .screenshot-ui-area-selector .screenshot-ui-area-indicator-shade { background-color: rgba(0, 0, 0, 0.5); } .screenshot-ui-area-selector .screenshot-ui-area-indicator-selection { border: 2px white; } .screenshot-ui-area-selector-handle { border-radius: 99px; background-color: white; box-shadow: 0 1px 3px 2px rgba(0, 0, 0, 0.2); width: 24px; height: 24px; } .screenshot-ui-window-selector { background-color: #222222; } .screenshot-ui-window-selector .screenshot-ui-window-selector-window-container { margin: 100px; } .screenshot-ui-window-selector:primary-monitor .screenshot-ui-window-selector-window-container { margin-bottom: 200px; } .screenshot-ui-window-selector-window-border { transition-duration: 200ms; border-radius: 12px; border: 6px transparent; } .screenshot-ui-window-selector-check { transition-duration: 200ms; color: transparent; border-radius: 99px; border-width: 12px; icon-size: 24px; } .screenshot-ui-window-selector-window:hover .screenshot-ui-window-selector-window-border { border-color: #ac3911; } .screenshot-ui-window-selector-window:checked .screenshot-ui-window-selector-window-border { border-color: #E95420; background-color: rgba(233, 84, 32, 0.2); } .screenshot-ui-window-selector-window:checked .screenshot-ui-window-selector-check { color: #FFFFFF; background-color: #E95420; } .screenshot-ui-screen-selector { transition-duration: 200ms; background-color: rgba(0, 0, 0, 0.5); } .screenshot-ui-screen-selector:hover { background-color: rgba(0, 0, 0, 0.3); } .screenshot-ui-screen-selector:active { background-color: rgba(0, 0, 0, 0.7); } .screenshot-ui-screen-selector:checked { background-color: transparent; border: 2px white; } .screenshot-ui-tooltip { color: #eeeeec; background-color: rgba(29, 29, 29, 0.975); border-radius: 99px; padding: 6px 12px; text-align: center; -y-offset: 24px; } /* Top Bar */ #panel { background-color: #131313; font-weight: bold; height: 1.86em; transition-duration: 250ms; } #panel.unlock-screen, #panel.login-screen { background-color: transparent; } #panel .panel-button { font-weight: bold; color: #f2f2f2; -natural-hpadding: 12px; -minimum-hpadding: 6px; transition-duration: 150ms; border: 3px solid transparent; border-radius: 99px; } #panel .panel-button.clock-display .clock { transition-duration: 150ms; border: 3px solid transparent; border-radius: 99px; } #panel .panel-button.screen-recording-indicator { box-shadow: inset 0 0 0 100px #c7162b; } #panel .panel-button.screen-recording-indicator StBoxLayout { spacing: 6px; } #panel .panel-button.screen-recording-indicator StIcon { icon-size: 1.09em; } #panel .panel-button:active, #panel .panel-button:overview, #panel .panel-button:focus, #panel .panel-button:checked { box-shadow: inset 0 0 0 100px rgba(242, 242, 242, 0.2); } #panel .panel-button:active.clock-display, #panel .panel-button:overview.clock-display, #panel .panel-button:focus.clock-display, #panel .panel-button:checked.clock-display { box-shadow: none; } #panel .panel-button:active.clock-display .clock, #panel .panel-button:overview.clock-display .clock, #panel .panel-button:focus.clock-display .clock, #panel .panel-button:checked.clock-display .clock { box-shadow: inset 0 0 0 100px rgba(242, 242, 242, 0.2); } #panel .panel-button:active.screen-recording-indicator, #panel .panel-button:overview.screen-recording-indicator, #panel .panel-button:focus.screen-recording-indicator, #panel .panel-button:checked.screen-recording-indicator { box-shadow: inset 0 0 0 100px rgba(199, 22, 43, 0.85); } #panel .panel-button:hover { box-shadow: inset 0 0 0 100px rgba(242, 242, 242, 0.15); } #panel .panel-button:hover.clock-display { box-shadow: none; } #panel .panel-button:hover.clock-display .clock { box-shadow: inset 0 0 0 100px rgba(242, 242, 242, 0.15); } #panel .panel-button:hover.screen-recording-indicator { box-shadow: inset 0 0 0 100px rgba(199, 22, 43, 0.9); } #panel .panel-button:active:hover, #panel .panel-button:overview:hover, #panel .panel-button:focus:hover, #panel .panel-button:checked:hover { box-shadow: inset 0 0 0 100px rgba(242, 242, 242, 0.25); } #panel .panel-button:active:hover.clock-display, #panel .panel-button:overview:hover.clock-display, #panel .panel-button:focus:hover.clock-display, #panel .panel-button:checked:hover.clock-display { box-shadow: none; } #panel .panel-button:active:hover.clock-display .clock, #panel .panel-button:overview:hover.clock-display .clock, #panel .panel-button:focus:hover.clock-display .clock, #panel .panel-button:checked:hover.clock-display .clock { box-shadow: inset 0 0 0 100px rgba(242, 242, 242, 0.25); } #panel .panel-button:active:hover.screen-recording-indicator, #panel .panel-button:overview:hover.screen-recording-indicator, #panel .panel-button:focus:hover.screen-recording-indicator, #panel .panel-button:checked:hover.screen-recording-indicator { box-shadow: inset 0 0 0 100px rgba(199, 22, 43, 0.8); } #panel .panel-button .system-status-icon { icon-size: 1.09em; padding: 5px; margin: 0 4px; } #panel .panel-button .panel-status-indicators-box .system-status-icon, #panel .panel-button .panel-status-menu-box .system-status-icon { margin: 0; } #panel .panel-button .app-menu-icon { -st-icon-style: symbolic; } #panel .panel-button#panelActivities { -natural-hpadding: 18px; } #panel.unlock-screen .panel-button:active, #panel.unlock-screen .panel-button:overview, #panel.unlock-screen .panel-button:focus, #panel.unlock-screen .panel-button:checked, #panel.login-screen .panel-button:active, #panel.login-screen .panel-button:overview, #panel.login-screen .panel-button:focus, #panel.login-screen .panel-button:checked, #panel:overview .panel-button:active, #panel:overview .panel-button:overview, #panel:overview .panel-button:focus, #panel:overview .panel-button:checked { box-shadow: inset 0 0 0 100px rgba(255, 255, 255, 0.15); } #panel.unlock-screen .panel-button:active.clock-display, #panel.unlock-screen .panel-button:overview.clock-display, #panel.unlock-screen .panel-button:focus.clock-display, #panel.unlock-screen .panel-button:checked.clock-display, #panel.login-screen .panel-button:active.clock-display, #panel.login-screen .panel-button:overview.clock-display, #panel.login-screen .panel-button:focus.clock-display, #panel.login-screen .panel-button:checked.clock-display, #panel:overview .panel-button:active.clock-display, #panel:overview .panel-button:overview.clock-display, #panel:overview .panel-button:focus.clock-display, #panel:overview .panel-button:checked.clock-display { box-shadow: none; } #panel.unlock-screen .panel-button:active.clock-display .clock, #panel.unlock-screen .panel-button:overview.clock-display .clock, #panel.unlock-screen .panel-button:focus.clock-display .clock, #panel.unlock-screen .panel-button:checked.clock-display .clock, #panel.login-screen .panel-button:active.clock-display .clock, #panel.login-screen .panel-button:overview.clock-display .clock, #panel.login-screen .panel-button:focus.clock-display .clock, #panel.login-screen .panel-button:checked.clock-display .clock, #panel:overview .panel-button:active.clock-display .clock, #panel:overview .panel-button:overview.clock-display .clock, #panel:overview .panel-button:focus.clock-display .clock, #panel:overview .panel-button:checked.clock-display .clock { box-shadow: inset 0 0 0 100px rgba(255, 255, 255, 0.15); } #panel.unlock-screen .panel-button:active.screen-recording-indicator, #panel.unlock-screen .panel-button:overview.screen-recording-indicator, #panel.unlock-screen .panel-button:focus.screen-recording-indicator, #panel.unlock-screen .panel-button:checked.screen-recording-indicator, #panel.login-screen .panel-button:active.screen-recording-indicator, #panel.login-screen .panel-button:overview.screen-recording-indicator, #panel.login-screen .panel-button:focus.screen-recording-indicator, #panel.login-screen .panel-button:checked.screen-recording-indicator, #panel:overview .panel-button:active.screen-recording-indicator, #panel:overview .panel-button:overview.screen-recording-indicator, #panel:overview .panel-button:focus.screen-recording-indicator, #panel:overview .panel-button:checked.screen-recording-indicator { box-shadow: inset 0 0 0 100px rgba(199, 22, 43, 0.85); } #panel.unlock-screen .panel-button:hover, #panel.login-screen .panel-button:hover, #panel:overview .panel-button:hover { box-shadow: inset 0 0 0 100px rgba(255, 255, 255, 0.1); } #panel.unlock-screen .panel-button:hover.clock-display, #panel.login-screen .panel-button:hover.clock-display, #panel:overview .panel-button:hover.clock-display { box-shadow: none; } #panel.unlock-screen .panel-button:hover.clock-display .clock, #panel.login-screen .panel-button:hover.clock-display .clock, #panel:overview .panel-button:hover.clock-display .clock { box-shadow: inset 0 0 0 100px rgba(255, 255, 255, 0.1); } #panel.unlock-screen .panel-button:hover.screen-recording-indicator, #panel.login-screen .panel-button:hover.screen-recording-indicator, #panel:overview .panel-button:hover.screen-recording-indicator { box-shadow: inset 0 0 0 100px rgba(199, 22, 43, 0.9); } #panel.unlock-screen .panel-button:active:hover, #panel.unlock-screen .panel-button:overview:hover, #panel.unlock-screen .panel-button:focus:hover, #panel.unlock-screen .panel-button:checked:hover, #panel.login-screen .panel-button:active:hover, #panel.login-screen .panel-button:overview:hover, #panel.login-screen .panel-button:focus:hover, #panel.login-screen .panel-button:checked:hover, #panel:overview .panel-button:active:hover, #panel:overview .panel-button:overview:hover, #panel:overview .panel-button:focus:hover, #panel:overview .panel-button:checked:hover { box-shadow: inset 0 0 0 100px rgba(255, 255, 255, 0.2); } #panel.unlock-screen .panel-button:active:hover.clock-display, #panel.unlock-screen .panel-button:overview:hover.clock-display, #panel.unlock-screen .panel-button:focus:hover.clock-display, #panel.unlock-screen .panel-button:checked:hover.clock-display, #panel.login-screen .panel-button:active:hover.clock-display, #panel.login-screen .panel-button:overview:hover.clock-display, #panel.login-screen .panel-button:focus:hover.clock-display, #panel.login-screen .panel-button:checked:hover.clock-display, #panel:overview .panel-button:active:hover.clock-display, #panel:overview .panel-button:overview:hover.clock-display, #panel:overview .panel-button:focus:hover.clock-display, #panel:overview .panel-button:checked:hover.clock-display { box-shadow: none; } #panel.unlock-screen .panel-button:active:hover.clock-display .clock, #panel.unlock-screen .panel-button:overview:hover.clock-display .clock, #panel.unlock-screen .panel-button:focus:hover.clock-display .clock, #panel.unlock-screen .panel-button:checked:hover.clock-display .clock, #panel.login-screen .panel-button:active:hover.clock-display .clock, #panel.login-screen .panel-button:overview:hover.clock-display .clock, #panel.login-screen .panel-button:focus:hover.clock-display .clock, #panel.login-screen .panel-button:checked:hover.clock-display .clock, #panel:overview .panel-button:active:hover.clock-display .clock, #panel:overview .panel-button:overview:hover.clock-display .clock, #panel:overview .panel-button:focus:hover.clock-display .clock, #panel:overview .panel-button:checked:hover.clock-display .clock { box-shadow: inset 0 0 0 100px rgba(255, 255, 255, 0.2); } #panel.unlock-screen .panel-button:active:hover.screen-recording-indicator, #panel.unlock-screen .panel-button:overview:hover.screen-recording-indicator, #panel.unlock-screen .panel-button:focus:hover.screen-recording-indicator, #panel.unlock-screen .panel-button:checked:hover.screen-recording-indicator, #panel.login-screen .panel-button:active:hover.screen-recording-indicator, #panel.login-screen .panel-button:overview:hover.screen-recording-indicator, #panel.login-screen .panel-button:focus:hover.screen-recording-indicator, #panel.login-screen .panel-button:checked:hover.screen-recording-indicator, #panel:overview .panel-button:active:hover.screen-recording-indicator, #panel:overview .panel-button:overview:hover.screen-recording-indicator, #panel:overview .panel-button:focus:hover.screen-recording-indicator, #panel:overview .panel-button:checked:hover.screen-recording-indicator { box-shadow: inset 0 0 0 100px rgba(199, 22, 43, 0.8); } #panel .panel-status-indicators-box, #panel .panel-status-menu-box { spacing: 2px; } #panel .power-status.panel-status-indicators-box { spacing: 0; } #panel .screencast-indicator, #panel .remote-access-indicator { color: #f99b11; } #appMenu { spacing: 6px; } #appMenu .label-shadow { color: transparent; } #appMenu .panel-status-menu-box { padding: 0 6px; spacing: 6px; } .clock-display-box { spacing: 2px; } .clock-display-box .clock { padding-left: 12px; padding-right: 12px; } /* Activities Ripple */ .ripple-box { background-color: rgba(251, 226, 218, 0.3); box-shadow: 0 0 2px 2px #f29b7d; width: 52px; height: 52px; border-radius: 0 0 52px 0; } .ripple-box:rtl { border-radius: 0 0 0 52px; } /* OVERVIEW */ .controls-manager, .secondary-monitor-workspaces { spacing: 12px; } #overviewGroup { background-color: #222222; } .overview-controls { padding-bottom: 32px; } /* Window Picker */ .window-picker { spacing: 6px; } .window-caption { color: #eeeeec; background-color: rgba(29, 29, 29, 0.975); border-radius: 99px; padding: 6px 12px; border: 1px solid #464646; } .window-close, .screenshot-ui-close-button { background-color: rgba(55, 55, 55, 0.975); color: #eeeeec; border-radius: 99px; padding: 3px; height: 30px; width: 30px; transition-duration: 300ms; border: 1px solid #464646; } .window-close StIcon, .screenshot-ui-close-button StIcon { icon-size: 24px; } .window-close:hover, .screenshot-ui-close-button:hover { background-color: rgba(67, 67, 67, 0.975); } .window-close:active, .screenshot-ui-close-button:active { background-color: rgba(42, 42, 42, 0.975); } .workspace-background { border-radius: 30px; box-shadow: 0 4px 16px 4px rgba(0, 0, 0, 0.275); } .search-entry { border-radius: 18px; margin-top: 24px; margin-bottom: 12px; padding: 7px 9px; width: 320px; background-color: #1d1d1d; color: rgba(247, 247, 247, 0.7); border: 1px solid #464646; } .search-entry:hover { background-color: #1d1d1d; border-color: #535353; color: #F7F7F7; } .search-entry:focus { background-color: #1d1d1d; border-color: #ef8661; box-shadow: 0 0 0 1px #ef8661 inset; color: #F7F7F7; } .search-entry:insensitive { background-color: #2c2c2c; border-color: #2c2c2c; color: #8a8a8a; } .search-entry .search-entry-icon { color: inherit; icon-size: 1.09em; margin-top: 2px; padding: 0 4px; } /* Search */ #searchResults { margin: 0 4px; } #searchResultsContent { max-width: 1072px; } .search-section { spacing: 18px; } .search-section .search-section-separator { height: 8px; background-color: transparent; } .search-section-content { background-color: #1d1d1d; border-radius: 18px; border: 1px solid #464646; color: #eeeeec; padding: 12px; margin: 0 12px; } .list-search-result, .search-provider-icon { background-color: transparent; border-radius: 9px; } .list-search-result:hover, .search-provider-icon:hover { background-color: rgba(238, 238, 236, 0.1); } .list-search-result:selected, .search-provider-icon:selected, .list-search-result:focus, .search-provider-icon:focus { background-color: rgba(238, 238, 236, 0.13); } .list-search-result:selected:hover, .search-provider-icon:selected:hover, .list-search-result:focus:hover, .search-provider-icon:focus:hover { background-color: rgba(238, 238, 236, 0.16); } .list-search-result:selected:active, .search-provider-icon:selected:active, .list-search-result:focus:active, .search-provider-icon:focus:active { background-color: rgba(238, 238, 236, 0.13); } .list-search-result:active, .search-provider-icon:active { background-color: rgba(238, 238, 236, 0.16); } .list-search-result:outlined, .search-provider-icon:outlined, .list-search-result:checked, .search-provider-icon:checked { background-color: rgba(238, 238, 236, 0.19); } .list-search-result:outlined:active, .search-provider-icon:outlined:active, .list-search-result:checked:active, .search-provider-icon:checked:active { background-color: rgba(238, 238, 236, 0.22); } .list-search-result:outlined:hover, .search-provider-icon:outlined:hover, .list-search-result:checked:hover, .search-provider-icon:checked:hover { background-color: rgba(238, 238, 236, 0.25); } .list-search-result:drop, .search-provider-icon:drop { border: 2px solid rgba(233, 84, 32, 0.8); background-color: rgba(233, 84, 32, 0.2); } .grid-search-results { spacing: 30px; margin: 0 12px; } .search-provider-icon:ltr { margin-right: 4px; } .search-provider-icon:rtl { margin-left: 4px; } .search-provider-icon .list-search-provider-content { spacing: 12px; } .search-provider-icon .list-search-provider-content .list-search-provider-details { width: 120px; color: #eeeeec; } .list-search-results { spacing: 6px; } .list-search-result .list-search-result-content { spacing: 6px; } .list-search-result .list-search-result-title { spacing: 12px; } .list-search-result .list-search-result-description { color: #868685; } /* Dash */ #dash { margin-top: 12px; } #dash .placeholder { background-image: none; background-size: contain; height: 32px; } #dash .empty-dash-drop-target { width: 32px; height: 32px; } #dash .app-well-app-running-dot { margin-bottom: 13px; background-color: #E95420; } .dash-background { background-color: #1d1d1d; border-radius: 24px; padding: 12px; border: 1px solid #464646; spacing: 6px; margin-bottom: 12px; } .dash-item-container > * { margin: 0 2px; } .dash-item-container:ltr:first-child { margin-left: 0; } .dash-item-container:rtl:first-child { margin-right: 0; } .dash-item-container .app-well-app .overview-icon, .dash-item-container .grid-search-result .overview-icon { padding: 6px; } .dash-item-container .show-apps .overview-icon { background-color: transparent; } .dash-item-container .show-apps:hover .overview-icon { background-color: rgba(238, 238, 236, 0.1); } .dash-item-container .show-apps:selected .overview-icon, .dash-item-container .show-apps:focus .overview-icon { background-color: rgba(238, 238, 236, 0.13); } .dash-item-container .show-apps:selected .overview-icon:hover .overview-icon, .dash-item-container .show-apps:focus .overview-icon:hover .overview-icon { background-color: rgba(238, 238, 236, 0.16); } .dash-item-container .show-apps:selected .overview-icon:active .overview-icon, .dash-item-container .show-apps:focus .overview-icon:active .overview-icon { background-color: rgba(238, 238, 236, 0.13); } .dash-item-container .show-apps:active .overview-icon { background-color: rgba(238, 238, 236, 0.16); } .dash-item-container .show-apps:outlined .overview-icon, .dash-item-container .show-apps:checked .overview-icon { background-color: rgba(238, 238, 236, 0.19); } .dash-item-container .show-apps:outlined .overview-icon:active .overview-icon, .dash-item-container .show-apps:checked .overview-icon:active .overview-icon { background-color: rgba(238, 238, 236, 0.22); } .dash-item-container .show-apps:outlined .overview-icon:hover .overview-icon, .dash-item-container .show-apps:checked .overview-icon:hover .overview-icon { background-color: rgba(238, 238, 236, 0.25); } .dash-item-container .show-apps:drop .overview-icon { border: 2px solid rgba(233, 84, 32, 0.8); background-color: rgba(233, 84, 32, 0.2); } .dash-item-container .show-apps:focus .overview-icon, .dash-item-container .show-apps:active .overview-icon, .dash-item-container .show-apps:checked .overview-icon { background-color: rgba(238, 238, 236, 0.2); } .dash-item-container .show-apps, .dash-item-container .app-well-app, .dash-item-container .grid-search-result { padding-bottom: 12px; } .dash-separator { width: 1px; margin: 0 4px; background-color: #464646; margin-bottom: 12px; } .dash-label { color: #eeeeec; background-color: rgba(29, 29, 29, 0.975); border-radius: 99px; padding: 6px 12px; text-align: center; -y-offset: 8px; border: 1px solid #464646; } /* App Grid */ .icon-grid { row-spacing: 12px; column-spacing: 12px; max-row-spacing: 42px; max-column-spacing: 42px; page-padding-top: 24px; page-padding-bottom: 24px; page-padding-left: 18px; page-padding-right: 18px; } /* App Icons */ .app-well-app .overview-icon, .grid-search-result .overview-icon { background-color: transparent; } .app-well-app:hover .overview-icon, .grid-search-result:hover .overview-icon { background-color: rgba(238, 238, 236, 0.1); } .app-well-app:selected .overview-icon, .grid-search-result:selected .overview-icon, .app-well-app:focus .overview-icon, .grid-search-result:focus .overview-icon { background-color: rgba(238, 238, 236, 0.13); } .app-well-app:selected .overview-icon:hover .overview-icon, .grid-search-result:selected .overview-icon:hover .overview-icon, .app-well-app:focus .overview-icon:hover .overview-icon, .grid-search-result:focus .overview-icon:hover .overview-icon { background-color: rgba(238, 238, 236, 0.16); } .app-well-app:selected .overview-icon:active .overview-icon, .grid-search-result:selected .overview-icon:active .overview-icon, .app-well-app:focus .overview-icon:active .overview-icon, .grid-search-result:focus .overview-icon:active .overview-icon { background-color: rgba(238, 238, 236, 0.13); } .app-well-app:active .overview-icon, .grid-search-result:active .overview-icon { background-color: rgba(238, 238, 236, 0.16); } .app-well-app:outlined .overview-icon, .grid-search-result:outlined .overview-icon, .app-well-app:checked .overview-icon, .grid-search-result:checked .overview-icon { background-color: rgba(238, 238, 236, 0.19); } .app-well-app:outlined .overview-icon:active .overview-icon, .grid-search-result:outlined .overview-icon:active .overview-icon, .app-well-app:checked .overview-icon:active .overview-icon, .grid-search-result:checked .overview-icon:active .overview-icon { background-color: rgba(238, 238, 236, 0.22); } .app-well-app:outlined .overview-icon:hover .overview-icon, .grid-search-result:outlined .overview-icon:hover .overview-icon, .app-well-app:checked .overview-icon:hover .overview-icon, .grid-search-result:checked .overview-icon:hover .overview-icon { background-color: rgba(238, 238, 236, 0.25); } .app-well-app:drop .overview-icon, .grid-search-result:drop .overview-icon { border: 2px solid rgba(233, 84, 32, 0.8); background-color: rgba(233, 84, 32, 0.2); } .app-well-app:focus .overview-icon, .grid-search-result:focus .overview-icon, .app-well-app:active .overview-icon, .grid-search-result:active .overview-icon, .app-well-app:checked .overview-icon, .grid-search-result:checked .overview-icon { background-color: rgba(238, 238, 236, 0.2); } .app-well-app .overview-icon, .grid-search-result .overview-icon { padding: 12px; } .app-well-app .overview-icon.overview-icon-with-label > StBoxLayout, .grid-search-result .overview-icon.overview-icon-with-label > StBoxLayout { spacing: 6px; } .app-well-app.app-folder .overview-icon, .app-folder.grid-search-result .overview-icon { background-color: rgba(238, 238, 236, 0.05); } .app-well-app.app-folder:hover .overview-icon, .app-folder.grid-search-result:hover .overview-icon { background-color: rgba(238, 238, 236, 0.1); } .app-well-app.app-folder:selected .overview-icon, .app-folder.grid-search-result:selected .overview-icon, .app-well-app.app-folder:focus .overview-icon, .app-folder.grid-search-result:focus .overview-icon { background-color: rgba(238, 238, 236, 0.13); } .app-well-app.app-folder:selected .overview-icon:hover .overview-icon, .app-folder.grid-search-result:selected .overview-icon:hover .overview-icon, .app-well-app.app-folder:focus .overview-icon:hover .overview-icon, .app-folder.grid-search-result:focus .overview-icon:hover .overview-icon { background-color: rgba(238, 238, 236, 0.16); } .app-well-app.app-folder:selected .overview-icon:active .overview-icon, .app-folder.grid-search-result:selected .overview-icon:active .overview-icon, .app-well-app.app-folder:focus .overview-icon:active .overview-icon, .app-folder.grid-search-result:focus .overview-icon:active .overview-icon { background-color: rgba(238, 238, 236, 0.13); } .app-well-app.app-folder:active .overview-icon, .app-folder.grid-search-result:active .overview-icon { background-color: rgba(238, 238, 236, 0.16); } .app-well-app.app-folder:outlined .overview-icon, .app-folder.grid-search-result:outlined .overview-icon, .app-well-app.app-folder:checked .overview-icon, .app-folder.grid-search-result:checked .overview-icon { background-color: rgba(238, 238, 236, 0.19); } .app-well-app.app-folder:outlined .overview-icon:active .overview-icon, .app-folder.grid-search-result:outlined .overview-icon:active .overview-icon, .app-well-app.app-folder:checked .overview-icon:active .overview-icon, .app-folder.grid-search-result:checked .overview-icon:active .overview-icon { background-color: rgba(238, 238, 236, 0.22); } .app-well-app.app-folder:outlined .overview-icon:hover .overview-icon, .app-folder.grid-search-result:outlined .overview-icon:hover .overview-icon, .app-well-app.app-folder:checked .overview-icon:hover .overview-icon, .app-folder.grid-search-result:checked .overview-icon:hover .overview-icon { background-color: rgba(238, 238, 236, 0.25); } .app-well-app.app-folder:drop .overview-icon, .app-folder.grid-search-result:drop .overview-icon { border: 2px solid rgba(233, 84, 32, 0.8); background-color: rgba(233, 84, 32, 0.2); } .app-well-app.app-folder:focus .overview-icon, .app-folder.grid-search-result:focus .overview-icon, .app-well-app.app-folder:active .overview-icon, .app-folder.grid-search-result:active .overview-icon, .app-well-app.app-folder:checked .overview-icon, .app-folder.grid-search-result:checked .overview-icon { background-color: rgba(238, 238, 236, 0.2); } .app-folder-dialog { border-radius: 24px; background-color: #1d1d1d; border: 1px solid #464646; } .app-folder-dialog .folder-name-container { padding: 24px 36px 0; spacing: 12px; /* FIXME: this is to keep the label in sync with the entry */ } .app-folder-dialog .folder-name-container .folder-name-label, .app-folder-dialog .folder-name-container .folder-name-entry { color: #eeeeec; } .app-folder-dialog .folder-name-container .folder-name-entry { width: 300px; background-color: rgba(39, 39, 39, 0.975); border-color: rgba(255, 255, 255, 0.16); } .app-folder-dialog .folder-name-container .folder-name-label { padding: 5px 7px; color: #eeeeec; } .app-folder-dialog .folder-name-container .edit-folder-button { padding: 0; width: 36px; height: 36px; border-radius: 99px; } .app-folder-dialog .folder-name-container .edit-folder-button > StIcon { icon-size: 1.09em; } .app-folder-dialog .icon-grid { row-spacing: 12px; column-spacing: 30px; page-padding-top: 0; page-padding-bottom: 0; page-padding-left: 0; page-padding-right: 0; } .app-folder-dialog .page-indicators { margin-bottom: 18px; } .app-folder-dialog-container { padding: 12px; width: 640px; height: 640px; } .app-well-app-running-dot { height: 5px; width: 5px; border-radius: 5px; margin-bottom: 8px; background-color: #E95420; } .rename-folder-popup .rename-folder-popup-item { spacing: 6px; } .rename-folder-popup .rename-folder-popup-item:ltr, .rename-folder-popup .rename-folder-popup-item:rtl { padding: 0 12px; } .page-indicator { padding: 6px 12px 0; } .page-indicator .page-indicator-icon { width: 10px; height: 10px; border-radius: 10px; background-color: white; } .apps-scroll-view { padding: 0; } .system-action-icon { background-color: rgba(0, 0, 0, 0.8); color: #fff; border-radius: 99px; icon-size: 48px; } .page-navigation-hint { width: 300px; } .page-navigation-hint.dnd { background: rgba(255, 255, 255, 0.1); } .page-navigation-hint.next:ltr, .page-navigation-hint.previous:rtl { background-gradient-start: rgba(255, 255, 255, 0.05); background-gradient-end: transparent; background-gradient-direction: horizontal; border-radius: 18px 0px 0px 18px; } .page-navigation-hint.previous:ltr, .page-navigation-hint.next:rtl { background-gradient-start: transparent; background-gradient-end: rgba(255, 255, 255, 0.05); background-gradient-direction: horizontal; border-radius: 0px 18px 18px 0px; } .page-navigation-arrow { margin: 6px; width: 24px; height: 24px; color: #eeeeec; } /* Workspace pager */ .workspace-thumbnails { visible-width: 32px; spacing: 6px; padding: 6px; border-color: transparent; } .workspace-thumbnails .workspace-thumbnail { border-radius: 3px; background-color: #1d1d1d; border: 1px solid #464646; } .workspace-thumbnails .placeholder { background-image: url("resource:///org/gnome/shell/theme/workspace-placeholder.svg"); background-size: contain; width: 18px; } .workspace-thumbnail-indicator { border: 2px solid #ef8661; border-radius: 3px; padding: 0px; } .ripple-pointer-location { width: 50px; height: 50px; border-radius: 25px; background-color: rgba(247, 191, 171, 0.3); box-shadow: 0 0 2px 2px #f29b7d; } .pie-timer { width: 60px; height: 60px; -pie-border-width: 3px; -pie-border-color: #E95420; -pie-background-color: rgba(251, 226, 218, 0.3); } .magnifier-zoom-region { border: 2px solid #E95420; } .magnifier-zoom-region.full-screen { border-width: 0; } .select-area-rubberband { background-color: rgba(135, 135, 135, 0.2); border: 1px solid rgba(204, 204, 204, 0.8); } .user-icon { /* Yaru: See commit 3d4aca768250 */ background-size: contain; color: #F7F7F7; border-radius: 99px; icon-size: 4.36em; } .user-icon:hover { color: white; } .user-icon StIcon { background-color: rgba(247, 247, 247, 0.05); border-radius: 99px; padding: 12px; width: 2.725em; height: 2.725em; } .user-icon.user-avatar { border: 2px #eeeeec; } .user-widget.vertical .user-icon { icon-size: 6.54em; } .user-widget.vertical .user-icon StIcon { padding: 20px; padding-top: 18px; padding-bottom: 22px; width: 5.995em; height: 5.995em; /* Yaru: See commit 3d4aca768250 */ } .lightbox { background-color: black; } .flashspot { background-color: white; } .hidden { color: rgba(0, 0, 0, 0); } .caps-lock-warning-label { text-align: center; padding-bottom: 8px; color: #f99b11; } /* Workspace animation */ .workspace-animation { background-color: #222222; } /* Tiled window previews */ .tile-preview { background-color: rgba(233, 84, 32, 0.5); border: 1px solid #E95420; } /* On-screen Keyboard */ #keyboard { background-color: rgba(0, 0, 0, 0.9); } #keyboard .page-indicator { padding: 6px; } #keyboard .page-indicator .page-indicator-icon { width: 8px; height: 8px; } .key-container { padding: 4px; spacing: 4px; } .keyboard-key { font-size: 16pt; font-weight: bold; min-height: 1.2em; min-width: 1.2em; border-width: 1px; border-style: solid; border-radius: 10px; box-shadow: 0 1px 0 0 rgba(0, 0, 0, 0.1); color: #F7F7F7; background-color: #222222; } .keyboard-key:focus { color: #F7F7F7; background-color: #362722; box-shadow: inset 0 0 0 2px rgba(233, 84, 32, 0.6); } .keyboard-key:focus:hover { background-color: #42332d; box-shadow: inset 0 0 0 2px rgba(233, 84, 32, 0.7); } .keyboard-key:focus:active { background-color: #463732; box-shadow: inset 0 0 0 2px rgba(233, 84, 32, 0.7); } .keyboard-key:hover { color: #F7F7F7; background-color: #2c2c2c; } .keyboard-key:active { color: #F7F7F7; background-color: #343434; } .keyboard-key:checked { color: #F7F7F7; background-color: #414141; } .keyboard-key:grayed { background-color: #151515; color: #F7F7F7; border-color: rgba(0, 0, 0, 0.7); } .keyboard-key.default-key { color: #F7F7F7; background-color: #222222; border-radius: 10px; } .keyboard-key.default-key:hover { color: #F7F7F7; background-color: #2c2c2c; } .keyboard-key.default-key:active { color: #F7F7F7; background-color: #343434; } .keyboard-key.default-key:checked { color: #F7F7F7; background-color: #414141; } .keyboard-key.enter-key { color: #FFFFFF; background-color: #0d7b1e; border-radius: 10px; color: #eeeeec; } .keyboard-key.enter-key:hover { color: #FFFFFF; background-color: #0f8d22; } .keyboard-key.enter-key:active { color: #FFFFFF; background-color: #109b26; } .keyboard-key.enter-key:checked { color: #FFFFFF; background-color: #13b22b; } .keyboard-key.shift-key-uppercase { background-color: #4e4e4e; color: #F7F7F7; } .keyboard-key.shift-key-uppercase:hover { background-color: #5a5a5a; } .keyboard-key StIcon { icon-size: 24px; } .keyboard-subkeys { -arrow-border-radius: 12px; -arrow-background-color: rgba(9, 9, 9, 0.9); -arrow-border-width: 1px; -arrow-border-color: #464646; -arrow-base: 20px; -arrow-rise: 10px; -boxpointer-gap: 6px; padding: 6px; } .keyboard-subkeys .keyboard-key { color: #F7F7F7; background-color: #222222; border-radius: 10px; } .keyboard-subkeys .keyboard-key:focus { color: #F7F7F7; background-color: #362722; box-shadow: inset 0 0 0 2px rgba(233, 84, 32, 0.6); } .keyboard-subkeys .keyboard-key:focus:hover { background-color: #42332d; box-shadow: inset 0 0 0 2px rgba(233, 84, 32, 0.7); } .keyboard-subkeys .keyboard-key:focus:active { background-color: #463732; box-shadow: inset 0 0 0 2px rgba(233, 84, 32, 0.7); } .keyboard-subkeys .keyboard-key:hover { color: #F7F7F7; background-color: #2c2c2c; } .keyboard-subkeys .keyboard-key:active { color: #F7F7F7; background-color: #343434; } .keyboard-subkeys .keyboard-key:checked { color: #F7F7F7; background-color: #414141; } .emoji-page .keyboard-key { background-color: transparent; border: none; color: initial; } .emoji-panel .keyboard-key:latched { border-color: #eb6637; background-color: #E95420; } .word-suggestions { font-size: 14pt; spacing: 12px; min-height: 20pt; padding: 12px; color: #F7F7F7; } .word-suggestions StButton { margin: 0 3px; min-width: 32px; border-radius: 4px; padding: 6px 18px; background-color: transparent; background-image: none; } .word-suggestions StButton:focus { color: #F7F7F7; background-color: #362722; box-shadow: inset 0 0 0 2px rgba(233, 84, 32, 0.6); } .word-suggestions StButton:focus:hover { background-color: #42332d; box-shadow: inset 0 0 0 2px rgba(233, 84, 32, 0.7); } .word-suggestions StButton:focus:active { background-color: #463732; box-shadow: inset 0 0 0 2px rgba(233, 84, 32, 0.7); } .word-suggestions StButton:hover { color: #F7F7F7; background-color: #2c2c2c; } .word-suggestions StButton:active { color: #F7F7F7; background-color: #343434; } .word-suggestions StButton:checked { color: #F7F7F7; background-color: #414141; } /* Looking Glass */ #LookingGlassDialog { background-color: rgba(29, 29, 29, 0.975); border-radius: 0 0 12px 12px; border-top-width: 0; border: 1px solid rgba(255, 255, 255, 0.16); color: #eeeeec; padding: 6px; spacing: 6px; box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.1); } #LookingGlassDialog > #Toolbar { border: none; padding: 6px; border-radius: 0; background-color: transparent; spacing: 6px; } #LookingGlassDialog > #Toolbar .lg-toolbar-button { padding: 6px 12px; } #LookingGlassDialog > #Toolbar .lg-toolbar-button > StIcon { icon-size: 1.09em; } #LookingGlassDialog .labels { spacing: 6px; } #LookingGlassDialog .notebook-tab { -natural-hpadding: 12px; -minimum-hpadding: 12px; font-weight: bold; padding: 6px 12px; color: #cacac4; transition-duration: 100ms; box-shadow: none; border: none; border-radius: 4px; background-color: transparent; } #LookingGlassDialog .notebook-tab:hover { color: #eeeeec; background-color: rgba(238, 238, 236, 0.05); } #LookingGlassDialog .notebook-tab:selected { color: #eeeeec; background-color: rgba(238, 238, 236, 0.1); } #LookingGlassDialog StBoxLayout#EvalBox { padding: 4px; spacing: 6px; padding: 6px; } #LookingGlassDialog StBoxLayout#ResultsArea { spacing: 6px; padding: 6px; } .lg-dialog { color: #eeeeec; } .lg-dialog StEntry { background-color: rgba(42, 42, 42, 0.575); color: #eeeeec; border-color: rgba(238, 238, 236, 0.2); min-height: 22px; selection-background-color: #E95420; selected-color: #FFFFFF; } .lg-dialog StEntry, .lg-dialog StEntry:focus { box-shadow: none; } .lg-dialog .shell-link { color: #f29b7d; } .lg-dialog .shell-link:hover { color: #f7bfab; } .lg-dialog .shell-link:active { color: #ee784e; } .lg-dialog .actor-link { color: #8a8a8a; } .lg-dialog .actor-link:hover { color: #bdbdbd; } .lg-dialog .actor-link:active { color: #575757; } .lg-completions-text { font-style: italic; color: #eeeeec; } .lg-obj-inspector-title { spacing: 6px; color: #eeeeec; } .lg-obj-inspector-button { border: 1px solid rgba(0, 0, 0, 0.7); padding: 4px; border-radius: 6px; color: #eeeeec; } .lg-obj-inspector-button:hover { border: 1px solid #ffffff; } #lookingGlassExtensions { padding: 6px; } .lg-extensions-list { padding: 6px; spacing: 6px; } .lg-extension { padding: 12px; border-radius: 6px; margin: 4px; box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.1); color: #F7F7F7; background-color: #2c2c2c; } .lg-extension:focus { color: #F7F7F7; background-color: #2c2c2c; box-shadow: inset 0 0 0 2px #ef8661; } .lg-extension:focus:hover { background-color: #343434; box-shadow: inset 0 0 0 2px #ef8661; } .lg-extension:focus:active { background-color: #3b3b3b; box-shadow: inset 0 0 0 2px #ef8661; } .lg-extension:hover { color: #F7F7F7; background-color: #343434; } .lg-extension:active { color: #F7F7F7; background-color: #3b3b3b; } .lg-extension-meta { spacing: 6px; } #LookingGlassPropertyInspector { background: rgba(29, 29, 29, 0.975); border: 1px solid rgba(0, 0, 0, 0.7); border-radius: 6px; padding: 6px; } .lg-debug-flag-button { color: #F7F7F7; } .lg-debug-flag-button StLabel { padding: 6px, 12px; } .lg-debug-flag-button:hover { color: white; } .lg-debug-flag-button:active { color: #c4c4c4; } .lg-debug-flags-header { padding-top: 12px; padding: 6px; } /* Login Dialog */ .login-dialog-banner-view { padding-top: 24px; max-width: 23em; } .login-dialog, .unlock-dialog { border: none; background-color: transparent; } .login-dialog .modal-dialog-button-box, .unlock-dialog .modal-dialog-button-box { spacing: 3px; } .login-dialog .modal-dialog-button, .unlock-dialog .modal-dialog-button { padding: 4px 18px; box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2); background-color: #222222; border-color: #464646; color: #F7F7F7; } .login-dialog .modal-dialog-button:hover, .unlock-dialog .modal-dialog-button:hover { background-color: #2f2f2f; } .login-dialog .modal-dialog-button:focus, .unlock-dialog .modal-dialog-button:focus { border-color: #ef8661; box-shadow: inset 0 0 0 1px #ef8661; } .login-dialog .modal-dialog-button:active, .unlock-dialog .modal-dialog-button:active { box-shadow: none; background-color: #151515; color: rgba(238, 238, 236, 0.7); } .login-dialog .modal-dialog-button:default, .unlock-dialog .modal-dialog-button:default { background-color: #E95420; color: #FFFFFF; } .login-dialog .modal-dialog-button:default:focus, .unlock-dialog .modal-dialog-button:default:focus { box-shadow: inset 0 0 0 2px rgba(233, 84, 32, 0.6); } .login-dialog .modal-dialog-button:default:hover, .login-dialog .modal-dialog-button:default:focus, .unlock-dialog .modal-dialog-button:default:hover, .unlock-dialog .modal-dialog-button:default:focus { background-color: #eb6637; color: white; } .login-dialog .modal-dialog-button:default:active, .unlock-dialog .modal-dialog-button:default:active { background-color: #d14515; color: #ededed; } .login-dialog .modal-dialog-button:default:insensitive, .unlock-dialog .modal-dialog-button:default:insensitive { color: rgba(247, 247, 247, 0.5); background-color: rgba(247, 247, 247, 0.05); background-color: rgba(233, 84, 32, 0.5); color: rgba(255, 255, 255, 0.5); } .login-dialog .cancel-button, .login-dialog .switch-user-button, .login-dialog .login-dialog-session-list-button, .unlock-dialog .cancel-button, .unlock-dialog .switch-user-button, .unlock-dialog .login-dialog-session-list-button { padding: 0; border-radius: 99px; width: 2.18em; height: 2.18em; } .login-dialog .cancel-button StIcon, .login-dialog .switch-user-button StIcon, .login-dialog .login-dialog-session-list-button StIcon, .unlock-dialog .cancel-button StIcon, .unlock-dialog .switch-user-button StIcon, .unlock-dialog .login-dialog-session-list-button StIcon { icon-size: 1.09em; } .login-dialog .caps-lock-warning-label, .login-dialog .login-dialog-message, .unlock-dialog .caps-lock-warning-label, .unlock-dialog .login-dialog-message { color: #eeeeec; } .login-dialog-logo-bin { padding: 24px 0px; } .login-dialog-banner { color: #d6d6d1; } .login-dialog-button-box { width: 23em; spacing: 5px; } .login-dialog-message { text-align: center; } .login-dialog-user-selection-box { padding: 100px 0px; } .login-dialog-not-listed-label { padding-left: 2px; } .login-dialog-not-listed-button:focus .login-dialog-not-listed-label, .login-dialog-not-listed-button:hover .login-dialog-not-listed-label { color: #eeeeec; } .login-dialog-not-listed-label { font-weight: bold; color: #a6a69b; padding-top: 1em; } .login-dialog-auth-list-view { -st-vfade-offset: 1em; } .login-dialog-auth-list { spacing: 6px; margin-left: 2em; } .login-dialog-auth-list-title { margin-left: 2em; } .login-dialog-auth-list-item { border-radius: 10px; padding: 6px; color: #a6a69b; } .login-dialog-auth-list-item:focus, .login-dialog-auth-list-item:selected { background-color: #E95420; color: #FFFFFF; } .login-dialog-auth-list-label { font-size: 13pt; font-weight: bold; padding-left: 15px; } .login-dialog-auth-list-label:ltr { padding-left: 14px; text-align: left; } .login-dialog-auth-list-label:rtl { padding-right: 14px; text-align: right; } .login-dialog-user-list-view { -st-vfade-offset: 1em; } .login-dialog-user-list { spacing: 12px; width: 23em; } .login-dialog-user-list:expanded .login-dialog-user-list-item:selected { background-color: rgba(255, 255, 255, 0.1); color: #FFFFFF; } .login-dialog-user-list:expanded .login-dialog-user-list-item:logged-in { border-right: 2px solid rgba(255, 255, 255, 0.1); } .login-dialog-user-list-item { border-radius: 10px; padding: 6px; color: #a6a69b; } .login-dialog-user-list-item:ltr .user-widget { padding-right: 1em; } .login-dialog-user-list-item:rtl .user-widget { padding-left: 1em; } .login-dialog-user-list-item .login-dialog-timed-login-indicator { height: 2px; margin-top: 6px; background-color: #eeeeec; } .login-dialog-user-list-item:focus .login-dialog-timed-login-indicator { background-color: #FFFFFF; } .user-widget-label { color: #eeeeec; } .user-widget.horizontal .user-widget-label { font-size: 13pt; font-weight: bold; padding-left: 15px; } .user-widget.horizontal .user-widget-label:ltr { padding-left: 14px; text-align: left; } .user-widget.horizontal .user-widget-label:rtl { padding-right: 14px; text-align: right; } .user-widget.vertical .user-widget-label { font-size: 16pt; text-align: center; font-weight: normal; padding-top: 16px; } .login-dialog-timed-login-indicator { height: 2px; background-color: #919191; } .login-dialog-prompt-layout { padding-top: 24px; padding-bottom: 12px; spacing: 12px; width: 23em; } .login-dialog-prompt-entry { height: 1.5em; } .login-dialog-prompt-label { color: #bebeb6; font-size: 12pt; padding-top: 1em; } .unlock-dialog StEntry { border: none !important; } .unlock-dialog StEntry, .unlock-dialog StEntry:focus { color: #F7F7F7; background-color: rgba(247, 247, 247, 0.1); box-shadow: none; } .unlock-dialog StEntry:insensitive { color: rgba(247, 247, 247, 0.5); background-color: rgba(247, 247, 247, 0.05); } .unlock-dialog StEntry StLabel.hint-text { color: rgba(247, 247, 247, 0.7); } .unlock-dialog .user-icon { background-color: rgba(247, 247, 247, 0.1); color: #F7F7F7; } .unlock-dialog .cancel-button, .unlock-dialog .switch-user-button, .unlock-dialog .login-dialog-session-list-button { border-color: transparent; background-color: rgba(247, 247, 247, 0.1); box-shadow: none; } .unlock-dialog .cancel-button, .unlock-dialog .cancel-button:hover, .unlock-dialog .cancel-button:focus, .unlock-dialog .cancel-button:active, .unlock-dialog .switch-user-button, .unlock-dialog .switch-user-button:hover, .unlock-dialog .switch-user-button:focus, .unlock-dialog .switch-user-button:active, .unlock-dialog .login-dialog-session-list-button, .unlock-dialog .login-dialog-session-list-button:hover, .unlock-dialog .login-dialog-session-list-button:focus, .unlock-dialog .login-dialog-session-list-button:active { color: #F7F7F7; } .unlock-dialog .cancel-button:hover, .unlock-dialog .cancel-button:focus, .unlock-dialog .switch-user-button:hover, .unlock-dialog .switch-user-button:focus, .unlock-dialog .login-dialog-session-list-button:hover, .unlock-dialog .login-dialog-session-list-button:focus { background-color: rgba(247, 247, 247, 0.15); } .unlock-dialog .cancel-button:active, .unlock-dialog .switch-user-button:active, .unlock-dialog .login-dialog-session-list-button:active { background-color: rgba(247, 247, 247, 0.2); } /* Screen Shield */ .unlock-dialog-clock { color: white; font-weight: 300; text-align: center; spacing: 24px; padding-bottom: 2.5em; } .unlock-dialog-clock-time { font-size: 64pt; padding-top: 42px; } .unlock-dialog-clock-date { font-size: 16pt; font-weight: normal; } .unlock-dialog-clock-hint { font-weight: normal; padding-top: 48px; } .unlock-dialog-notifications-container { margin: 12px; spacing: 6px; width: 23em; background-color: transparent; } .unlock-dialog-notifications-container .summary-notification-stack-scrollview { padding-top: 0; padding-bottom: 0; } .unlock-dialog-notifications-container .notification, .unlock-dialog-notifications-container .unlock-dialog-notification-source { padding: 12px 16px; border: none; background-color: rgba(238, 238, 236, 0.1); color: #eeeeec; border-radius: 12px; } .unlock-dialog-notifications-container .notification.critical, .unlock-dialog-notifications-container .unlock-dialog-notification-source.critical { background-color: rgba(238, 238, 236, 0.2); } .unlock-dialog-notification-label { padding: 0 0 0 12px; } .unlock-dialog-notification-count-text { font-weight: bold; padding: 0 12px; color: #eeeeec; background-color: rgba(238, 238, 236, 0.1); border-radius: 99px; } .screen-shield-background { background: black; box-shadow: 0 2px 4px rgba(0, 0, 0, 0.6); } #lockDialogGroup { background-color: #222222; } #unlockDialogNotifications StButton#vhandle, #unlockDialogNotifications StButton#hhandle { background-color: rgba(29, 29, 29, 0.3); } #unlockDialogNotifications StButton#vhandle:hover, #unlockDialogNotifications StButton#vhandle:focus, #unlockDialogNotifications StButton#hhandle:hover, #unlockDialogNotifications StButton#hhandle:focus { background-color: rgba(29, 29, 29, 0.5); } #unlockDialogNotifications StButton#vhandle:active, #unlockDialogNotifications StButton#hhandle:active { background-color: rgba(233, 84, 32, 0.5); } * { font-weight: normal !important; text-shadow: none !important; } .file-item { border-radius: 6px; } /* Default Ubuntu Dock styling, append !important to any changed rules This must be in sync with - https://github.com/micheleg/dash-to-dock/blob/ubuntu-dock/_stylesheet.scss */ #dashtodockContainer.bottom #dash { margin: 0px; padding: 0px; } #dashtodockContainer.bottom #dash .dash-background { margin: 0; margin-bottom: 4px; padding: 0; border-radius: 18px; spacing: 6px; } #dashtodockContainer.bottom #dash .dash-separator { background-color: #464646; margin: 0 4px; width: 1px; height: 0; margin-bottom: 4px; } #dashtodockContainer.bottom #dash #dashtodockDashContainer { padding: 10px; padding-bottom: 0; padding-top: 0; } #dashtodockContainer.bottom #dash .dash-item-container { /* Disable all margins defined upstream, we handle them here */ margin: 0 2px; } #dashtodockContainer.bottom #dash .dash-item-container > * { margin: 0; } #dashtodockContainer.bottom #dash .dash-item-container:ltr:first-child, #dashtodockContainer.bottom #dash .dash-item-container:rtl:last-child { margin-left: 0; } #dashtodockContainer.bottom #dash .dash-item-container:ltr:last-child, #dashtodockContainer.bottom #dash .dash-item-container:rtl:first-child { margin-right: 0; } #dashtodockContainer.bottom #dash .dash-item-container .app-well-app, #dashtodockContainer.bottom #dash .dash-item-container .grid-search-result, #dashtodockContainer.bottom #dash .dash-item-container .show-apps { padding: 2px 2px; padding-bottom: 14px; padding-top: 10px; } #dashtodockContainer.bottom #dash .dash-item-container .app-well-app:ltr:first-child, #dashtodockContainer.bottom #dash .dash-item-container .grid-search-result:ltr:first-child, #dashtodockContainer.bottom #dash .dash-item-container .app-well-app:rtl:last-child, #dashtodockContainer.bottom #dash .dash-item-container .grid-search-result:rtl:last-child, #dashtodockContainer.bottom #dash .dash-item-container .show-apps:ltr:first-child, #dashtodockContainer.bottom #dash .dash-item-container .show-apps:rtl:last-child { padding-left: 0; } #dashtodockContainer.bottom #dash .dash-item-container .app-well-app:ltr:last-child, #dashtodockContainer.bottom #dash .dash-item-container .grid-search-result:ltr:last-child, #dashtodockContainer.bottom #dash .dash-item-container .app-well-app:rtl:first-child, #dashtodockContainer.bottom #dash .dash-item-container .grid-search-result:rtl:first-child, #dashtodockContainer.bottom #dash .dash-item-container .show-apps:ltr:last-child, #dashtodockContainer.bottom #dash .dash-item-container .show-apps:rtl:first-child { padding-right: 0; } #dashtodockContainer.bottom #dash .dash-item-container .app-well-app.running .overview-icon, #dashtodockContainer.bottom #dash .dash-item-container .running.grid-search-result .overview-icon { background-image: none; } #dashtodockContainer.bottom #dash .dash-item-container .app-well-app.focused .overview-icon, #dashtodockContainer.bottom #dash .dash-item-container .focused.grid-search-result .overview-icon { background-color: rgba(238, 238, 236, 0.2); } #dashtodockContainer.bottom #dash .dash-item-container .app-well-app .app-well-app-running-dot, #dashtodockContainer.bottom #dash .dash-item-container .grid-search-result .app-well-app-running-dot { margin-bottom: 2px; } #dashtodockContainer.bottom #dash .dash-item-container > StButton { transition-duration: 250; background-size: contain; } #dashtodockContainer.bottom.fixed #dash .dash-background { margin-top: 4px; } #dashtodockContainer.bottom.fixed #dash .dash-item-container .app-well-app, #dashtodockContainer.bottom.fixed #dash .dash-item-container .grid-search-result, #dashtodockContainer.bottom.fixed #dash .dash-item-container .show-apps { padding-top: 14px; } .dash-label.bottom { margin-bottom: 10px; -x-offset: 0; -y-offset: 0; } #dashtodockContainer.bottom.shrink #dash { margin: 0px; padding: 0px; } #dashtodockContainer.bottom.shrink #dash .dash-background { margin: 0; margin-bottom: 4px; padding: 0; border-radius: 14px; spacing: 2px; } #dashtodockContainer.bottom.shrink #dash .dash-separator { background-color: #464646; margin: 0 1px; width: 1px; height: 0; margin-bottom: 4px; } #dashtodockContainer.bottom.shrink #dash #dashtodockDashContainer { padding: 3px; padding-bottom: 0; padding-top: 0; } #dashtodockContainer.bottom.shrink #dash .dash-item-container { /* Disable all margins defined upstream, we handle them here */ margin: 0 2px; } #dashtodockContainer.bottom.shrink #dash .dash-item-container > * { margin: 0; } #dashtodockContainer.bottom.shrink #dash .dash-item-container:ltr:first-child, #dashtodockContainer.bottom.shrink #dash .dash-item-container:rtl:last-child { margin-left: 0; } #dashtodockContainer.bottom.shrink #dash .dash-item-container:ltr:last-child, #dashtodockContainer.bottom.shrink #dash .dash-item-container:rtl:first-child { margin-right: 0; } #dashtodockContainer.bottom.shrink #dash .dash-item-container .app-well-app, #dashtodockContainer.bottom.shrink #dash .dash-item-container .grid-search-result, #dashtodockContainer.bottom.shrink #dash .dash-item-container .show-apps { padding: 1px 1px; padding-bottom: 7px; padding-top: 3px; } #dashtodockContainer.bottom.shrink #dash .dash-item-container .app-well-app:ltr:first-child, #dashtodockContainer.bottom.shrink #dash .dash-item-container .grid-search-result:ltr:first-child, #dashtodockContainer.bottom.shrink #dash .dash-item-container .app-well-app:rtl:last-child, #dashtodockContainer.bottom.shrink #dash .dash-item-container .grid-search-result:rtl:last-child, #dashtodockContainer.bottom.shrink #dash .dash-item-container .show-apps:ltr:first-child, #dashtodockContainer.bottom.shrink #dash .dash-item-container .show-apps:rtl:last-child { padding-left: 0; } #dashtodockContainer.bottom.shrink #dash .dash-item-container .app-well-app:ltr:last-child, #dashtodockContainer.bottom.shrink #dash .dash-item-container .grid-search-result:ltr:last-child, #dashtodockContainer.bottom.shrink #dash .dash-item-container .app-well-app:rtl:first-child, #dashtodockContainer.bottom.shrink #dash .dash-item-container .grid-search-result:rtl:first-child, #dashtodockContainer.bottom.shrink #dash .dash-item-container .show-apps:ltr:last-child, #dashtodockContainer.bottom.shrink #dash .dash-item-container .show-apps:rtl:first-child { padding-right: 0; } #dashtodockContainer.bottom.shrink #dash .dash-item-container .app-well-app.running .overview-icon, #dashtodockContainer.bottom.shrink #dash .dash-item-container .running.grid-search-result .overview-icon { background-image: none; } #dashtodockContainer.bottom.shrink #dash .dash-item-container .app-well-app.focused .overview-icon, #dashtodockContainer.bottom.shrink #dash .dash-item-container .focused.grid-search-result .overview-icon { background-color: rgba(238, 238, 236, 0.2); } #dashtodockContainer.bottom.shrink #dash .dash-item-container .app-well-app .app-well-app-running-dot, #dashtodockContainer.bottom.shrink #dash .dash-item-container .grid-search-result .app-well-app-running-dot { margin-bottom: 2px; } #dashtodockContainer.bottom.shrink #dash .dash-item-container > StButton { transition-duration: 250; background-size: contain; } #dashtodockContainer.bottom.shrink.fixed #dash .dash-background { margin-top: 1px; } #dashtodockContainer.bottom.shrink.fixed #dash .dash-item-container .app-well-app, #dashtodockContainer.bottom.shrink.fixed #dash .dash-item-container .grid-search-result, #dashtodockContainer.bottom.shrink.fixed #dash .dash-item-container .show-apps { padding-top: 4px; } .dash-label.bottom.shrink { margin-bottom: 3px; -x-offset: 0; -y-offset: 0; } #dashtodockContainer.bottom.extended #dash { margin: 0px; padding: 0px; } #dashtodockContainer.bottom.extended #dash .dash-background { margin: 0; margin-bottom: 0; padding: 0; border-radius: 0; spacing: 6px; } #dashtodockContainer.bottom.extended #dash .dash-separator { background-color: #464646; margin: 0 4px; width: 1px; height: 0; margin-bottom: 0; } #dashtodockContainer.bottom.extended #dash #dashtodockDashContainer { padding: 0; padding-bottom: 0; padding-top: 0; } #dashtodockContainer.bottom.extended #dash #dashtodockDashContainer > :first-child .show-apps { padding-left: 8px; } #dashtodockContainer.bottom.extended #dash #dashtodockDashContainer #dashtodockDashScrollview:first-child { padding-left: 8px; } #dashtodockContainer.bottom.extended #dash #dashtodockDashContainer > :last-child .show-apps { padding-right: 8px; } #dashtodockContainer.bottom.extended #dash #dashtodockDashContainer #dashtodockDashScrollview:last-child { padding-right: 8px; } #dashtodockContainer.bottom.extended #dash .dash-item-container { /* Disable all margins defined upstream, we handle them here */ margin: 0 2px; } #dashtodockContainer.bottom.extended #dash .dash-item-container > * { margin: 0; } #dashtodockContainer.bottom.extended #dash .dash-item-container:ltr:first-child, #dashtodockContainer.bottom.extended #dash .dash-item-container:rtl:last-child { margin-left: 0; } #dashtodockContainer.bottom.extended #dash .dash-item-container:ltr:last-child, #dashtodockContainer.bottom.extended #dash .dash-item-container:rtl:first-child { margin-right: 0; } #dashtodockContainer.bottom.extended #dash .dash-item-container .app-well-app, #dashtodockContainer.bottom.extended #dash .dash-item-container .grid-search-result, #dashtodockContainer.bottom.extended #dash .dash-item-container .show-apps { padding: 2px 2px; padding-bottom: 10px; padding-top: 10px; } #dashtodockContainer.bottom.extended #dash .dash-item-container .app-well-app:ltr:first-child, #dashtodockContainer.bottom.extended #dash .dash-item-container .grid-search-result:ltr:first-child, #dashtodockContainer.bottom.extended #dash .dash-item-container .app-well-app:rtl:last-child, #dashtodockContainer.bottom.extended #dash .dash-item-container .grid-search-result:rtl:last-child, #dashtodockContainer.bottom.extended #dash .dash-item-container .show-apps:ltr:first-child, #dashtodockContainer.bottom.extended #dash .dash-item-container .show-apps:rtl:last-child { padding-left: 0; } #dashtodockContainer.bottom.extended #dash .dash-item-container .app-well-app:ltr:last-child, #dashtodockContainer.bottom.extended #dash .dash-item-container .grid-search-result:ltr:last-child, #dashtodockContainer.bottom.extended #dash .dash-item-container .app-well-app:rtl:first-child, #dashtodockContainer.bottom.extended #dash .dash-item-container .grid-search-result:rtl:first-child, #dashtodockContainer.bottom.extended #dash .dash-item-container .show-apps:ltr:last-child, #dashtodockContainer.bottom.extended #dash .dash-item-container .show-apps:rtl:first-child { padding-right: 0; } #dashtodockContainer.bottom.extended #dash .dash-item-container .app-well-app.running .overview-icon, #dashtodockContainer.bottom.extended #dash .dash-item-container .running.grid-search-result .overview-icon { background-image: none; } #dashtodockContainer.bottom.extended #dash .dash-item-container .app-well-app.focused .overview-icon, #dashtodockContainer.bottom.extended #dash .dash-item-container .focused.grid-search-result .overview-icon { background-color: rgba(238, 238, 236, 0.2); } #dashtodockContainer.bottom.extended #dash .dash-item-container .app-well-app .app-well-app-running-dot, #dashtodockContainer.bottom.extended #dash .dash-item-container .grid-search-result .app-well-app-running-dot { margin-bottom: 2px; } #dashtodockContainer.bottom.extended #dash .dash-item-container > StButton { transition-duration: 250; background-size: contain; } #dashtodockContainer.bottom.extended.fixed #dash .dash-background { margin-top: 0; } #dashtodockContainer.bottom.extended.fixed #dash .dash-item-container .app-well-app, #dashtodockContainer.bottom.extended.fixed #dash .dash-item-container .grid-search-result, #dashtodockContainer.bottom.extended.fixed #dash .dash-item-container .show-apps { padding-top: 10px; } .dash-label.bottom { margin-bottom: 10px; -x-offset: 0; -y-offset: 0; } #dashtodockContainer.bottom.extended.shrink #dash { margin: 0px; padding: 0px; } #dashtodockContainer.bottom.extended.shrink #dash .dash-background { margin: 0; margin-bottom: 0; padding: 0; border-radius: 0; spacing: 2px; } #dashtodockContainer.bottom.extended.shrink #dash .dash-separator { background-color: #464646; margin: 0 1px; width: 1px; height: 0; margin-bottom: 0; } #dashtodockContainer.bottom.extended.shrink #dash #dashtodockDashContainer { padding: 0; padding-bottom: 0; padding-top: 0; } #dashtodockContainer.bottom.extended.shrink #dash #dashtodockDashContainer > :first-child .show-apps { padding-left: 6px; } #dashtodockContainer.bottom.extended.shrink #dash #dashtodockDashContainer #dashtodockDashScrollview:first-child { padding-left: 6px; } #dashtodockContainer.bottom.extended.shrink #dash #dashtodockDashContainer > :last-child .show-apps { padding-right: 6px; } #dashtodockContainer.bottom.extended.shrink #dash #dashtodockDashContainer #dashtodockDashScrollview:last-child { padding-right: 6px; } #dashtodockContainer.bottom.extended.shrink #dash .dash-item-container { /* Disable all margins defined upstream, we handle them here */ margin: 0 2px; } #dashtodockContainer.bottom.extended.shrink #dash .dash-item-container > * { margin: 0; } #dashtodockContainer.bottom.extended.shrink #dash .dash-item-container:ltr:first-child, #dashtodockContainer.bottom.extended.shrink #dash .dash-item-container:rtl:last-child { margin-left: 0; } #dashtodockContainer.bottom.extended.shrink #dash .dash-item-container:ltr:last-child, #dashtodockContainer.bottom.extended.shrink #dash .dash-item-container:rtl:first-child { margin-right: 0; } #dashtodockContainer.bottom.extended.shrink #dash .dash-item-container .app-well-app, #dashtodockContainer.bottom.extended.shrink #dash .dash-item-container .grid-search-result, #dashtodockContainer.bottom.extended.shrink #dash .dash-item-container .show-apps { padding: 1px 1px; padding-bottom: 3px; padding-top: 3px; } #dashtodockContainer.bottom.extended.shrink #dash .dash-item-container .app-well-app:ltr:first-child, #dashtodockContainer.bottom.extended.shrink #dash .dash-item-container .grid-search-result:ltr:first-child, #dashtodockContainer.bottom.extended.shrink #dash .dash-item-container .app-well-app:rtl:last-child, #dashtodockContainer.bottom.extended.shrink #dash .dash-item-container .grid-search-result:rtl:last-child, #dashtodockContainer.bottom.extended.shrink #dash .dash-item-container .show-apps:ltr:first-child, #dashtodockContainer.bottom.extended.shrink #dash .dash-item-container .show-apps:rtl:last-child { padding-left: 0; } #dashtodockContainer.bottom.extended.shrink #dash .dash-item-container .app-well-app:ltr:last-child, #dashtodockContainer.bottom.extended.shrink #dash .dash-item-container .grid-search-result:ltr:last-child, #dashtodockContainer.bottom.extended.shrink #dash .dash-item-container .app-well-app:rtl:first-child, #dashtodockContainer.bottom.extended.shrink #dash .dash-item-container .grid-search-result:rtl:first-child, #dashtodockContainer.bottom.extended.shrink #dash .dash-item-container .show-apps:ltr:last-child, #dashtodockContainer.bottom.extended.shrink #dash .dash-item-container .show-apps:rtl:first-child { padding-right: 0; } #dashtodockContainer.bottom.extended.shrink #dash .dash-item-container .app-well-app.running .overview-icon, #dashtodockContainer.bottom.extended.shrink #dash .dash-item-container .running.grid-search-result .overview-icon { background-image: none; } #dashtodockContainer.bottom.extended.shrink #dash .dash-item-container .app-well-app.focused .overview-icon, #dashtodockContainer.bottom.extended.shrink #dash .dash-item-container .focused.grid-search-result .overview-icon { background-color: rgba(238, 238, 236, 0.2); } #dashtodockContainer.bottom.extended.shrink #dash .dash-item-container .app-well-app .app-well-app-running-dot, #dashtodockContainer.bottom.extended.shrink #dash .dash-item-container .grid-search-result .app-well-app-running-dot { margin-bottom: 2px; } #dashtodockContainer.bottom.extended.shrink #dash .dash-item-container > StButton { transition-duration: 250; background-size: contain; } #dashtodockContainer.bottom.extended.shrink.fixed #dash .dash-background { margin-top: 0; } #dashtodockContainer.bottom.extended.shrink.fixed #dash .dash-item-container .app-well-app, #dashtodockContainer.bottom.extended.shrink.fixed #dash .dash-item-container .grid-search-result, #dashtodockContainer.bottom.extended.shrink.fixed #dash .dash-item-container .show-apps { padding-top: 3px; } .dash-label.bottom.shrink { margin-bottom: 3px; -x-offset: 0; -y-offset: 0; } #dashtodockContainer.top #dash { margin: 0px; padding: 0px; } #dashtodockContainer.top #dash .dash-background { margin: 0; margin-top: 4px; padding: 0; border-radius: 18px; spacing: 6px; } #dashtodockContainer.top #dash .dash-separator { background-color: #464646; margin: 0 4px; width: 1px; height: 0; margin-top: 4px; } #dashtodockContainer.top #dash #dashtodockDashContainer { padding: 10px; padding-top: 0; padding-bottom: 0; } #dashtodockContainer.top #dash .dash-item-container { /* Disable all margins defined upstream, we handle them here */ margin: 0 2px; } #dashtodockContainer.top #dash .dash-item-container > * { margin: 0; } #dashtodockContainer.top #dash .dash-item-container:ltr:first-child, #dashtodockContainer.top #dash .dash-item-container:rtl:last-child { margin-left: 0; } #dashtodockContainer.top #dash .dash-item-container:ltr:last-child, #dashtodockContainer.top #dash .dash-item-container:rtl:first-child { margin-right: 0; } #dashtodockContainer.top #dash .dash-item-container .app-well-app, #dashtodockContainer.top #dash .dash-item-container .grid-search-result, #dashtodockContainer.top #dash .dash-item-container .show-apps { padding: 2px 2px; padding-top: 14px; padding-bottom: 10px; } #dashtodockContainer.top #dash .dash-item-container .app-well-app:ltr:first-child, #dashtodockContainer.top #dash .dash-item-container .grid-search-result:ltr:first-child, #dashtodockContainer.top #dash .dash-item-container .app-well-app:rtl:last-child, #dashtodockContainer.top #dash .dash-item-container .grid-search-result:rtl:last-child, #dashtodockContainer.top #dash .dash-item-container .show-apps:ltr:first-child, #dashtodockContainer.top #dash .dash-item-container .show-apps:rtl:last-child { padding-left: 0; } #dashtodockContainer.top #dash .dash-item-container .app-well-app:ltr:last-child, #dashtodockContainer.top #dash .dash-item-container .grid-search-result:ltr:last-child, #dashtodockContainer.top #dash .dash-item-container .app-well-app:rtl:first-child, #dashtodockContainer.top #dash .dash-item-container .grid-search-result:rtl:first-child, #dashtodockContainer.top #dash .dash-item-container .show-apps:ltr:last-child, #dashtodockContainer.top #dash .dash-item-container .show-apps:rtl:first-child { padding-right: 0; } #dashtodockContainer.top #dash .dash-item-container .app-well-app.running .overview-icon, #dashtodockContainer.top #dash .dash-item-container .running.grid-search-result .overview-icon { background-image: none; } #dashtodockContainer.top #dash .dash-item-container .app-well-app.focused .overview-icon, #dashtodockContainer.top #dash .dash-item-container .focused.grid-search-result .overview-icon { background-color: rgba(238, 238, 236, 0.2); } #dashtodockContainer.top #dash .dash-item-container .app-well-app .app-well-app-running-dot, #dashtodockContainer.top #dash .dash-item-container .grid-search-result .app-well-app-running-dot { margin-bottom: 2px; } #dashtodockContainer.top #dash .dash-item-container > StButton { transition-duration: 250; background-size: contain; } #dashtodockContainer.top.fixed #dash .dash-background { margin-bottom: 4px; } #dashtodockContainer.top.fixed #dash .dash-item-container .app-well-app, #dashtodockContainer.top.fixed #dash .dash-item-container .grid-search-result, #dashtodockContainer.top.fixed #dash .dash-item-container .show-apps { padding-bottom: 14px; } .dash-label.top { margin-top: 10px; -x-offset: 0; -y-offset: 0; } #dashtodockContainer.top.shrink #dash { margin: 0px; padding: 0px; } #dashtodockContainer.top.shrink #dash .dash-background { margin: 0; margin-top: 4px; padding: 0; border-radius: 14px; spacing: 2px; } #dashtodockContainer.top.shrink #dash .dash-separator { background-color: #464646; margin: 0 1px; width: 1px; height: 0; margin-top: 4px; } #dashtodockContainer.top.shrink #dash #dashtodockDashContainer { padding: 3px; padding-top: 0; padding-bottom: 0; } #dashtodockContainer.top.shrink #dash .dash-item-container { /* Disable all margins defined upstream, we handle them here */ margin: 0 2px; } #dashtodockContainer.top.shrink #dash .dash-item-container > * { margin: 0; } #dashtodockContainer.top.shrink #dash .dash-item-container:ltr:first-child, #dashtodockContainer.top.shrink #dash .dash-item-container:rtl:last-child { margin-left: 0; } #dashtodockContainer.top.shrink #dash .dash-item-container:ltr:last-child, #dashtodockContainer.top.shrink #dash .dash-item-container:rtl:first-child { margin-right: 0; } #dashtodockContainer.top.shrink #dash .dash-item-container .app-well-app, #dashtodockContainer.top.shrink #dash .dash-item-container .grid-search-result, #dashtodockContainer.top.shrink #dash .dash-item-container .show-apps { padding: 1px 1px; padding-top: 7px; padding-bottom: 3px; } #dashtodockContainer.top.shrink #dash .dash-item-container .app-well-app:ltr:first-child, #dashtodockContainer.top.shrink #dash .dash-item-container .grid-search-result:ltr:first-child, #dashtodockContainer.top.shrink #dash .dash-item-container .app-well-app:rtl:last-child, #dashtodockContainer.top.shrink #dash .dash-item-container .grid-search-result:rtl:last-child, #dashtodockContainer.top.shrink #dash .dash-item-container .show-apps:ltr:first-child, #dashtodockContainer.top.shrink #dash .dash-item-container .show-apps:rtl:last-child { padding-left: 0; } #dashtodockContainer.top.shrink #dash .dash-item-container .app-well-app:ltr:last-child, #dashtodockContainer.top.shrink #dash .dash-item-container .grid-search-result:ltr:last-child, #dashtodockContainer.top.shrink #dash .dash-item-container .app-well-app:rtl:first-child, #dashtodockContainer.top.shrink #dash .dash-item-container .grid-search-result:rtl:first-child, #dashtodockContainer.top.shrink #dash .dash-item-container .show-apps:ltr:last-child, #dashtodockContainer.top.shrink #dash .dash-item-container .show-apps:rtl:first-child { padding-right: 0; } #dashtodockContainer.top.shrink #dash .dash-item-container .app-well-app.running .overview-icon, #dashtodockContainer.top.shrink #dash .dash-item-container .running.grid-search-result .overview-icon { background-image: none; } #dashtodockContainer.top.shrink #dash .dash-item-container .app-well-app.focused .overview-icon, #dashtodockContainer.top.shrink #dash .dash-item-container .focused.grid-search-result .overview-icon { background-color: rgba(238, 238, 236, 0.2); } #dashtodockContainer.top.shrink #dash .dash-item-container .app-well-app .app-well-app-running-dot, #dashtodockContainer.top.shrink #dash .dash-item-container .grid-search-result .app-well-app-running-dot { margin-bottom: 2px; } #dashtodockContainer.top.shrink #dash .dash-item-container > StButton { transition-duration: 250; background-size: contain; } #dashtodockContainer.top.shrink.fixed #dash .dash-background { margin-bottom: 1px; } #dashtodockContainer.top.shrink.fixed #dash .dash-item-container .app-well-app, #dashtodockContainer.top.shrink.fixed #dash .dash-item-container .grid-search-result, #dashtodockContainer.top.shrink.fixed #dash .dash-item-container .show-apps { padding-bottom: 4px; } .dash-label.top.shrink { margin-top: 3px; -x-offset: 0; -y-offset: 0; } #dashtodockContainer.top.extended #dash { margin: 0px; padding: 0px; } #dashtodockContainer.top.extended #dash .dash-background { margin: 0; margin-top: 0; padding: 0; border-radius: 0; spacing: 6px; } #dashtodockContainer.top.extended #dash .dash-separator { background-color: #464646; margin: 0 4px; width: 1px; height: 0; margin-top: 0; } #dashtodockContainer.top.extended #dash #dashtodockDashContainer { padding: 0; padding-top: 0; padding-bottom: 0; } #dashtodockContainer.top.extended #dash #dashtodockDashContainer > :first-child .show-apps { padding-left: 8px; } #dashtodockContainer.top.extended #dash #dashtodockDashContainer #dashtodockDashScrollview:first-child { padding-left: 8px; } #dashtodockContainer.top.extended #dash #dashtodockDashContainer > :last-child .show-apps { padding-right: 8px; } #dashtodockContainer.top.extended #dash #dashtodockDashContainer #dashtodockDashScrollview:last-child { padding-right: 8px; } #dashtodockContainer.top.extended #dash .dash-item-container { /* Disable all margins defined upstream, we handle them here */ margin: 0 2px; } #dashtodockContainer.top.extended #dash .dash-item-container > * { margin: 0; } #dashtodockContainer.top.extended #dash .dash-item-container:ltr:first-child, #dashtodockContainer.top.extended #dash .dash-item-container:rtl:last-child { margin-left: 0; } #dashtodockContainer.top.extended #dash .dash-item-container:ltr:last-child, #dashtodockContainer.top.extended #dash .dash-item-container:rtl:first-child { margin-right: 0; } #dashtodockContainer.top.extended #dash .dash-item-container .app-well-app, #dashtodockContainer.top.extended #dash .dash-item-container .grid-search-result, #dashtodockContainer.top.extended #dash .dash-item-container .show-apps { padding: 2px 2px; padding-top: 10px; padding-bottom: 10px; } #dashtodockContainer.top.extended #dash .dash-item-container .app-well-app:ltr:first-child, #dashtodockContainer.top.extended #dash .dash-item-container .grid-search-result:ltr:first-child, #dashtodockContainer.top.extended #dash .dash-item-container .app-well-app:rtl:last-child, #dashtodockContainer.top.extended #dash .dash-item-container .grid-search-result:rtl:last-child, #dashtodockContainer.top.extended #dash .dash-item-container .show-apps:ltr:first-child, #dashtodockContainer.top.extended #dash .dash-item-container .show-apps:rtl:last-child { padding-left: 0; } #dashtodockContainer.top.extended #dash .dash-item-container .app-well-app:ltr:last-child, #dashtodockContainer.top.extended #dash .dash-item-container .grid-search-result:ltr:last-child, #dashtodockContainer.top.extended #dash .dash-item-container .app-well-app:rtl:first-child, #dashtodockContainer.top.extended #dash .dash-item-container .grid-search-result:rtl:first-child, #dashtodockContainer.top.extended #dash .dash-item-container .show-apps:ltr:last-child, #dashtodockContainer.top.extended #dash .dash-item-container .show-apps:rtl:first-child { padding-right: 0; } #dashtodockContainer.top.extended #dash .dash-item-container .app-well-app.running .overview-icon, #dashtodockContainer.top.extended #dash .dash-item-container .running.grid-search-result .overview-icon { background-image: none; } #dashtodockContainer.top.extended #dash .dash-item-container .app-well-app.focused .overview-icon, #dashtodockContainer.top.extended #dash .dash-item-container .focused.grid-search-result .overview-icon { background-color: rgba(238, 238, 236, 0.2); } #dashtodockContainer.top.extended #dash .dash-item-container .app-well-app .app-well-app-running-dot, #dashtodockContainer.top.extended #dash .dash-item-container .grid-search-result .app-well-app-running-dot { margin-bottom: 2px; } #dashtodockContainer.top.extended #dash .dash-item-container > StButton { transition-duration: 250; background-size: contain; } #dashtodockContainer.top.extended.fixed #dash .dash-background { margin-bottom: 0; } #dashtodockContainer.top.extended.fixed #dash .dash-item-container .app-well-app, #dashtodockContainer.top.extended.fixed #dash .dash-item-container .grid-search-result, #dashtodockContainer.top.extended.fixed #dash .dash-item-container .show-apps { padding-bottom: 10px; } .dash-label.top { margin-top: 10px; -x-offset: 0; -y-offset: 0; } #dashtodockContainer.top.extended.shrink #dash { margin: 0px; padding: 0px; } #dashtodockContainer.top.extended.shrink #dash .dash-background { margin: 0; margin-top: 0; padding: 0; border-radius: 0; spacing: 2px; } #dashtodockContainer.top.extended.shrink #dash .dash-separator { background-color: #464646; margin: 0 1px; width: 1px; height: 0; margin-top: 0; } #dashtodockContainer.top.extended.shrink #dash #dashtodockDashContainer { padding: 0; padding-top: 0; padding-bottom: 0; } #dashtodockContainer.top.extended.shrink #dash #dashtodockDashContainer > :first-child .show-apps { padding-left: 6px; } #dashtodockContainer.top.extended.shrink #dash #dashtodockDashContainer #dashtodockDashScrollview:first-child { padding-left: 6px; } #dashtodockContainer.top.extended.shrink #dash #dashtodockDashContainer > :last-child .show-apps { padding-right: 6px; } #dashtodockContainer.top.extended.shrink #dash #dashtodockDashContainer #dashtodockDashScrollview:last-child { padding-right: 6px; } #dashtodockContainer.top.extended.shrink #dash .dash-item-container { /* Disable all margins defined upstream, we handle them here */ margin: 0 2px; } #dashtodockContainer.top.extended.shrink #dash .dash-item-container > * { margin: 0; } #dashtodockContainer.top.extended.shrink #dash .dash-item-container:ltr:first-child, #dashtodockContainer.top.extended.shrink #dash .dash-item-container:rtl:last-child { margin-left: 0; } #dashtodockContainer.top.extended.shrink #dash .dash-item-container:ltr:last-child, #dashtodockContainer.top.extended.shrink #dash .dash-item-container:rtl:first-child { margin-right: 0; } #dashtodockContainer.top.extended.shrink #dash .dash-item-container .app-well-app, #dashtodockContainer.top.extended.shrink #dash .dash-item-container .grid-search-result, #dashtodockContainer.top.extended.shrink #dash .dash-item-container .show-apps { padding: 1px 1px; padding-top: 3px; padding-bottom: 3px; } #dashtodockContainer.top.extended.shrink #dash .dash-item-container .app-well-app:ltr:first-child, #dashtodockContainer.top.extended.shrink #dash .dash-item-container .grid-search-result:ltr:first-child, #dashtodockContainer.top.extended.shrink #dash .dash-item-container .app-well-app:rtl:last-child, #dashtodockContainer.top.extended.shrink #dash .dash-item-container .grid-search-result:rtl:last-child, #dashtodockContainer.top.extended.shrink #dash .dash-item-container .show-apps:ltr:first-child, #dashtodockContainer.top.extended.shrink #dash .dash-item-container .show-apps:rtl:last-child { padding-left: 0; } #dashtodockContainer.top.extended.shrink #dash .dash-item-container .app-well-app:ltr:last-child, #dashtodockContainer.top.extended.shrink #dash .dash-item-container .grid-search-result:ltr:last-child, #dashtodockContainer.top.extended.shrink #dash .dash-item-container .app-well-app:rtl:first-child, #dashtodockContainer.top.extended.shrink #dash .dash-item-container .grid-search-result:rtl:first-child, #dashtodockContainer.top.extended.shrink #dash .dash-item-container .show-apps:ltr:last-child, #dashtodockContainer.top.extended.shrink #dash .dash-item-container .show-apps:rtl:first-child { padding-right: 0; } #dashtodockContainer.top.extended.shrink #dash .dash-item-container .app-well-app.running .overview-icon, #dashtodockContainer.top.extended.shrink #dash .dash-item-container .running.grid-search-result .overview-icon { background-image: none; } #dashtodockContainer.top.extended.shrink #dash .dash-item-container .app-well-app.focused .overview-icon, #dashtodockContainer.top.extended.shrink #dash .dash-item-container .focused.grid-search-result .overview-icon { background-color: rgba(238, 238, 236, 0.2); } #dashtodockContainer.top.extended.shrink #dash .dash-item-container .app-well-app .app-well-app-running-dot, #dashtodockContainer.top.extended.shrink #dash .dash-item-container .grid-search-result .app-well-app-running-dot { margin-bottom: 2px; } #dashtodockContainer.top.extended.shrink #dash .dash-item-container > StButton { transition-duration: 250; background-size: contain; } #dashtodockContainer.top.extended.shrink.fixed #dash .dash-background { margin-bottom: 0; } #dashtodockContainer.top.extended.shrink.fixed #dash .dash-item-container .app-well-app, #dashtodockContainer.top.extended.shrink.fixed #dash .dash-item-container .grid-search-result, #dashtodockContainer.top.extended.shrink.fixed #dash .dash-item-container .show-apps { padding-bottom: 3px; } .dash-label.top.shrink { margin-top: 3px; -x-offset: 0; -y-offset: 0; } #dashtodockContainer.left #dash { margin: 0px; padding: 0px; } #dashtodockContainer.left #dash .dash-background { margin: 0; margin-left: 4px; padding: 0; border-radius: 18px; spacing: 6px; } #dashtodockContainer.left #dash .dash-separator { background-color: #464646; width: 0; height: 1px; margin: 4px 0; margin-left: 4px; } #dashtodockContainer.left #dash #dashtodockDashContainer { padding: 10px; padding-left: 0; padding-right: 0; } #dashtodockContainer.left #dash .dash-item-container { /* Disable all margins defined upstream, we handle them here */ margin: 2px 0; } #dashtodockContainer.left #dash .dash-item-container > * { margin: 0; } #dashtodockContainer.left #dash .dash-item-container:first-child { margin-top: 0; } #dashtodockContainer.left #dash .dash-item-container:last-child { margin-bottom: 0; } #dashtodockContainer.left #dash .dash-item-container .app-well-app, #dashtodockContainer.left #dash .dash-item-container .grid-search-result, #dashtodockContainer.left #dash .dash-item-container .show-apps { padding: 2px 2px; padding-left: 14px; padding-right: 10px; } #dashtodockContainer.left #dash .dash-item-container .app-well-app:first-child, #dashtodockContainer.left #dash .dash-item-container .grid-search-result:first-child, #dashtodockContainer.left #dash .dash-item-container .show-apps:first-child { padding-top: 0; } #dashtodockContainer.left #dash .dash-item-container .app-well-app:last-child, #dashtodockContainer.left #dash .dash-item-container .grid-search-result:last-child, #dashtodockContainer.left #dash .dash-item-container .show-apps:last-child { padding-bottom: 0; } #dashtodockContainer.left #dash .dash-item-container .app-well-app.running .overview-icon, #dashtodockContainer.left #dash .dash-item-container .running.grid-search-result .overview-icon { background-image: none; } #dashtodockContainer.left #dash .dash-item-container .app-well-app.focused .overview-icon, #dashtodockContainer.left #dash .dash-item-container .focused.grid-search-result .overview-icon { background-color: rgba(238, 238, 236, 0.2); } #dashtodockContainer.left #dash .dash-item-container .app-well-app .app-well-app-running-dot, #dashtodockContainer.left #dash .dash-item-container .grid-search-result .app-well-app-running-dot { margin-bottom: 2px; } #dashtodockContainer.left #dash .dash-item-container > StButton { transition-duration: 250; background-size: contain; } #dashtodockContainer.left.fixed #dash .dash-background { margin-right: 4px; } #dashtodockContainer.left.fixed #dash .dash-item-container .app-well-app, #dashtodockContainer.left.fixed #dash .dash-item-container .grid-search-result, #dashtodockContainer.left.fixed #dash .dash-item-container .show-apps { padding-right: 14px; } .dash-label.left { margin: 0; -x-offset: 10px; -y-offset: 0; } #dashtodockContainer.left.shrink #dash { margin: 0px; padding: 0px; } #dashtodockContainer.left.shrink #dash .dash-background { margin: 0; margin-left: 4px; padding: 0; border-radius: 14px; spacing: 2px; } #dashtodockContainer.left.shrink #dash .dash-separator { background-color: #464646; width: 0; height: 1px; margin: 1px 0; margin-left: 4px; } #dashtodockContainer.left.shrink #dash #dashtodockDashContainer { padding: 3px; padding-left: 0; padding-right: 0; } #dashtodockContainer.left.shrink #dash .dash-item-container { /* Disable all margins defined upstream, we handle them here */ margin: 2px 0; } #dashtodockContainer.left.shrink #dash .dash-item-container > * { margin: 0; } #dashtodockContainer.left.shrink #dash .dash-item-container:first-child { margin-top: 0; } #dashtodockContainer.left.shrink #dash .dash-item-container:last-child { margin-bottom: 0; } #dashtodockContainer.left.shrink #dash .dash-item-container .app-well-app, #dashtodockContainer.left.shrink #dash .dash-item-container .grid-search-result, #dashtodockContainer.left.shrink #dash .dash-item-container .show-apps { padding: 1px 1px; padding-left: 7px; padding-right: 3px; } #dashtodockContainer.left.shrink #dash .dash-item-container .app-well-app:first-child, #dashtodockContainer.left.shrink #dash .dash-item-container .grid-search-result:first-child, #dashtodockContainer.left.shrink #dash .dash-item-container .show-apps:first-child { padding-top: 0; } #dashtodockContainer.left.shrink #dash .dash-item-container .app-well-app:last-child, #dashtodockContainer.left.shrink #dash .dash-item-container .grid-search-result:last-child, #dashtodockContainer.left.shrink #dash .dash-item-container .show-apps:last-child { padding-bottom: 0; } #dashtodockContainer.left.shrink #dash .dash-item-container .app-well-app.running .overview-icon, #dashtodockContainer.left.shrink #dash .dash-item-container .running.grid-search-result .overview-icon { background-image: none; } #dashtodockContainer.left.shrink #dash .dash-item-container .app-well-app.focused .overview-icon, #dashtodockContainer.left.shrink #dash .dash-item-container .focused.grid-search-result .overview-icon { background-color: rgba(238, 238, 236, 0.2); } #dashtodockContainer.left.shrink #dash .dash-item-container .app-well-app .app-well-app-running-dot, #dashtodockContainer.left.shrink #dash .dash-item-container .grid-search-result .app-well-app-running-dot { margin-bottom: 2px; } #dashtodockContainer.left.shrink #dash .dash-item-container > StButton { transition-duration: 250; background-size: contain; } #dashtodockContainer.left.shrink.fixed #dash .dash-background { margin-right: 1px; } #dashtodockContainer.left.shrink.fixed #dash .dash-item-container .app-well-app, #dashtodockContainer.left.shrink.fixed #dash .dash-item-container .grid-search-result, #dashtodockContainer.left.shrink.fixed #dash .dash-item-container .show-apps { padding-right: 4px; } .dash-label.left.shrink { margin: 0; -x-offset: 3px; -y-offset: 0; } #dashtodockContainer.left.extended #dash { margin: 0px; padding: 0px; } #dashtodockContainer.left.extended #dash .dash-background { margin: 0; margin-left: 0; padding: 0; border-radius: 0; spacing: 6px; } #dashtodockContainer.left.extended #dash .dash-separator { background-color: #464646; width: 0; height: 1px; margin: 4px 0; margin-left: 0; } #dashtodockContainer.left.extended #dash #dashtodockDashContainer { padding: 0; padding-left: 0; padding-right: 0; } #dashtodockContainer.left.extended #dash #dashtodockDashContainer > :first-child .show-apps { padding-top: 8px; } #dashtodockContainer.left.extended #dash #dashtodockDashContainer #dashtodockDashScrollview:first-child { padding-top: 8px; } #dashtodockContainer.left.extended #dash #dashtodockDashContainer > :last-child .show-apps { padding-bottom: 8px; } #dashtodockContainer.left.extended #dash #dashtodockDashContainer #dashtodockDashScrollview:last-child { padding-bottom: 8px; } #dashtodockContainer.left.extended #dash .dash-item-container { /* Disable all margins defined upstream, we handle them here */ margin: 2px 0; } #dashtodockContainer.left.extended #dash .dash-item-container > * { margin: 0; } #dashtodockContainer.left.extended #dash .dash-item-container:first-child { margin-top: 0; } #dashtodockContainer.left.extended #dash .dash-item-container:last-child { margin-bottom: 0; } #dashtodockContainer.left.extended #dash .dash-item-container .app-well-app, #dashtodockContainer.left.extended #dash .dash-item-container .grid-search-result, #dashtodockContainer.left.extended #dash .dash-item-container .show-apps { padding: 2px 2px; padding-left: 10px; padding-right: 10px; } #dashtodockContainer.left.extended #dash .dash-item-container .app-well-app:first-child, #dashtodockContainer.left.extended #dash .dash-item-container .grid-search-result:first-child, #dashtodockContainer.left.extended #dash .dash-item-container .show-apps:first-child { padding-top: 0; } #dashtodockContainer.left.extended #dash .dash-item-container .app-well-app:last-child, #dashtodockContainer.left.extended #dash .dash-item-container .grid-search-result:last-child, #dashtodockContainer.left.extended #dash .dash-item-container .show-apps:last-child { padding-bottom: 0; } #dashtodockContainer.left.extended #dash .dash-item-container .app-well-app.running .overview-icon, #dashtodockContainer.left.extended #dash .dash-item-container .running.grid-search-result .overview-icon { background-image: none; } #dashtodockContainer.left.extended #dash .dash-item-container .app-well-app.focused .overview-icon, #dashtodockContainer.left.extended #dash .dash-item-container .focused.grid-search-result .overview-icon { background-color: rgba(238, 238, 236, 0.2); } #dashtodockContainer.left.extended #dash .dash-item-container .app-well-app .app-well-app-running-dot, #dashtodockContainer.left.extended #dash .dash-item-container .grid-search-result .app-well-app-running-dot { margin-bottom: 2px; } #dashtodockContainer.left.extended #dash .dash-item-container > StButton { transition-duration: 250; background-size: contain; } #dashtodockContainer.left.extended.fixed #dash .dash-background { margin-right: 0; } #dashtodockContainer.left.extended.fixed #dash .dash-item-container .app-well-app, #dashtodockContainer.left.extended.fixed #dash .dash-item-container .grid-search-result, #dashtodockContainer.left.extended.fixed #dash .dash-item-container .show-apps { padding-right: 10px; } .dash-label.left { margin: 0; -x-offset: 10px; -y-offset: 0; } #dashtodockContainer.left.extended.shrink #dash { margin: 0px; padding: 0px; } #dashtodockContainer.left.extended.shrink #dash .dash-background { margin: 0; margin-left: 0; padding: 0; border-radius: 0; spacing: 2px; } #dashtodockContainer.left.extended.shrink #dash .dash-separator { background-color: #464646; width: 0; height: 1px; margin: 1px 0; margin-left: 0; } #dashtodockContainer.left.extended.shrink #dash #dashtodockDashContainer { padding: 0; padding-left: 0; padding-right: 0; } #dashtodockContainer.left.extended.shrink #dash #dashtodockDashContainer > :first-child .show-apps { padding-top: 6px; } #dashtodockContainer.left.extended.shrink #dash #dashtodockDashContainer #dashtodockDashScrollview:first-child { padding-top: 6px; } #dashtodockContainer.left.extended.shrink #dash #dashtodockDashContainer > :last-child .show-apps { padding-bottom: 6px; } #dashtodockContainer.left.extended.shrink #dash #dashtodockDashContainer #dashtodockDashScrollview:last-child { padding-bottom: 6px; } #dashtodockContainer.left.extended.shrink #dash .dash-item-container { /* Disable all margins defined upstream, we handle them here */ margin: 2px 0; } #dashtodockContainer.left.extended.shrink #dash .dash-item-container > * { margin: 0; } #dashtodockContainer.left.extended.shrink #dash .dash-item-container:first-child { margin-top: 0; } #dashtodockContainer.left.extended.shrink #dash .dash-item-container:last-child { margin-bottom: 0; } #dashtodockContainer.left.extended.shrink #dash .dash-item-container .app-well-app, #dashtodockContainer.left.extended.shrink #dash .dash-item-container .grid-search-result, #dashtodockContainer.left.extended.shrink #dash .dash-item-container .show-apps { padding: 1px 1px; padding-left: 3px; padding-right: 3px; } #dashtodockContainer.left.extended.shrink #dash .dash-item-container .app-well-app:first-child, #dashtodockContainer.left.extended.shrink #dash .dash-item-container .grid-search-result:first-child, #dashtodockContainer.left.extended.shrink #dash .dash-item-container .show-apps:first-child { padding-top: 0; } #dashtodockContainer.left.extended.shrink #dash .dash-item-container .app-well-app:last-child, #dashtodockContainer.left.extended.shrink #dash .dash-item-container .grid-search-result:last-child, #dashtodockContainer.left.extended.shrink #dash .dash-item-container .show-apps:last-child { padding-bottom: 0; } #dashtodockContainer.left.extended.shrink #dash .dash-item-container .app-well-app.running .overview-icon, #dashtodockContainer.left.extended.shrink #dash .dash-item-container .running.grid-search-result .overview-icon { background-image: none; } #dashtodockContainer.left.extended.shrink #dash .dash-item-container .app-well-app.focused .overview-icon, #dashtodockContainer.left.extended.shrink #dash .dash-item-container .focused.grid-search-result .overview-icon { background-color: rgba(238, 238, 236, 0.2); } #dashtodockContainer.left.extended.shrink #dash .dash-item-container .app-well-app .app-well-app-running-dot, #dashtodockContainer.left.extended.shrink #dash .dash-item-container .grid-search-result .app-well-app-running-dot { margin-bottom: 2px; } #dashtodockContainer.left.extended.shrink #dash .dash-item-container > StButton { transition-duration: 250; background-size: contain; } #dashtodockContainer.left.extended.shrink.fixed #dash .dash-background { margin-right: 0; } #dashtodockContainer.left.extended.shrink.fixed #dash .dash-item-container .app-well-app, #dashtodockContainer.left.extended.shrink.fixed #dash .dash-item-container .grid-search-result, #dashtodockContainer.left.extended.shrink.fixed #dash .dash-item-container .show-apps { padding-right: 3px; } .dash-label.left.shrink { margin: 0; -x-offset: 3px; -y-offset: 0; } #dashtodockContainer.right #dash { margin: 0px; padding: 0px; } #dashtodockContainer.right #dash .dash-background { margin: 0; margin-right: 4px; padding: 0; border-radius: 18px; spacing: 6px; } #dashtodockContainer.right #dash .dash-separator { background-color: #464646; width: 0; height: 1px; margin: 4px 0; margin-right: 4px; } #dashtodockContainer.right #dash #dashtodockDashContainer { padding: 10px; padding-right: 0; padding-left: 0; } #dashtodockContainer.right #dash .dash-item-container { /* Disable all margins defined upstream, we handle them here */ margin: 2px 0; } #dashtodockContainer.right #dash .dash-item-container > * { margin: 0; } #dashtodockContainer.right #dash .dash-item-container:first-child { margin-top: 0; } #dashtodockContainer.right #dash .dash-item-container:last-child { margin-bottom: 0; } #dashtodockContainer.right #dash .dash-item-container .app-well-app, #dashtodockContainer.right #dash .dash-item-container .grid-search-result, #dashtodockContainer.right #dash .dash-item-container .show-apps { padding: 2px 2px; padding-right: 14px; padding-left: 10px; } #dashtodockContainer.right #dash .dash-item-container .app-well-app:first-child, #dashtodockContainer.right #dash .dash-item-container .grid-search-result:first-child, #dashtodockContainer.right #dash .dash-item-container .show-apps:first-child { padding-top: 0; } #dashtodockContainer.right #dash .dash-item-container .app-well-app:last-child, #dashtodockContainer.right #dash .dash-item-container .grid-search-result:last-child, #dashtodockContainer.right #dash .dash-item-container .show-apps:last-child { padding-bottom: 0; } #dashtodockContainer.right #dash .dash-item-container .app-well-app.running .overview-icon, #dashtodockContainer.right #dash .dash-item-container .running.grid-search-result .overview-icon { background-image: none; } #dashtodockContainer.right #dash .dash-item-container .app-well-app.focused .overview-icon, #dashtodockContainer.right #dash .dash-item-container .focused.grid-search-result .overview-icon { background-color: rgba(238, 238, 236, 0.2); } #dashtodockContainer.right #dash .dash-item-container .app-well-app .app-well-app-running-dot, #dashtodockContainer.right #dash .dash-item-container .grid-search-result .app-well-app-running-dot { margin-bottom: 2px; } #dashtodockContainer.right #dash .dash-item-container > StButton { transition-duration: 250; background-size: contain; } #dashtodockContainer.right.fixed #dash .dash-background { margin-left: 4px; } #dashtodockContainer.right.fixed #dash .dash-item-container .app-well-app, #dashtodockContainer.right.fixed #dash .dash-item-container .grid-search-result, #dashtodockContainer.right.fixed #dash .dash-item-container .show-apps { padding-left: 14px; } .dash-label.right { margin: 0; -x-offset: 10px; -y-offset: 0; } #dashtodockContainer.right.shrink #dash { margin: 0px; padding: 0px; } #dashtodockContainer.right.shrink #dash .dash-background { margin: 0; margin-right: 4px; padding: 0; border-radius: 14px; spacing: 2px; } #dashtodockContainer.right.shrink #dash .dash-separator { background-color: #464646; width: 0; height: 1px; margin: 1px 0; margin-right: 4px; } #dashtodockContainer.right.shrink #dash #dashtodockDashContainer { padding: 3px; padding-right: 0; padding-left: 0; } #dashtodockContainer.right.shrink #dash .dash-item-container { /* Disable all margins defined upstream, we handle them here */ margin: 2px 0; } #dashtodockContainer.right.shrink #dash .dash-item-container > * { margin: 0; } #dashtodockContainer.right.shrink #dash .dash-item-container:first-child { margin-top: 0; } #dashtodockContainer.right.shrink #dash .dash-item-container:last-child { margin-bottom: 0; } #dashtodockContainer.right.shrink #dash .dash-item-container .app-well-app, #dashtodockContainer.right.shrink #dash .dash-item-container .grid-search-result, #dashtodockContainer.right.shrink #dash .dash-item-container .show-apps { padding: 1px 1px; padding-right: 7px; padding-left: 3px; } #dashtodockContainer.right.shrink #dash .dash-item-container .app-well-app:first-child, #dashtodockContainer.right.shrink #dash .dash-item-container .grid-search-result:first-child, #dashtodockContainer.right.shrink #dash .dash-item-container .show-apps:first-child { padding-top: 0; } #dashtodockContainer.right.shrink #dash .dash-item-container .app-well-app:last-child, #dashtodockContainer.right.shrink #dash .dash-item-container .grid-search-result:last-child, #dashtodockContainer.right.shrink #dash .dash-item-container .show-apps:last-child { padding-bottom: 0; } #dashtodockContainer.right.shrink #dash .dash-item-container .app-well-app.running .overview-icon, #dashtodockContainer.right.shrink #dash .dash-item-container .running.grid-search-result .overview-icon { background-image: none; } #dashtodockContainer.right.shrink #dash .dash-item-container .app-well-app.focused .overview-icon, #dashtodockContainer.right.shrink #dash .dash-item-container .focused.grid-search-result .overview-icon { background-color: rgba(238, 238, 236, 0.2); } #dashtodockContainer.right.shrink #dash .dash-item-container .app-well-app .app-well-app-running-dot, #dashtodockContainer.right.shrink #dash .dash-item-container .grid-search-result .app-well-app-running-dot { margin-bottom: 2px; } #dashtodockContainer.right.shrink #dash .dash-item-container > StButton { transition-duration: 250; background-size: contain; } #dashtodockContainer.right.shrink.fixed #dash .dash-background { margin-left: 1px; } #dashtodockContainer.right.shrink.fixed #dash .dash-item-container .app-well-app, #dashtodockContainer.right.shrink.fixed #dash .dash-item-container .grid-search-result, #dashtodockContainer.right.shrink.fixed #dash .dash-item-container .show-apps { padding-left: 4px; } .dash-label.right.shrink { margin: 0; -x-offset: 3px; -y-offset: 0; } #dashtodockContainer.right.extended #dash { margin: 0px; padding: 0px; } #dashtodockContainer.right.extended #dash .dash-background { margin: 0; margin-right: 0; padding: 0; border-radius: 0; spacing: 6px; } #dashtodockContainer.right.extended #dash .dash-separator { background-color: #464646; width: 0; height: 1px; margin: 4px 0; margin-right: 0; } #dashtodockContainer.right.extended #dash #dashtodockDashContainer { padding: 0; padding-right: 0; padding-left: 0; } #dashtodockContainer.right.extended #dash #dashtodockDashContainer > :first-child .show-apps { padding-top: 8px; } #dashtodockContainer.right.extended #dash #dashtodockDashContainer #dashtodockDashScrollview:first-child { padding-top: 8px; } #dashtodockContainer.right.extended #dash #dashtodockDashContainer > :last-child .show-apps { padding-bottom: 8px; } #dashtodockContainer.right.extended #dash #dashtodockDashContainer #dashtodockDashScrollview:last-child { padding-bottom: 8px; } #dashtodockContainer.right.extended #dash .dash-item-container { /* Disable all margins defined upstream, we handle them here */ margin: 2px 0; } #dashtodockContainer.right.extended #dash .dash-item-container > * { margin: 0; } #dashtodockContainer.right.extended #dash .dash-item-container:first-child { margin-top: 0; } #dashtodockContainer.right.extended #dash .dash-item-container:last-child { margin-bottom: 0; } #dashtodockContainer.right.extended #dash .dash-item-container .app-well-app, #dashtodockContainer.right.extended #dash .dash-item-container .grid-search-result, #dashtodockContainer.right.extended #dash .dash-item-container .show-apps { padding: 2px 2px; padding-right: 10px; padding-left: 10px; } #dashtodockContainer.right.extended #dash .dash-item-container .app-well-app:first-child, #dashtodockContainer.right.extended #dash .dash-item-container .grid-search-result:first-child, #dashtodockContainer.right.extended #dash .dash-item-container .show-apps:first-child { padding-top: 0; } #dashtodockContainer.right.extended #dash .dash-item-container .app-well-app:last-child, #dashtodockContainer.right.extended #dash .dash-item-container .grid-search-result:last-child, #dashtodockContainer.right.extended #dash .dash-item-container .show-apps:last-child { padding-bottom: 0; } #dashtodockContainer.right.extended #dash .dash-item-container .app-well-app.running .overview-icon, #dashtodockContainer.right.extended #dash .dash-item-container .running.grid-search-result .overview-icon { background-image: none; } #dashtodockContainer.right.extended #dash .dash-item-container .app-well-app.focused .overview-icon, #dashtodockContainer.right.extended #dash .dash-item-container .focused.grid-search-result .overview-icon { background-color: rgba(238, 238, 236, 0.2); } #dashtodockContainer.right.extended #dash .dash-item-container .app-well-app .app-well-app-running-dot, #dashtodockContainer.right.extended #dash .dash-item-container .grid-search-result .app-well-app-running-dot { margin-bottom: 2px; } #dashtodockContainer.right.extended #dash .dash-item-container > StButton { transition-duration: 250; background-size: contain; } #dashtodockContainer.right.extended.fixed #dash .dash-background { margin-left: 0; } #dashtodockContainer.right.extended.fixed #dash .dash-item-container .app-well-app, #dashtodockContainer.right.extended.fixed #dash .dash-item-container .grid-search-result, #dashtodockContainer.right.extended.fixed #dash .dash-item-container .show-apps { padding-left: 10px; } .dash-label.right { margin: 0; -x-offset: 10px; -y-offset: 0; } #dashtodockContainer.right.extended.shrink #dash { margin: 0px; padding: 0px; } #dashtodockContainer.right.extended.shrink #dash .dash-background { margin: 0; margin-right: 0; padding: 0; border-radius: 0; spacing: 2px; } #dashtodockContainer.right.extended.shrink #dash .dash-separator { background-color: #464646; width: 0; height: 1px; margin: 1px 0; margin-right: 0; } #dashtodockContainer.right.extended.shrink #dash #dashtodockDashContainer { padding: 0; padding-right: 0; padding-left: 0; } #dashtodockContainer.right.extended.shrink #dash #dashtodockDashContainer > :first-child .show-apps { padding-top: 6px; } #dashtodockContainer.right.extended.shrink #dash #dashtodockDashContainer #dashtodockDashScrollview:first-child { padding-top: 6px; } #dashtodockContainer.right.extended.shrink #dash #dashtodockDashContainer > :last-child .show-apps { padding-bottom: 6px; } #dashtodockContainer.right.extended.shrink #dash #dashtodockDashContainer #dashtodockDashScrollview:last-child { padding-bottom: 6px; } #dashtodockContainer.right.extended.shrink #dash .dash-item-container { /* Disable all margins defined upstream, we handle them here */ margin: 2px 0; } #dashtodockContainer.right.extended.shrink #dash .dash-item-container > * { margin: 0; } #dashtodockContainer.right.extended.shrink #dash .dash-item-container:first-child { margin-top: 0; } #dashtodockContainer.right.extended.shrink #dash .dash-item-container:last-child { margin-bottom: 0; } #dashtodockContainer.right.extended.shrink #dash .dash-item-container .app-well-app, #dashtodockContainer.right.extended.shrink #dash .dash-item-container .grid-search-result, #dashtodockContainer.right.extended.shrink #dash .dash-item-container .show-apps { padding: 1px 1px; padding-right: 3px; padding-left: 3px; } #dashtodockContainer.right.extended.shrink #dash .dash-item-container .app-well-app:first-child, #dashtodockContainer.right.extended.shrink #dash .dash-item-container .grid-search-result:first-child, #dashtodockContainer.right.extended.shrink #dash .dash-item-container .show-apps:first-child { padding-top: 0; } #dashtodockContainer.right.extended.shrink #dash .dash-item-container .app-well-app:last-child, #dashtodockContainer.right.extended.shrink #dash .dash-item-container .grid-search-result:last-child, #dashtodockContainer.right.extended.shrink #dash .dash-item-container .show-apps:last-child { padding-bottom: 0; } #dashtodockContainer.right.extended.shrink #dash .dash-item-container .app-well-app.running .overview-icon, #dashtodockContainer.right.extended.shrink #dash .dash-item-container .running.grid-search-result .overview-icon { background-image: none; } #dashtodockContainer.right.extended.shrink #dash .dash-item-container .app-well-app.focused .overview-icon, #dashtodockContainer.right.extended.shrink #dash .dash-item-container .focused.grid-search-result .overview-icon { background-color: rgba(238, 238, 236, 0.2); } #dashtodockContainer.right.extended.shrink #dash .dash-item-container .app-well-app .app-well-app-running-dot, #dashtodockContainer.right.extended.shrink #dash .dash-item-container .grid-search-result .app-well-app-running-dot { margin-bottom: 2px; } #dashtodockContainer.right.extended.shrink #dash .dash-item-container > StButton { transition-duration: 250; background-size: contain; } #dashtodockContainer.right.extended.shrink.fixed #dash .dash-background { margin-left: 0; } #dashtodockContainer.right.extended.shrink.fixed #dash .dash-item-container .app-well-app, #dashtodockContainer.right.extended.shrink.fixed #dash .dash-item-container .grid-search-result, #dashtodockContainer.right.extended.shrink.fixed #dash .dash-item-container .show-apps { padding-left: 3px; } .dash-label.right.shrink { margin: 0; -x-offset: 3px; -y-offset: 0; } #dashtodockContainer.top.shrink #dash .dash-background { margin-top: 4px; margin-bottom: 0; } #dashtodockContainer.straight-corner #dash .dash-background, #dashtodockContainer.shrink.straight-corner #dash .dash-background { border-radius: 0px; } /* Scrollview style */ .bottom #dashtodockDashScrollview, .top #dashtodockDashScrollview { -st-hfade-offset: 24px; } .left #dashtodockDashScrollview, .right #dashtodockDashScrollview { -st-vfade-offset: 24px; } #dashtodockContainer.dashtodock #dash .dash-background { background: #1d1d1d; } #dashtodockContainer.dashtodock .progress-bar { /* Customization of the progress bar style, e.g.: -progress-bar-background: rgba(0.8, 0.8, 0.8, 1); -progress-bar-border: rgba(0.9, 0.9, 0.9, 1); */ } #dashtodockContainer.top #dash .placeholder, #dashtodockContainer.bottom #dash .placeholder { width: 32px; height: 1px; } /* * This is applied to a dummy actor. Only the alpha value for the background and border color * and the transition-duration are used */ #dashtodockContainer.dummy-opaque { background-color: rgba(0, 0, 0, 0.8); border-color: rgba(0, 0, 0, 0.4); transition-duration: 300ms; } /* * This is applied to a dummy actor. Only the alpha value for the background and border color * and the transition-duration are used */ #dashtodockContainer.dummy-transparent { background-color: rgba(0, 0, 0, 0.2); border-color: rgba(0, 0, 0, 0.1); transition-duration: 500ms; } #dashtodockContainer .number-overlay { color: white; background-color: rgba(0, 0, 0, 0.8); text-align: center; } #dashtodockContainer .notification-badge { color: white; background-color: red; padding: 0.2em 0.5em; border-radius: 1em; font-weight: bold; text-align: center; margin: 2px; } #dashtodockPreviewSeparator.popup-separator-menu-item-horizontal { width: 1px; height: auto; border-right-width: 1px; margin: 32px 0px; } .dashtodock-app-well-preview-menu-item { padding: 1em 1em 0.5em 1em; } #dashtodockContainer .metro .overview-icon { border-radius: 0px; } #dashtodockContainer.bottom .metro.running2.focused, #dashtodockContainer.top .metro.running2.focused { background-image: url("./media/highlight_stacked_bg.svg"); background-position: 0px 0px; background-size: contain; } #dashtodockContainer.left .metro.running2.focused, #dashtodockContainer.right .metro.running2.focused { background-image: url("./media/highlight_stacked_bg_h.svg"); background-position: 0px 0px; background-size: contain; } #dashtodockContainer.bottom .metro.running3.focused, #dashtodockContainer.top .metro.running3.focused { background-image: url("./media/highlight_stacked_bg.svg"); background-position: 0px 0px; background-size: contain; } #dashtodockContainer.left .metro.running3.focused, #dashtodockContainer.right .metro.running3.focused { background-image: url("./media/highlight_stacked_bg_h.svg"); background-position: 0px 0px; background-size: contain; } #dashtodockContainer.bottom .metro.running4.focused, #dashtodockContainer.top .metro.running4.focused { background-image: url("./media/highlight_stacked_bg.svg"); background-position: 0px 0px; background-size: contain; } #dashtodockContainer.left .metro.running4.focused, #dashtodockContainer.right .metro.running4.focused { background-image: url("./media/highlight_stacked_bg_h.svg"); background-position: 0px 0px; background-size: contain; } /* Yaru Dock styling */ #dashtodockContainer.bottom #dash, #dashtodockContainer.bottom.dashtodock #dash, #dashtodockContainer.bottom.shrink #dash { margin: 0px; padding: 0px; } #dashtodockContainer.bottom #dash .dash-background, #dashtodockContainer.bottom.dashtodock #dash .dash-background, #dashtodockContainer.bottom.shrink #dash .dash-background { background: rgba(19, 19, 19, 0.75); transition-duration: 250ms; } #dashtodockContainer.bottom #dash .dash-separator, #dashtodockContainer.bottom.dashtodock #dash .dash-separator, #dashtodockContainer.bottom.shrink #dash .dash-separator { background: rgba(238, 238, 236, 0.3); } #dashtodockContainer.bottom.overview #dash .dash-background, #dashtodockContainer.bottom.overview.dashtodock #dash .dash-background, #dashtodockContainer.bottom.overview.shrink #dash .dash-background { background-color: #131313; } #dashtodockContainer.bottom.extended #dash .dash-background, #dashtodockContainer.bottom.extended.dashtodock #dash .dash-background, #dashtodockContainer.bottom.extended.shrink #dash .dash-background { border: none; } #dashtodockContainer.bottom .dash-item-container .show-apps, #dashtodockContainer.bottom .dash-item-container .app-well-app, #dashtodockContainer.bottom .dash-item-container .grid-search-result { border-radius: 18px; } #dashtodockContainer.bottom .dash-item-container .show-apps:active .overview-icon, #dashtodockContainer.bottom .dash-item-container .show-apps:checked .overview-icon, #dashtodockContainer.bottom .dash-item-container .app-well-app:active .overview-icon, #dashtodockContainer.bottom .dash-item-container .grid-search-result:active .overview-icon, #dashtodockContainer.bottom .dash-item-container .app-well-app:checked .overview-icon, #dashtodockContainer.bottom .dash-item-container .grid-search-result:checked .overview-icon { background-color: rgba(255, 255, 255, 0.25); box-shadow: none; } #dashtodockContainer.bottom .notification-badge { background-color: #109b26; border: 1px solid #0c6d1a; box-shadow: -1px 1px 5px 0px rgba(0, 0, 0, 0.5); } #dashtodockContainer.top #dash, #dashtodockContainer.top.dashtodock #dash, #dashtodockContainer.top.shrink #dash { margin: 0px; padding: 0px; } #dashtodockContainer.top #dash .dash-background, #dashtodockContainer.top.dashtodock #dash .dash-background, #dashtodockContainer.top.shrink #dash .dash-background { background: rgba(19, 19, 19, 0.75); transition-duration: 250ms; } #dashtodockContainer.top #dash .dash-separator, #dashtodockContainer.top.dashtodock #dash .dash-separator, #dashtodockContainer.top.shrink #dash .dash-separator { background: rgba(238, 238, 236, 0.3); } #dashtodockContainer.top.overview #dash .dash-background, #dashtodockContainer.top.overview.dashtodock #dash .dash-background, #dashtodockContainer.top.overview.shrink #dash .dash-background { background-color: #131313; } #dashtodockContainer.top.extended #dash .dash-background, #dashtodockContainer.top.extended.dashtodock #dash .dash-background, #dashtodockContainer.top.extended.shrink #dash .dash-background { border: none; } #dashtodockContainer.top .dash-item-container .show-apps, #dashtodockContainer.top .dash-item-container .app-well-app, #dashtodockContainer.top .dash-item-container .grid-search-result { border-radius: 18px; } #dashtodockContainer.top .dash-item-container .show-apps:active .overview-icon, #dashtodockContainer.top .dash-item-container .show-apps:checked .overview-icon, #dashtodockContainer.top .dash-item-container .app-well-app:active .overview-icon, #dashtodockContainer.top .dash-item-container .grid-search-result:active .overview-icon, #dashtodockContainer.top .dash-item-container .app-well-app:checked .overview-icon, #dashtodockContainer.top .dash-item-container .grid-search-result:checked .overview-icon { background-color: rgba(255, 255, 255, 0.25); box-shadow: none; } #dashtodockContainer.top .notification-badge { background-color: #109b26; border: 1px solid #0c6d1a; box-shadow: -1px 1px 5px 0px rgba(0, 0, 0, 0.5); } #dashtodockContainer.left #dash, #dashtodockContainer.left.dashtodock #dash, #dashtodockContainer.left.shrink #dash { margin: 0px; padding: 0px; } #dashtodockContainer.left #dash .dash-background, #dashtodockContainer.left.dashtodock #dash .dash-background, #dashtodockContainer.left.shrink #dash .dash-background { background: rgba(19, 19, 19, 0.75); transition-duration: 250ms; } #dashtodockContainer.left #dash .dash-separator, #dashtodockContainer.left.dashtodock #dash .dash-separator, #dashtodockContainer.left.shrink #dash .dash-separator { background: rgba(238, 238, 236, 0.3); } #dashtodockContainer.left.overview #dash .dash-background, #dashtodockContainer.left.overview.dashtodock #dash .dash-background, #dashtodockContainer.left.overview.shrink #dash .dash-background { background-color: #131313; } #dashtodockContainer.left.extended #dash .dash-background, #dashtodockContainer.left.extended.dashtodock #dash .dash-background, #dashtodockContainer.left.extended.shrink #dash .dash-background { border: none; } #dashtodockContainer.left .dash-item-container .show-apps, #dashtodockContainer.left .dash-item-container .app-well-app, #dashtodockContainer.left .dash-item-container .grid-search-result { border-radius: 18px; } #dashtodockContainer.left .dash-item-container .show-apps:active .overview-icon, #dashtodockContainer.left .dash-item-container .show-apps:checked .overview-icon, #dashtodockContainer.left .dash-item-container .app-well-app:active .overview-icon, #dashtodockContainer.left .dash-item-container .grid-search-result:active .overview-icon, #dashtodockContainer.left .dash-item-container .app-well-app:checked .overview-icon, #dashtodockContainer.left .dash-item-container .grid-search-result:checked .overview-icon { background-color: rgba(255, 255, 255, 0.25); box-shadow: none; } #dashtodockContainer.left .notification-badge { background-color: #109b26; border: 1px solid #0c6d1a; box-shadow: -1px 1px 5px 0px rgba(0, 0, 0, 0.5); } #dashtodockContainer.right #dash, #dashtodockContainer.right.dashtodock #dash, #dashtodockContainer.right.shrink #dash { margin: 0px; padding: 0px; } #dashtodockContainer.right #dash .dash-background, #dashtodockContainer.right.dashtodock #dash .dash-background, #dashtodockContainer.right.shrink #dash .dash-background { background: rgba(19, 19, 19, 0.75); transition-duration: 250ms; } #dashtodockContainer.right #dash .dash-separator, #dashtodockContainer.right.dashtodock #dash .dash-separator, #dashtodockContainer.right.shrink #dash .dash-separator { background: rgba(238, 238, 236, 0.3); } #dashtodockContainer.right.overview #dash .dash-background, #dashtodockContainer.right.overview.dashtodock #dash .dash-background, #dashtodockContainer.right.overview.shrink #dash .dash-background { background-color: #131313; } #dashtodockContainer.right.extended #dash .dash-background, #dashtodockContainer.right.extended.dashtodock #dash .dash-background, #dashtodockContainer.right.extended.shrink #dash .dash-background { border: none; } #dashtodockContainer.right .dash-item-container .show-apps, #dashtodockContainer.right .dash-item-container .app-well-app, #dashtodockContainer.right .dash-item-container .grid-search-result { border-radius: 18px; } #dashtodockContainer.right .dash-item-container .show-apps:active .overview-icon, #dashtodockContainer.right .dash-item-container .show-apps:checked .overview-icon, #dashtodockContainer.right .dash-item-container .app-well-app:active .overview-icon, #dashtodockContainer.right .dash-item-container .grid-search-result:active .overview-icon, #dashtodockContainer.right .dash-item-container .app-well-app:checked .overview-icon, #dashtodockContainer.right .dash-item-container .grid-search-result:checked .overview-icon { background-color: rgba(255, 255, 255, 0.25); box-shadow: none; } #dashtodockContainer.right .notification-badge { background-color: #109b26; border: 1px solid #0c6d1a; box-shadow: -1px 1px 5px 0px rgba(0, 0, 0, 0.5); } stage { -st-icon-style: symbolic; } .toggle-switch { width: 48px; background-image: url("resource:///org/gnome/shell/theme/toggle-off-hc-light.svg"); } .toggle-switch:checked { background-image: url("resource:///org/gnome/shell/theme/toggle-on-hc-light.svg"); } (uuay)calendar-today.svg � <svg width="32" height="32" xmlns="http://www.w3.org/2000/svg"><circle style="fill:#bbb;fill-opacity:1;fill-rule:evenodd;stroke:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:round" cx="16" cy="28" r="2"/></svg> (uuay)process-working.svg�p <svg width="512" height="32" style="display:inline" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg"><defs><linearGradient xlink:href="#a" id="Z" x1="39" y1="78.804" x2="30" y2="84" gradientUnits="userSpaceOnUse" gradientTransform="matrix(.79253 .2575 -.25752 .79256 1.101 -67.847)"/><linearGradient id="a"><stop style="stop-color:#f7f7f7;stop-opacity:1" offset="0"/><stop style="stop-color:#f7f7f7;stop-opacity:0" offset="1"/></linearGradient><linearGradient xlink:href="#a" id="aa" x1="39" y1="89.196" x2="39" y2="78.804" gradientUnits="userSpaceOnUse" gradientTransform="matrix(.79253 .2575 -.25752 .79256 1.101 -67.847)"/><linearGradient xlink:href="#a" id="ab" x1="30" y1="84" x2="39" y2="89.196" gradientUnits="userSpaceOnUse" gradientTransform="matrix(.79253 .2575 -.25752 .79256 1.101 -67.847)"/><linearGradient xlink:href="#a" id="ac" gradientUnits="userSpaceOnUse" gradientTransform="matrix(.76347 .33395 -.33396 .7635 24.57 -68.159)" x1="39" y1="78.804" x2="30" y2="84"/><linearGradient xlink:href="#a" id="ad" gradientUnits="userSpaceOnUse" gradientTransform="matrix(.76347 .33395 -.33396 .7635 24.57 -68.159)" x1="39" y1="89.196" x2="39" y2="78.804"/><linearGradient xlink:href="#a" id="ae" gradientUnits="userSpaceOnUse" gradientTransform="matrix(.76347 .33395 -.33396 .7635 24.57 -68.159)" x1="30" y1="84" x2="39" y2="89.196"/><linearGradient xlink:href="#a" id="af" gradientUnits="userSpaceOnUse" gradientTransform="matrix(.68365 .47648 -.4765 .68368 55.416 -66.584)" x1="39" y1="78.804" x2="30" y2="84"/><linearGradient xlink:href="#a" id="ag" gradientUnits="userSpaceOnUse" gradientTransform="matrix(.68365 .47648 -.4765 .68368 55.416 -66.584)" x1="39" y1="89.196" x2="39" y2="78.804"/><linearGradient xlink:href="#a" id="ah" gradientUnits="userSpaceOnUse" gradientTransform="matrix(.68365 .47648 -.4765 .68368 55.416 -66.584)" x1="30" y1="84" x2="39" y2="89.196"/><linearGradient xlink:href="#a" id="ai" gradientUnits="userSpaceOnUse" gradientTransform="matrix(.63365 .5412 -.54122 .63368 78.651 -64.715)" x1="39" y1="78.804" x2="30" y2="84"/><linearGradient xlink:href="#a" id="aj" gradientUnits="userSpaceOnUse" gradientTransform="matrix(.63365 .5412 -.54122 .63368 78.651 -64.715)" x1="39" y1="89.196" x2="39" y2="78.804"/><linearGradient xlink:href="#a" id="ak" gradientUnits="userSpaceOnUse" gradientTransform="matrix(.63365 .5412 -.54122 .63368 78.651 -64.715)" x1="30" y1="84" x2="39" y2="89.196"/><linearGradient xlink:href="#a" id="al" gradientUnits="userSpaceOnUse" gradientTransform="matrix(.57756 .6007 -.60072 .57758 101.669 -62.144)" x1="39" y1="78.804" x2="30" y2="84"/><linearGradient xlink:href="#a" id="am" gradientUnits="userSpaceOnUse" gradientTransform="matrix(.57756 .6007 -.60072 .57758 101.669 -62.144)" x1="39" y1="89.196" x2="39" y2="78.804"/><linearGradient xlink:href="#a" id="an" gradientUnits="userSpaceOnUse" gradientTransform="matrix(.57756 .6007 -.60072 .57758 101.669 -62.144)" x1="30" y1="84" x2="39" y2="89.196"/><linearGradient xlink:href="#a" id="ao" gradientUnits="userSpaceOnUse" gradientTransform="matrix(.5159 .65441 -.65444 .51592 124.401 -58.901)" x1="39" y1="78.804" x2="30" y2="84"/><linearGradient xlink:href="#a" id="ap" gradientUnits="userSpaceOnUse" gradientTransform="matrix(.5159 .65441 -.65444 .51592 124.401 -58.901)" x1="39" y1="89.196" x2="39" y2="78.804"/><linearGradient xlink:href="#a" id="aq" gradientUnits="userSpaceOnUse" gradientTransform="matrix(.5159 .65441 -.65444 .51592 124.401 -58.901)" x1="30" y1="84" x2="39" y2="89.196"/><linearGradient xlink:href="#a" id="ar" gradientUnits="userSpaceOnUse" gradientTransform="matrix(.44927 .70183 -.70186 .44929 146.786 -55.01)" x1="39" y1="78.804" x2="30" y2="84"/><linearGradient xlink:href="#a" id="as" gradientUnits="userSpaceOnUse" gradientTransform="matrix(.44927 .70183 -.70186 .44929 146.786 -55.01)" x1="39" y1="89.196" x2="39" y2="78.804"/><linearGradient xlink:href="#a" id="at" gradientUnits="userSpaceOnUse" gradientTransform="matrix(.44927 .70183 -.70186 .44929 146.786 -55.01)" x1="30" y1="84" x2="39" y2="89.196"/><linearGradient xlink:href="#a" id="au" gradientUnits="userSpaceOnUse" gradientTransform="matrix(.37832 .74249 -.74252 .37833 168.755 -50.51)" x1="39" y1="78.804" x2="30" y2="84"/><linearGradient xlink:href="#a" id="av" gradientUnits="userSpaceOnUse" gradientTransform="matrix(.37832 .74249 -.74252 .37833 168.755 -50.51)" x1="39" y1="89.196" x2="39" y2="78.804"/><linearGradient xlink:href="#a" id="aw" gradientUnits="userSpaceOnUse" gradientTransform="matrix(.37832 .74249 -.74252 .37833 168.755 -50.51)" x1="30" y1="84" x2="39" y2="89.196"/><linearGradient xlink:href="#a" id="ax" gradientUnits="userSpaceOnUse" gradientTransform="matrix(.30372 .776 -.77603 .30373 190.256 -45.454)" x1="39" y1="78.804" x2="30" y2="84"/><linearGradient xlink:href="#a" id="ay" gradientUnits="userSpaceOnUse" gradientTransform="matrix(.30372 .776 -.77603 .30373 190.256 -45.454)" x1="39" y1="89.196" x2="39" y2="78.804"/><linearGradient xlink:href="#a" id="az" gradientUnits="userSpaceOnUse" gradientTransform="matrix(.30372 .776 -.77603 .30373 190.256 -45.454)" x1="30" y1="84" x2="39" y2="89.196"/><linearGradient xlink:href="#a" id="aA" gradientUnits="userSpaceOnUse" gradientTransform="matrix(.2262 .80202 -.80206 .2262 211.233 -39.874)" x1="39" y1="78.804" x2="30" y2="84"/><linearGradient xlink:href="#a" id="aB" gradientUnits="userSpaceOnUse" gradientTransform="matrix(.2262 .80202 -.80206 .2262 211.233 -39.874)" x1="39" y1="89.196" x2="39" y2="78.804"/><linearGradient xlink:href="#a" id="aC" gradientUnits="userSpaceOnUse" gradientTransform="matrix(.2262 .80202 -.80206 .2262 211.233 -39.874)" x1="30" y1="84" x2="39" y2="89.196"/><linearGradient xlink:href="#a" id="aD" gradientUnits="userSpaceOnUse" gradientTransform="matrix(.1465 .82033 -.82037 .1465 231.64 -33.839)" x1="39" y1="78.804" x2="30" y2="84"/><linearGradient xlink:href="#a" id="aE" gradientUnits="userSpaceOnUse" gradientTransform="matrix(.1465 .82033 -.82037 .1465 231.64 -33.839)" x1="39" y1="89.196" x2="39" y2="78.804"/><linearGradient xlink:href="#a" id="aF" gradientUnits="userSpaceOnUse" gradientTransform="matrix(.1465 .82033 -.82037 .1465 231.64 -33.839)" x1="30" y1="84" x2="39" y2="89.196"/><linearGradient xlink:href="#a" id="aG" gradientUnits="userSpaceOnUse" gradientTransform="matrix(.06538 .83074 -.83078 .06538 251.434 -27.4)" x1="39" y1="78.804" x2="30" y2="84"/><linearGradient xlink:href="#a" id="aH" gradientUnits="userSpaceOnUse" gradientTransform="matrix(.06538 .83074 -.83078 .06538 251.434 -27.4)" x1="39" y1="89.196" x2="39" y2="78.804"/><linearGradient xlink:href="#a" id="aI" gradientUnits="userSpaceOnUse" gradientTransform="matrix(.06538 .83074 -.83078 .06538 251.434 -27.4)" x1="30" y1="84" x2="39" y2="89.196"/><linearGradient xlink:href="#a" id="aJ" gradientUnits="userSpaceOnUse" gradientTransform="matrix(-.01636 .83315 -.83319 -.01636 270.578 -20.62)" x1="39" y1="78.804" x2="30" y2="84"/><linearGradient xlink:href="#a" id="aK" gradientUnits="userSpaceOnUse" gradientTransform="matrix(-.01636 .83315 -.83319 -.01636 270.578 -20.62)" x1="39" y1="89.196" x2="39" y2="78.804"/><linearGradient xlink:href="#a" id="aL" gradientUnits="userSpaceOnUse" gradientTransform="matrix(-.01636 .83315 -.83319 -.01636 270.578 -20.62)" x1="30" y1="84" x2="39" y2="89.196"/><linearGradient xlink:href="#a" id="aM" gradientUnits="userSpaceOnUse" gradientTransform="matrix(-.09795 .82753 -.82757 -.09795 289.044 -13.564)" x1="39" y1="78.804" x2="30" y2="84"/><linearGradient xlink:href="#a" id="aN" gradientUnits="userSpaceOnUse" gradientTransform="matrix(-.09795 .82753 -.82757 -.09795 289.044 -13.564)" x1="39" y1="89.196" x2="39" y2="78.804"/><linearGradient xlink:href="#a" id="aO" gradientUnits="userSpaceOnUse" gradientTransform="matrix(-.09795 .82753 -.82757 -.09795 289.044 -13.564)" x1="30" y1="84" x2="39" y2="89.196"/><linearGradient xlink:href="#a" id="aP" gradientUnits="userSpaceOnUse" gradientTransform="matrix(-.17859 .81395 -.81399 -.1786 306.806 -6.301)" x1="39" y1="78.804" x2="30" y2="84"/><linearGradient xlink:href="#a" id="aQ" gradientUnits="userSpaceOnUse" gradientTransform="matrix(-.17859 .81395 -.81399 -.1786 306.806 -6.301)" x1="39" y1="89.196" x2="39" y2="78.804"/><linearGradient xlink:href="#a" id="aR" gradientUnits="userSpaceOnUse" gradientTransform="matrix(-.17859 .81395 -.81399 -.1786 306.806 -6.301)" x1="30" y1="84" x2="39" y2="89.196"/><linearGradient xlink:href="#a" id="aS" gradientUnits="userSpaceOnUse" gradientTransform="matrix(-.2575 .79253 -.79256 -.25752 323.848 1.1)" x1="39" y1="78.804" x2="30" y2="84"/><linearGradient xlink:href="#a" id="aT" gradientUnits="userSpaceOnUse" gradientTransform="matrix(-.2575 .79253 -.79256 -.25752 323.848 1.1)" x1="39" y1="89.196" x2="39" y2="78.804"/><linearGradient xlink:href="#a" id="aU" gradientUnits="userSpaceOnUse" gradientTransform="matrix(-.2575 .79253 -.79256 -.25752 323.848 1.1)" x1="30" y1="84" x2="39" y2="89.196"/><linearGradient xlink:href="#a" id="aV" gradientUnits="userSpaceOnUse" gradientTransform="matrix(-.33395 .76347 -.7635 -.33396 340.16 8.569)" x1="39" y1="78.804" x2="30" y2="84"/><linearGradient xlink:href="#a" id="aW" gradientUnits="userSpaceOnUse" gradientTransform="matrix(-.33395 .76347 -.7635 -.33396 340.16 8.569)" x1="39" y1="89.196" x2="39" y2="78.804"/><linearGradient xlink:href="#a" id="aX" gradientUnits="userSpaceOnUse" gradientTransform="matrix(-.33395 .76347 -.7635 -.33396 340.16 8.569)" x1="30" y1="84" x2="39" y2="89.196"/><linearGradient xlink:href="#a" id="aY" gradientUnits="userSpaceOnUse" gradientTransform="matrix(-.40717 .72706 -.7271 -.4072 355.737 16.032)" x1="39" y1="78.804" x2="30" y2="84"/><linearGradient xlink:href="#a" id="aZ" gradientUnits="userSpaceOnUse" gradientTransform="matrix(-.40717 .72706 -.7271 -.4072 355.737 16.032)" x1="39" y1="89.196" x2="39" y2="78.804"/><linearGradient xlink:href="#a" id="ba" gradientUnits="userSpaceOnUse" gradientTransform="matrix(-.40717 .72706 -.7271 -.4072 355.737 16.032)" x1="30" y1="84" x2="39" y2="89.196"/><linearGradient xlink:href="#a" id="bb" gradientUnits="userSpaceOnUse" gradientTransform="matrix(-.47648 .68365 -.68368 -.4765 370.585 23.414)" x1="39" y1="78.804" x2="30" y2="84"/><linearGradient xlink:href="#a" id="bc" gradientUnits="userSpaceOnUse" gradientTransform="matrix(-.47648 .68365 -.68368 -.4765 370.585 23.414)" x1="39" y1="89.196" x2="39" y2="78.804"/><linearGradient xlink:href="#a" id="bd" gradientUnits="userSpaceOnUse" gradientTransform="matrix(-.47648 .68365 -.68368 -.4765 370.585 23.414)" x1="30" y1="84" x2="39" y2="89.196"/><linearGradient xlink:href="#a" id="be" gradientUnits="userSpaceOnUse" gradientTransform="matrix(-.5412 .63365 -.63368 -.54122 384.714 30.652)" x1="39" y1="78.804" x2="30" y2="84"/><linearGradient xlink:href="#a" id="bf" gradientUnits="userSpaceOnUse" gradientTransform="matrix(-.5412 .63365 -.63368 -.54122 384.714 30.652)" x1="39" y1="89.196" x2="39" y2="78.804"/><linearGradient xlink:href="#a" id="bg" gradientUnits="userSpaceOnUse" gradientTransform="matrix(-.5412 .63365 -.63368 -.54122 384.714 30.652)" x1="30" y1="84" x2="39" y2="89.196"/><linearGradient xlink:href="#a" id="bh" gradientUnits="userSpaceOnUse" gradientTransform="matrix(-.6007 .57756 -.57758 -.60072 398.144 37.67)" x1="39" y1="78.804" x2="30" y2="84"/><linearGradient xlink:href="#a" id="bi" gradientUnits="userSpaceOnUse" gradientTransform="matrix(-.6007 .57756 -.57758 -.60072 398.144 37.67)" x1="39" y1="89.196" x2="39" y2="78.804"/><linearGradient xlink:href="#a" id="bj" gradientUnits="userSpaceOnUse" gradientTransform="matrix(-.6007 .57756 -.57758 -.60072 398.144 37.67)" x1="30" y1="84" x2="39" y2="89.196"/><linearGradient xlink:href="#a" id="bk" gradientUnits="userSpaceOnUse" gradientTransform="matrix(-.65441 .5159 -.51592 -.65444 410.898 44.403)" x1="39" y1="78.804" x2="30" y2="84"/><linearGradient xlink:href="#a" id="bl" gradientUnits="userSpaceOnUse" gradientTransform="matrix(-.65441 .5159 -.51592 -.65444 410.898 44.403)" x1="39" y1="89.196" x2="39" y2="78.804"/><linearGradient xlink:href="#a" id="bm" gradientUnits="userSpaceOnUse" gradientTransform="matrix(-.65441 .5159 -.51592 -.65444 410.898 44.403)" x1="30" y1="84" x2="39" y2="89.196"/><linearGradient xlink:href="#a" id="bn" gradientUnits="userSpaceOnUse" gradientTransform="matrix(-.70183 .44927 -.44929 -.70186 423.008 50.785)" x1="39" y1="78.804" x2="30" y2="84"/><linearGradient xlink:href="#a" id="bo" gradientUnits="userSpaceOnUse" gradientTransform="matrix(-.70183 .44927 -.44929 -.70186 423.008 50.785)" x1="39" y1="89.196" x2="39" y2="78.804"/><linearGradient xlink:href="#a" id="bp" gradientUnits="userSpaceOnUse" gradientTransform="matrix(-.70183 .44927 -.44929 -.70186 423.008 50.785)" x1="30" y1="84" x2="39" y2="89.196"/><linearGradient xlink:href="#a" id="bq" gradientUnits="userSpaceOnUse" gradientTransform="matrix(-.74249 .37832 -.37833 -.74252 434.51 56.754)" x1="39" y1="78.804" x2="30" y2="84"/><linearGradient xlink:href="#a" id="br" gradientUnits="userSpaceOnUse" gradientTransform="matrix(-.74249 .37832 -.37833 -.74252 434.51 56.754)" x1="39" y1="89.196" x2="39" y2="78.804"/><linearGradient xlink:href="#a" id="bs" gradientUnits="userSpaceOnUse" gradientTransform="matrix(-.74249 .37832 -.37833 -.74252 434.51 56.754)" x1="30" y1="84" x2="39" y2="89.196"/><linearGradient xlink:href="#a" id="bt" gradientUnits="userSpaceOnUse" gradientTransform="matrix(-.776 .30372 -.30373 -.77603 445.45 62.255)" x1="39" y1="78.804" x2="30" y2="84"/><linearGradient xlink:href="#a" id="bu" gradientUnits="userSpaceOnUse" gradientTransform="matrix(-.776 .30372 -.30373 -.77603 445.45 62.255)" x1="39" y1="89.196" x2="39" y2="78.804"/><linearGradient xlink:href="#a" id="bv" gradientUnits="userSpaceOnUse" gradientTransform="matrix(-.776 .30372 -.30373 -.77603 445.45 62.255)" x1="30" y1="84" x2="39" y2="89.196"/><linearGradient xlink:href="#a" id="bw" gradientUnits="userSpaceOnUse" gradientTransform="matrix(-.80202 .2262 -.2262 -.80206 455.875 67.233)" x1="39" y1="78.804" x2="30" y2="84"/><linearGradient xlink:href="#a" id="bx" gradientUnits="userSpaceOnUse" gradientTransform="matrix(-.80202 .2262 -.2262 -.80206 455.875 67.233)" x1="39" y1="89.196" x2="39" y2="78.804"/><linearGradient xlink:href="#a" id="by" gradientUnits="userSpaceOnUse" gradientTransform="matrix(-.80202 .2262 -.2262 -.80206 455.875 67.233)" x1="30" y1="84" x2="39" y2="89.196"/><linearGradient xlink:href="#a" id="bz" gradientUnits="userSpaceOnUse" gradientTransform="matrix(-.82033 .1465 -.1465 -.82037 465.84 71.64)" x1="39" y1="78.804" x2="30" y2="84"/><linearGradient xlink:href="#a" id="bA" gradientUnits="userSpaceOnUse" gradientTransform="matrix(-.82033 .1465 -.1465 -.82037 465.84 71.64)" x1="39" y1="89.196" x2="39" y2="78.804"/><linearGradient xlink:href="#a" id="bB" gradientUnits="userSpaceOnUse" gradientTransform="matrix(-.82033 .1465 -.1465 -.82037 465.84 71.64)" x1="30" y1="84" x2="39" y2="89.196"/><linearGradient xlink:href="#a" id="bC" gradientUnits="userSpaceOnUse" gradientTransform="matrix(-.83074 .06538 -.06538 -.83078 475.4 75.435)" x1="39" y1="78.804" x2="30" y2="84"/><linearGradient xlink:href="#a" id="bD" gradientUnits="userSpaceOnUse" gradientTransform="matrix(-.83074 .06538 -.06538 -.83078 475.4 75.435)" x1="39" y1="89.196" x2="39" y2="78.804"/><linearGradient xlink:href="#a" id="bE" gradientUnits="userSpaceOnUse" gradientTransform="matrix(-.83074 .06538 -.06538 -.83078 475.4 75.435)" x1="30" y1="84" x2="39" y2="89.196"/><linearGradient xlink:href="#a" id="bF" gradientUnits="userSpaceOnUse" gradientTransform="matrix(-.83315 -.01639 .0164 -.83319 484.632 78.589)" x1="39" y1="78.804" x2="30" y2="84"/><linearGradient xlink:href="#a" id="bG" gradientUnits="userSpaceOnUse" gradientTransform="matrix(-.83315 -.01639 .0164 -.83319 484.632 78.589)" x1="39" y1="89.196" x2="39" y2="78.804"/><linearGradient xlink:href="#a" id="bH" gradientUnits="userSpaceOnUse" gradientTransform="matrix(-.83315 -.01639 .0164 -.83319 484.632 78.589)" x1="30" y1="84" x2="39" y2="89.196"/><linearGradient xlink:href="#a" id="bI" gradientUnits="userSpaceOnUse" gradientTransform="matrix(-.82753 -.09795 .09795 -.82757 493.562 81.044)" x1="39" y1="78.804" x2="30" y2="84"/><linearGradient xlink:href="#a" id="bJ" gradientUnits="userSpaceOnUse" gradientTransform="matrix(-.82753 -.09795 .09795 -.82757 493.562 81.044)" x1="39" y1="89.196" x2="39" y2="78.804"/><linearGradient xlink:href="#a" id="bK" gradientUnits="userSpaceOnUse" gradientTransform="matrix(-.82753 -.09795 .09795 -.82757 493.562 81.044)" x1="30" y1="84" x2="39" y2="89.196"/><linearGradient xlink:href="#a" id="bL" gradientUnits="userSpaceOnUse" gradientTransform="matrix(-.81395 -.17859 .1786 -.81399 502.3 82.805)" x1="39" y1="78.804" x2="30" y2="84"/><linearGradient xlink:href="#a" id="bM" gradientUnits="userSpaceOnUse" gradientTransform="matrix(-.81395 -.17859 .1786 -.81399 502.3 82.805)" x1="39" y1="89.196" x2="39" y2="78.804"/><linearGradient xlink:href="#a" id="bN" gradientUnits="userSpaceOnUse" gradientTransform="matrix(-.81395 -.17859 .1786 -.81399 502.3 82.805)" x1="30" y1="84" x2="39" y2="89.196"/><linearGradient xlink:href="#a" id="bO" gradientUnits="userSpaceOnUse" gradientTransform="matrix(-.79253 -.2575 .25752 -.79256 510.898 83.847)" x1="39" y1="78.804" x2="30" y2="84"/><linearGradient xlink:href="#a" id="bP" gradientUnits="userSpaceOnUse" gradientTransform="matrix(-.79253 -.2575 .25752 -.79256 510.898 83.847)" x1="39" y1="89.196" x2="39" y2="78.804"/><linearGradient xlink:href="#a" id="bQ" gradientUnits="userSpaceOnUse" gradientTransform="matrix(-.79253 -.2575 .25752 -.79256 510.898 83.847)" x1="30" y1="84" x2="39" y2="89.196"/><linearGradient xlink:href="#a" id="bR" gradientUnits="userSpaceOnUse" gradientTransform="matrix(-.76347 -.33395 .33396 -.7635 7.43 100.158)" x1="39" y1="78.804" x2="30" y2="84"/><linearGradient xlink:href="#a" id="bS" gradientUnits="userSpaceOnUse" gradientTransform="matrix(-.76347 -.33395 .33396 -.7635 7.43 100.158)" x1="39" y1="89.196" x2="39" y2="78.804"/><linearGradient xlink:href="#a" id="bT" gradientUnits="userSpaceOnUse" gradientTransform="matrix(-.76347 -.33395 .33396 -.7635 7.43 100.158)" x1="30" y1="84" x2="39" y2="89.196"/><linearGradient xlink:href="#a" id="bU" gradientUnits="userSpaceOnUse" gradientTransform="matrix(-.72706 -.40717 .4072 -.7271 15.968 99.736)" x1="39" y1="78.804" x2="30" y2="84"/><linearGradient xlink:href="#a" id="bV" gradientUnits="userSpaceOnUse" gradientTransform="matrix(-.72706 -.40717 .4072 -.7271 15.968 99.736)" x1="39" y1="89.196" x2="39" y2="78.804"/><linearGradient xlink:href="#a" id="bW" gradientUnits="userSpaceOnUse" gradientTransform="matrix(-.72706 -.40717 .4072 -.7271 15.968 99.736)" x1="30" y1="84" x2="39" y2="89.196"/><linearGradient xlink:href="#a" id="bX" gradientUnits="userSpaceOnUse" gradientTransform="matrix(-.68365 -.47648 .4765 -.68368 24.583 98.585)" x1="39" y1="78.804" x2="30" y2="84"/><linearGradient xlink:href="#a" id="bY" gradientUnits="userSpaceOnUse" gradientTransform="matrix(-.68365 -.47648 .4765 -.68368 24.583 98.585)" x1="39" y1="89.196" x2="39" y2="78.804"/><linearGradient xlink:href="#a" id="bZ" gradientUnits="userSpaceOnUse" gradientTransform="matrix(-.68365 -.47648 .4765 -.68368 24.583 98.585)" x1="30" y1="84" x2="39" y2="89.196"/><linearGradient xlink:href="#a" id="ca" gradientUnits="userSpaceOnUse" gradientTransform="matrix(-.63365 -.5412 .54122 -.63368 33.348 96.714)" x1="39" y1="78.804" x2="30" y2="84"/><linearGradient xlink:href="#a" id="cb" gradientUnits="userSpaceOnUse" gradientTransform="matrix(-.63365 -.5412 .54122 -.63368 33.348 96.714)" x1="39" y1="89.196" x2="39" y2="78.804"/><linearGradient xlink:href="#a" id="cc" gradientUnits="userSpaceOnUse" gradientTransform="matrix(-.63365 -.5412 .54122 -.63368 33.348 96.714)" x1="30" y1="84" x2="39" y2="89.196"/><linearGradient xlink:href="#a" id="cd" gradientUnits="userSpaceOnUse" gradientTransform="matrix(-.57756 -.6007 .60072 -.57758 42.328 94.144)" x1="39" y1="78.804" x2="30" y2="84"/><linearGradient xlink:href="#a" id="ce" gradientUnits="userSpaceOnUse" gradientTransform="matrix(-.57756 -.6007 .60072 -.57758 42.328 94.144)" x1="39" y1="89.196" x2="39" y2="78.804"/><linearGradient xlink:href="#a" id="cf" gradientUnits="userSpaceOnUse" gradientTransform="matrix(-.57756 -.6007 .60072 -.57758 42.328 94.144)" x1="30" y1="84" x2="39" y2="89.196"/><linearGradient xlink:href="#a" id="cg" gradientUnits="userSpaceOnUse" gradientTransform="matrix(-.5159 -.65441 .65444 -.51592 51.597 90.9)" x1="39" y1="78.804" x2="30" y2="84"/><linearGradient xlink:href="#a" id="ch" gradientUnits="userSpaceOnUse" gradientTransform="matrix(-.5159 -.65441 .65444 -.51592 51.597 90.9)" x1="39" y1="89.196" x2="39" y2="78.804"/><linearGradient xlink:href="#a" id="ci" gradientUnits="userSpaceOnUse" gradientTransform="matrix(-.5159 -.65441 .65444 -.51592 51.597 90.9)" x1="30" y1="84" x2="39" y2="89.196"/><linearGradient xlink:href="#a" id="cj" gradientUnits="userSpaceOnUse" gradientTransform="matrix(-.44927 -.70183 .70186 -.44929 61.214 87.01)" x1="39" y1="78.804" x2="30" y2="84"/><linearGradient xlink:href="#a" id="ck" gradientUnits="userSpaceOnUse" gradientTransform="matrix(-.44927 -.70183 .70186 -.44929 61.214 87.01)" x1="39" y1="89.196" x2="39" y2="78.804"/><linearGradient xlink:href="#a" id="cl" gradientUnits="userSpaceOnUse" gradientTransform="matrix(-.44927 -.70183 .70186 -.44929 61.214 87.01)" x1="30" y1="84" x2="39" y2="89.196"/><linearGradient xlink:href="#a" id="cm" gradientUnits="userSpaceOnUse" gradientTransform="matrix(-.37832 -.74249 .74252 -.37833 71.245 82.51)" x1="39" y1="78.804" x2="30" y2="84"/><linearGradient xlink:href="#a" id="cn" gradientUnits="userSpaceOnUse" gradientTransform="matrix(-.37832 -.74249 .74252 -.37833 71.245 82.51)" x1="39" y1="89.196" x2="39" y2="78.804"/><linearGradient xlink:href="#a" id="co" gradientUnits="userSpaceOnUse" gradientTransform="matrix(-.37832 -.74249 .74252 -.37833 71.245 82.51)" x1="30" y1="84" x2="39" y2="89.196"/><linearGradient xlink:href="#a" id="cp" gradientUnits="userSpaceOnUse" gradientTransform="matrix(-.30372 -.776 .77603 -.30373 81.745 77.45)" x1="39" y1="78.804" x2="30" y2="84"/><linearGradient xlink:href="#a" id="cq" gradientUnits="userSpaceOnUse" gradientTransform="matrix(-.30372 -.776 .77603 -.30373 81.745 77.45)" x1="39" y1="89.196" x2="39" y2="78.804"/><linearGradient xlink:href="#a" id="cr" gradientUnits="userSpaceOnUse" gradientTransform="matrix(-.30372 -.776 .77603 -.30373 81.745 77.45)" x1="30" y1="84" x2="39" y2="89.196"/><linearGradient xlink:href="#a" id="cs" gradientUnits="userSpaceOnUse" gradientTransform="matrix(-.2262 -.80202 .80206 -.2262 92.767 71.875)" x1="39" y1="78.804" x2="30" y2="84"/><linearGradient xlink:href="#a" id="ct" gradientUnits="userSpaceOnUse" gradientTransform="matrix(-.2262 -.80202 .80206 -.2262 92.767 71.875)" x1="39" y1="89.196" x2="39" y2="78.804"/><linearGradient xlink:href="#a" id="cu" gradientUnits="userSpaceOnUse" gradientTransform="matrix(-.2262 -.80202 .80206 -.2262 92.767 71.875)" x1="30" y1="84" x2="39" y2="89.196"/><linearGradient xlink:href="#a" id="cv" gradientUnits="userSpaceOnUse" gradientTransform="matrix(-.1465 -.82033 .82037 -.1465 104.359 65.84)" x1="39" y1="78.804" x2="30" y2="84"/><linearGradient xlink:href="#a" id="cw" gradientUnits="userSpaceOnUse" gradientTransform="matrix(-.1465 -.82033 .82037 -.1465 104.359 65.84)" x1="39" y1="89.196" x2="39" y2="78.804"/><linearGradient xlink:href="#a" id="cx" gradientUnits="userSpaceOnUse" gradientTransform="matrix(-.1465 -.82033 .82037 -.1465 104.359 65.84)" x1="30" y1="84" x2="39" y2="89.196"/><linearGradient xlink:href="#a" id="cy" gradientUnits="userSpaceOnUse" gradientTransform="matrix(-.06538 -.83074 .83078 -.06538 116.566 59.4)" x1="39" y1="78.804" x2="30" y2="84"/><linearGradient xlink:href="#a" id="cz" gradientUnits="userSpaceOnUse" gradientTransform="matrix(-.06538 -.83074 .83078 -.06538 116.566 59.4)" x1="39" y1="89.196" x2="39" y2="78.804"/><linearGradient xlink:href="#a" id="cA" gradientUnits="userSpaceOnUse" gradientTransform="matrix(-.06538 -.83074 .83078 -.06538 116.566 59.4)" x1="30" y1="84" x2="39" y2="89.196"/><linearGradient xlink:href="#a" id="cB" gradientUnits="userSpaceOnUse" gradientTransform="matrix(.01636 -.83315 .83319 .01636 129.421 52.62)" x1="39" y1="78.804" x2="30" y2="84"/><linearGradient xlink:href="#a" id="cC" gradientUnits="userSpaceOnUse" gradientTransform="matrix(.01636 -.83315 .83319 .01636 129.421 52.62)" x1="39" y1="89.196" x2="39" y2="78.804"/><linearGradient xlink:href="#a" id="cD" gradientUnits="userSpaceOnUse" gradientTransform="matrix(.01636 -.83315 .83319 .01636 129.421 52.62)" x1="30" y1="84" x2="39" y2="89.196"/><linearGradient xlink:href="#a" id="cE" gradientUnits="userSpaceOnUse" gradientTransform="matrix(.09795 -.82753 .82757 .09795 142.956 45.563)" x1="39" y1="78.804" x2="30" y2="84"/><linearGradient xlink:href="#a" id="cF" gradientUnits="userSpaceOnUse" gradientTransform="matrix(.09795 -.82753 .82757 .09795 142.956 45.563)" x1="39" y1="89.196" x2="39" y2="78.804"/><linearGradient xlink:href="#a" id="cG" gradientUnits="userSpaceOnUse" gradientTransform="matrix(.09795 -.82753 .82757 .09795 142.956 45.563)" x1="30" y1="84" x2="39" y2="89.196"/><linearGradient xlink:href="#a" id="cH" gradientUnits="userSpaceOnUse" gradientTransform="matrix(.17859 -.81395 .81399 .1786 157.193 38.299)" x1="39" y1="78.804" x2="30" y2="84"/><linearGradient xlink:href="#a" id="cI" gradientUnits="userSpaceOnUse" gradientTransform="matrix(.17859 -.81395 .81399 .1786 157.193 38.299)" x1="39" y1="89.196" x2="39" y2="78.804"/><linearGradient xlink:href="#a" id="cJ" gradientUnits="userSpaceOnUse" gradientTransform="matrix(.17859 -.81395 .81399 .1786 157.193 38.299)" x1="30" y1="84" x2="39" y2="89.196"/><linearGradient xlink:href="#a" id="cK" gradientUnits="userSpaceOnUse" gradientTransform="matrix(.2575 -.79253 .79256 .25752 172.152 30.9)" x1="39" y1="78.804" x2="30" y2="84"/><linearGradient xlink:href="#a" id="cL" gradientUnits="userSpaceOnUse" gradientTransform="matrix(.2575 -.79253 .79256 .25752 172.152 30.9)" x1="39" y1="89.196" x2="39" y2="78.804"/><linearGradient xlink:href="#a" id="cM" gradientUnits="userSpaceOnUse" gradientTransform="matrix(.2575 -.79253 .79256 .25752 172.152 30.9)" x1="30" y1="84" x2="39" y2="89.196"/><linearGradient xlink:href="#a" id="cN" gradientUnits="userSpaceOnUse" gradientTransform="matrix(.33395 -.76347 .7635 .33396 187.841 23.43)" x1="39" y1="78.804" x2="30" y2="84"/><linearGradient xlink:href="#a" id="cO" gradientUnits="userSpaceOnUse" gradientTransform="matrix(.33395 -.76347 .7635 .33396 187.841 23.43)" x1="39" y1="89.196" x2="39" y2="78.804"/><linearGradient xlink:href="#a" id="cP" gradientUnits="userSpaceOnUse" gradientTransform="matrix(.33395 -.76347 .7635 .33396 187.841 23.43)" x1="30" y1="84" x2="39" y2="89.196"/><linearGradient xlink:href="#a" id="cQ" gradientUnits="userSpaceOnUse" gradientTransform="matrix(.40717 -.72706 .7271 .4072 204.264 15.97)" x1="39" y1="78.804" x2="30" y2="84"/><linearGradient xlink:href="#a" id="cR" gradientUnits="userSpaceOnUse" gradientTransform="matrix(.40717 -.72706 .7271 .4072 204.264 15.97)" x1="39" y1="89.196" x2="39" y2="78.804"/><linearGradient xlink:href="#a" id="cS" gradientUnits="userSpaceOnUse" gradientTransform="matrix(.40717 -.72706 .7271 .4072 204.264 15.97)" x1="30" y1="84" x2="39" y2="89.196"/><linearGradient xlink:href="#a" id="cT" gradientUnits="userSpaceOnUse" gradientTransform="matrix(.47648 -.68365 .68368 .4765 221.415 8.584)" x1="39" y1="78.804" x2="30" y2="84"/><linearGradient xlink:href="#a" id="cU" gradientUnits="userSpaceOnUse" gradientTransform="matrix(.47648 -.68365 .68368 .4765 221.415 8.584)" x1="39" y1="89.196" x2="39" y2="78.804"/><linearGradient xlink:href="#a" id="cV" gradientUnits="userSpaceOnUse" gradientTransform="matrix(.47648 -.68365 .68368 .4765 221.415 8.584)" x1="30" y1="84" x2="39" y2="89.196"/><linearGradient xlink:href="#a" id="cW" gradientUnits="userSpaceOnUse" gradientTransform="matrix(.5412 -.63365 .63368 .54122 239.286 1.348)" x1="39" y1="78.804" x2="30" y2="84"/><linearGradient xlink:href="#a" id="cX" gradientUnits="userSpaceOnUse" gradientTransform="matrix(.5412 -.63365 .63368 .54122 239.286 1.348)" x1="39" y1="89.196" x2="39" y2="78.804"/><linearGradient xlink:href="#a" id="cY" gradientUnits="userSpaceOnUse" gradientTransform="matrix(.5412 -.63365 .63368 .54122 239.286 1.348)" x1="30" y1="84" x2="39" y2="89.196"/><linearGradient xlink:href="#a" id="cZ" gradientUnits="userSpaceOnUse" gradientTransform="matrix(.6007 -.57756 .57758 .60072 257.857 -5.67)" x1="39" y1="78.804" x2="30" y2="84"/><linearGradient xlink:href="#a" id="da" gradientUnits="userSpaceOnUse" gradientTransform="matrix(.6007 -.57756 .57758 .60072 257.857 -5.67)" x1="39" y1="89.196" x2="39" y2="78.804"/><linearGradient xlink:href="#a" id="db" gradientUnits="userSpaceOnUse" gradientTransform="matrix(.6007 -.57756 .57758 .60072 257.857 -5.67)" x1="30" y1="84" x2="39" y2="89.196"/><linearGradient xlink:href="#a" id="dc" gradientUnits="userSpaceOnUse" gradientTransform="matrix(.65441 -.5159 .51592 .65444 277.102 -12.403)" x1="39" y1="78.804" x2="30" y2="84"/><linearGradient xlink:href="#a" id="dd" gradientUnits="userSpaceOnUse" gradientTransform="matrix(.65441 -.5159 .51592 .65444 277.102 -12.403)" x1="39" y1="89.196" x2="39" y2="78.804"/><linearGradient xlink:href="#a" id="de" gradientUnits="userSpaceOnUse" gradientTransform="matrix(.65441 -.5159 .51592 .65444 277.102 -12.403)" x1="30" y1="84" x2="39" y2="89.196"/><linearGradient xlink:href="#a" id="df" gradientUnits="userSpaceOnUse" gradientTransform="matrix(.70183 -.44927 .44929 .70186 296.993 -18.785)" x1="39" y1="78.804" x2="30" y2="84"/><linearGradient xlink:href="#a" id="dg" gradientUnits="userSpaceOnUse" gradientTransform="matrix(.70183 -.44927 .44929 .70186 296.993 -18.785)" x1="39" y1="89.196" x2="39" y2="78.804"/><linearGradient xlink:href="#a" id="dh" gradientUnits="userSpaceOnUse" gradientTransform="matrix(.70183 -.44927 .44929 .70186 296.993 -18.785)" x1="30" y1="84" x2="39" y2="89.196"/><linearGradient xlink:href="#a" id="di" gradientUnits="userSpaceOnUse" gradientTransform="matrix(.74249 -.37832 .37833 .74252 317.49 -24.755)" x1="39" y1="78.804" x2="30" y2="84"/><linearGradient xlink:href="#a" id="dj" gradientUnits="userSpaceOnUse" gradientTransform="matrix(.74249 -.37832 .37833 .74252 317.49 -24.755)" x1="39" y1="89.196" x2="39" y2="78.804"/><linearGradient xlink:href="#a" id="dk" gradientUnits="userSpaceOnUse" gradientTransform="matrix(.74249 -.37832 .37833 .74252 317.49 -24.755)" x1="30" y1="84" x2="39" y2="89.196"/><linearGradient xlink:href="#a" id="dl" gradientUnits="userSpaceOnUse" gradientTransform="matrix(.776 -.30372 .30373 .77603 338.55 -30.254)" x1="39" y1="78.804" x2="30" y2="84"/><linearGradient xlink:href="#a" id="dm" gradientUnits="userSpaceOnUse" gradientTransform="matrix(.776 -.30372 .30373 .77603 338.55 -30.254)" x1="39" y1="89.196" x2="39" y2="78.804"/><linearGradient xlink:href="#a" id="dn" gradientUnits="userSpaceOnUse" gradientTransform="matrix(.776 -.30372 .30373 .77603 338.55 -30.254)" x1="30" y1="84" x2="39" y2="89.196"/><linearGradient xlink:href="#a" id="do" gradientUnits="userSpaceOnUse" gradientTransform="matrix(.80202 -.2262 .2262 .80206 360.126 -35.232)" x1="39" y1="78.804" x2="30" y2="84"/><linearGradient xlink:href="#a" id="dp" gradientUnits="userSpaceOnUse" gradientTransform="matrix(.80202 -.2262 .2262 .80206 360.126 -35.232)" x1="39" y1="89.196" x2="39" y2="78.804"/><linearGradient xlink:href="#a" id="dq" gradientUnits="userSpaceOnUse" gradientTransform="matrix(.80202 -.2262 .2262 .80206 360.126 -35.232)" x1="30" y1="84" x2="39" y2="89.196"/><linearGradient xlink:href="#a" id="dr" gradientUnits="userSpaceOnUse" gradientTransform="matrix(.82033 -.1465 .1465 .82037 382.164 -39.639)" x1="39" y1="78.804" x2="30" y2="84"/><linearGradient xlink:href="#a" id="ds" gradientUnits="userSpaceOnUse" gradientTransform="matrix(.82033 -.1465 .1465 .82037 382.164 -39.639)" x1="39" y1="89.196" x2="39" y2="78.804"/><linearGradient xlink:href="#a" id="dt" gradientUnits="userSpaceOnUse" gradientTransform="matrix(.82033 -.1465 .1465 .82037 382.164 -39.639)" x1="30" y1="84" x2="39" y2="89.196"/><linearGradient xlink:href="#a" id="du" gradientUnits="userSpaceOnUse" gradientTransform="matrix(.22048 0 0 .22049 -.34 229.19)" x1="39" y1="78.804" x2="30" y2="84"/><linearGradient xlink:href="#a" id="dv" gradientUnits="userSpaceOnUse" gradientTransform="matrix(.22048 0 0 .22049 -.34 229.19)" x1="39" y1="89.196" x2="39" y2="78.804"/><linearGradient xlink:href="#a" id="dw" gradientUnits="userSpaceOnUse" gradientTransform="matrix(.22048 0 0 .22049 -.34 229.19)" x1="30" y1="84" x2="39" y2="89.196"/><linearGradient xlink:href="#a" id="dx" gradientUnits="userSpaceOnUse" gradientTransform="matrix(.22048 0 0 .22049 -.34 229.19)" x1="39" y1="78.804" x2="30" y2="84"/><linearGradient xlink:href="#a" id="dy" gradientUnits="userSpaceOnUse" gradientTransform="matrix(.22048 0 0 .22049 -.34 229.19)" x1="39" y1="89.196" x2="39" y2="78.804"/><linearGradient xlink:href="#a" id="dz" gradientUnits="userSpaceOnUse" gradientTransform="matrix(.22048 0 0 .22049 -.34 229.19)" x1="30" y1="84" x2="39" y2="89.196"/><linearGradient xlink:href="#a" id="dA" gradientUnits="userSpaceOnUse" gradientTransform="matrix(.22048 0 0 .22049 -.34 229.19)" x1="39" y1="78.804" x2="30" y2="84"/><linearGradient xlink:href="#a" id="dB" gradientUnits="userSpaceOnUse" gradientTransform="matrix(.22048 0 0 .22049 -.34 229.19)" x1="39" y1="89.196" x2="39" y2="78.804"/><linearGradient xlink:href="#a" id="dC" gradientUnits="userSpaceOnUse" gradientTransform="matrix(.22048 0 0 .22049 -.34 229.19)" x1="30" y1="84" x2="39" y2="89.196"/><linearGradient xlink:href="#a" id="dD" gradientUnits="userSpaceOnUse" gradientTransform="matrix(.22048 0 0 .22049 -.34 229.19)" x1="39" y1="78.804" x2="30" y2="84"/><linearGradient xlink:href="#a" id="dE" gradientUnits="userSpaceOnUse" gradientTransform="matrix(.22048 0 0 .22049 -.34 229.19)" x1="39" y1="89.196" x2="39" y2="78.804"/><linearGradient xlink:href="#a" id="dF" gradientUnits="userSpaceOnUse" gradientTransform="matrix(.22048 0 0 .22049 -.34 229.19)" x1="30" y1="84" x2="39" y2="89.196"/><linearGradient xlink:href="#a" id="dG" gradientUnits="userSpaceOnUse" gradientTransform="matrix(.22048 0 0 .22049 -.34 229.19)" x1="39" y1="78.804" x2="30" y2="84"/><linearGradient xlink:href="#a" id="dH" gradientUnits="userSpaceOnUse" gradientTransform="matrix(.22048 0 0 .22049 -.34 229.19)" x1="39" y1="89.196" x2="39" y2="78.804"/><linearGradient xlink:href="#a" id="dI" gradientUnits="userSpaceOnUse" gradientTransform="matrix(.22048 0 0 .22049 -.34 229.19)" x1="30" y1="84" x2="39" y2="89.196"/></defs><use height="100%" width="100%" transform="rotate(6 1899.7 368.668)" xlink:href="#g10450-5"/><use height="100%" width="100%" transform="rotate(12 995.292 234.735)" xlink:href="#use12000"/><use height="100%" width="100%" transform="rotate(18 683.348 366.713)" xlink:href="#g10450-5"/><use height="100%" width="100%" transform="rotate(24 554.517 299.132)" xlink:href="#use12000"/><use height="100%" width="100%" transform="rotate(30 487.724 258.285)" xlink:href="#use12002"/><use height="100%" width="100%" transform="rotate(36 409.946 360.067)" xlink:href="#g10450-5"/><use height="100%" width="100%" transform="rotate(42 391.885 320.371)" xlink:href="#use12000"/><use height="100%" width="100%" transform="rotate(48 384.89 290.213)" xlink:href="#use12002"/><use height="100%" width="100%" transform="rotate(54 385.266 266.408)" id="b" xlink:href="#use12008" y="0" x="0"/><use x="0" y="0" xlink:href="#b" id="c" transform="rotate(6 291.97 271.24)" width="100%" height="100%"/><use x="0" y="0" xlink:href="#c" id="d" transform="rotate(6 319.969 271.245)" width="100%" height="100%"/><use x="0" y="0" xlink:href="#d" id="e" transform="rotate(6 347.974 271.247)" width="100%" height="100%"/><use x="0" y="0" xlink:href="#e" id="f" transform="rotate(6 376.002 271.246)" width="100%" height="100%"/><use x="0" y="0" xlink:href="#f" id="g" transform="rotate(6 404.052 271.243)" width="100%" height="100%"/><use x="0" y="0" xlink:href="#g" id="h" transform="rotate(6 432.03 271.234)" width="100%" height="100%"/><use x="0" y="0" xlink:href="#h" id="i" transform="rotate(6 460.012 271.227)" width="100%" height="100%"/><use x="0" y="0" xlink:href="#i" id="j" transform="rotate(6 488.01 271.223)" width="100%" height="100%"/><use x="0" y="0" xlink:href="#j" id="k" transform="rotate(6 516.006 271.219)" width="100%" height="100%"/><use x="0" y="0" xlink:href="#k" id="l" transform="rotate(6 544.003 271.215)" width="100%" height="100%"/><use x="0" y="0" xlink:href="#l" id="m" transform="rotate(6 572 271.211)" width="100%" height="100%"/><use x="0" y="0" xlink:href="#m" id="n" transform="rotate(6 599.996 271.208)" width="100%" height="100%"/><use x="0" y="0" xlink:href="#n" id="o" transform="rotate(6 627.991 271.206)" width="100%" height="100%"/><use x="0" y="0" xlink:href="#o" id="p" transform="rotate(6 655.987 271.204)" width="100%" height="100%"/><use x="0" y="0" xlink:href="#p" id="q" transform="rotate(6 683.982 271.202)" width="100%" height="100%"/><use x="0" y="0" xlink:href="#q" id="r" transform="rotate(6 711.977 271.2)" width="100%" height="100%"/><use x="0" y="0" xlink:href="#r" id="s" transform="rotate(6 739.972 271.2)" width="100%" height="100%"/><use x="0" y="0" xlink:href="#s" id="t" transform="rotate(6 767.97 271.206)" width="100%" height="100%"/><use x="0" y="0" xlink:href="#t" id="u" transform="rotate(6 795.971 271.233)" width="100%" height="100%"/><use x="0" y="0" xlink:href="#u" id="v" transform="rotate(6 823.975 271.283)" width="100%" height="100%"/><use x="0" y="0" xlink:href="#v" id="w" transform="rotate(6 851.984 271.262)" width="100%" height="100%"/><use x="0" y="0" xlink:href="#w" id="x" transform="rotate(6 879.99 271.244)" width="100%" height="100%"/><use x="0" y="0" xlink:href="#x" id="y" transform="rotate(6 907.995 271.24)" width="100%" height="100%"/><use x="0" y="0" xlink:href="#y" id="z" transform="rotate(6 935.999 271.238)" width="100%" height="100%"/><use x="0" y="0" xlink:href="#z" id="A" transform="rotate(6 964.003 271.235)" width="100%" height="100%"/><use x="0" y="0" xlink:href="#A" id="B" transform="rotate(6 992.006 271.231)" width="100%" height="100%"/><use x="0" y="0" xlink:href="#B" id="C" transform="rotate(6 1020.01 271.227)" width="100%" height="100%"/><use x="0" y="0" xlink:href="#C" id="D" transform="rotate(6 1048.012 271.223)" width="100%" height="100%"/><use x="0" y="0" xlink:href="#D" id="E" transform="rotate(6 1076.014 271.218)" width="100%" height="100%"/><use x="0" y="0" xlink:href="#E" id="F" transform="rotate(6 1104.015 271.214)" width="100%" height="100%"/><use x="0" y="0" xlink:href="#F" id="G" transform="rotate(6 1132.017 271.209)" width="100%" height="100%"/><use x="0" y="0" xlink:href="#G" id="H" transform="rotate(6 1160.017 271.204)" width="100%" height="100%"/><use x="0" y="0" xlink:href="#H" id="I" transform="rotate(6 1188.011 271.202)" width="100%" height="100%"/><use x="0" y="0" xlink:href="#I" id="J" transform="rotate(6 1215.984 271.203)" width="100%" height="100%"/><use x="0" y="0" xlink:href="#J" id="K" transform="rotate(6 1243.934 271.206)" width="100%" height="100%"/><use x="0" y="0" xlink:href="#K" id="L" transform="rotate(6 1271.956 271.215)" width="100%" height="100%"/><use x="0" y="0" xlink:href="#L" id="M" transform="rotate(6 1299.974 271.222)" width="100%" height="100%"/><use x="0" y="0" xlink:href="#M" id="N" transform="rotate(6 1327.977 271.226)" width="100%" height="100%"/><use x="0" y="0" xlink:href="#N" id="O" transform="rotate(6 1355.98 271.23)" width="100%" height="100%"/><use x="0" y="0" xlink:href="#O" id="P" transform="rotate(6 1383.983 271.234)" width="100%" height="100%"/><use x="0" y="0" xlink:href="#P" id="Q" transform="rotate(6 1411.986 271.238)" width="100%" height="100%"/><use x="0" y="0" xlink:href="#Q" id="R" transform="rotate(6 1439.99 271.24)" width="100%" height="100%"/><use x="0" y="0" xlink:href="#R" id="S" transform="rotate(6 1467.995 271.243)" width="100%" height="100%"/><use x="0" y="0" xlink:href="#S" id="T" transform="rotate(6 1496 271.245)" width="100%" height="100%"/><use x="0" y="0" xlink:href="#T" id="U" transform="rotate(6 1524.004 271.247)" width="100%" height="100%"/><use x="0" y="0" xlink:href="#U" id="V" transform="rotate(6 1552.009 271.248)" width="100%" height="100%"/><use x="0" y="0" xlink:href="#V" id="W" transform="rotate(6 1580.014 271.249)" width="100%" height="100%"/><use x="0" y="0" xlink:href="#W" id="X" transform="rotate(6 1608.015 271.243)" width="100%" height="100%"/><use x="0" y="0" xlink:href="#X" id="Y" transform="rotate(6 1636.015 271.216)" width="100%" height="100%"/><use xlink:href="#Y" transform="rotate(6 1664.011 271.166)" width="100%" height="100%"/><path d="M3.243 6.455A5 5 0 0 1 6.96 3.11a5 5 0 0 1 4.755 1.545" style="display:inline;fill:none;fill-opacity:1;stroke:url(#Z);stroke-width:2;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:1;stroke-opacity:1"/><path d="M11.716 4.654a5 5 0 0 1 1.038 4.892 5 5 0 0 1-3.715 3.347" style="display:inline;fill:none;fill-opacity:1;stroke:url(#aa);stroke-width:2;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:1;stroke-opacity:1"/><path d="M9.04 12.893a5 5 0 0 1-4.756-1.545 5 5 0 0 1-1.041-4.893" style="display:inline;fill:none;fill-opacity:1;stroke:url(#ab);stroke-width:2;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:1;stroke-opacity:1"/><path style="display:inline;fill:none;fill-opacity:1;stroke:url(#ac);stroke-width:2;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:1;stroke-opacity:1" d="M19.418 5.996a5 5 0 0 1 4.028-2.965 5 5 0 0 1 4.581 2.003"/><path style="display:inline;fill:none;fill-opacity:1;stroke:url(#ad);stroke-width:2;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:1;stroke-opacity:1" d="M28.027 5.034a5 5 0 0 1 .553 4.97 5 5 0 0 1-4.025 2.967"/><path style="display:inline;fill:none;fill-opacity:1;stroke:url(#ae);stroke-width:2;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:1;stroke-opacity:1" d="M24.555 12.971a5 5 0 0 1-4.58-2.004 5 5 0 0 1-.557-4.97"/><path d="M35.896 5.14a5 5 0 0 1 4.53-2.122 5 5 0 0 1 4.102 2.86" style="display:inline;fill:none;fill-opacity:1;stroke:url(#af);stroke-width:2;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:1;stroke-opacity:1"/><path d="M44.528 5.877a5 5 0 0 1-.427 4.982 5 5 0 0 1-4.527 2.125" style="display:inline;fill:none;fill-opacity:1;stroke:url(#ag);stroke-width:2;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:1;stroke-opacity:1"/><path d="M39.574 12.984a5 5 0 0 1-4.102-2.859 5 5 0 0 1 .424-4.984" style="display:inline;fill:none;fill-opacity:1;stroke:url(#ah);stroke-width:2;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:1;stroke-opacity:1"/><path style="display:inline;fill:none;fill-opacity:1;stroke:url(#ai);stroke-width:2;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:1;stroke-opacity:1" d="M52.195 4.752a5 5 0 0 1 4.716-1.669 5 5 0 0 1 3.802 3.248"/><path style="display:inline;fill:none;fill-opacity:1;stroke:url(#aj);stroke-width:2;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:1;stroke-opacity:1" d="M60.713 6.33a5 5 0 0 1-.913 4.917 5 5 0 0 1-4.713 1.67"/><path style="display:inline;fill:none;fill-opacity:1;stroke:url(#ak);stroke-width:2;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:1;stroke-opacity:1" d="M55.087 12.918a5 5 0 0 1-3.802-3.248 5 5 0 0 1 .91-4.918"/><path d="M68.531 4.395a5 5 0 0 1 4.857-1.199 5 5 0 0 1 3.465 3.605" style="display:inline;fill:none;fill-opacity:1;stroke:url(#al);stroke-width:2;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:1;stroke-opacity:1"/><path d="M76.853 6.8a5 5 0 0 1-1.39 4.804 5 5 0 0 1-4.854 1.2" style="display:inline;fill:none;fill-opacity:1;stroke:url(#am);stroke-width:2;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:1;stroke-opacity:1"/><path d="M70.609 12.805A5 5 0 0 1 67.143 9.2a5 5 0 0 1 1.388-4.805" style="display:inline;fill:none;fill-opacity:1;stroke:url(#an);stroke-width:2;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:1;stroke-opacity:1"/><path style="display:inline;fill:none;fill-opacity:1;stroke:url(#ao);stroke-width:2;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:1;stroke-opacity:1" d="M84.902 4.07a5 5 0 0 1 4.95-.717 5 5 0 0 1 3.096 3.927"/><path style="display:inline;fill:none;fill-opacity:1;stroke:url(#ap);stroke-width:2;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:1;stroke-opacity:1" d="M92.948 7.28a5 5 0 0 1-1.855 4.643 5 5 0 0 1-4.948.72"/><path style="display:inline;fill:none;fill-opacity:1;stroke:url(#aq);stroke-width:2;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:1;stroke-opacity:1" d="M86.145 12.643a5 5 0 0 1-3.096-3.927 5 5 0 0 1 1.853-4.647"/><path d="M101.304 3.786a5 5 0 0 1 4.997-.228 5 5 0 0 1 2.696 4.212" style="display:inline;fill:none;fill-opacity:1;stroke:url(#ar);stroke-width:2;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:1;stroke-opacity:1"/><path d="M108.997 7.77a5 5 0 0 1-2.301 4.439 5 5 0 0 1-4.995.231" style="display:inline;fill:none;fill-opacity:1;stroke:url(#as);stroke-width:2;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:1;stroke-opacity:1"/><path d="M101.701 12.44a5 5 0 0 1-2.696-4.211 5 5 0 0 1 2.3-4.443" style="display:inline;fill:none;fill-opacity:1;stroke:url(#at);stroke-width:2;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:1;stroke-opacity:1"/><path style="display:inline;fill:none;fill-opacity:1;stroke:url(#au);stroke-width:2;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:1;stroke-opacity:1" d="M117.73 3.544a5 5 0 0 1 4.995.263 5 5 0 0 1 2.27 4.455"/><path style="display:inline;fill:none;fill-opacity:1;stroke:url(#av);stroke-width:2;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:1;stroke-opacity:1" d="M124.995 8.262a5 5 0 0 1-2.725 4.193 5 5 0 0 1-4.994-.26"/><path style="display:inline;fill:none;fill-opacity:1;stroke:url(#aw);stroke-width:2;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:1;stroke-opacity:1" d="M117.276 12.195a5 5 0 0 1-2.27-4.455 5 5 0 0 1 2.723-4.196"/><path d="M134.178 3.34a5 5 0 0 1 4.945.75 5 5 0 0 1 1.823 4.657" style="display:inline;fill:none;fill-opacity:1;stroke:url(#ax);stroke-width:2;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:1;stroke-opacity:1"/><path d="M140.946 8.747a5 5 0 0 1-3.123 3.905 5 5 0 0 1-4.944-.748" style="display:inline;fill:none;fill-opacity:1;stroke:url(#ay);stroke-width:2;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:1;stroke-opacity:1"/><path d="M132.879 11.904a5 5 0 0 1-1.823-4.656 5 5 0 0 1 3.122-3.909" style="display:inline;fill:none;fill-opacity:1;stroke:url(#az);stroke-width:2;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:1;stroke-opacity:1"/><path style="display:inline;fill:none;fill-opacity:1;stroke:url(#aA);stroke-width:2;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:1;stroke-opacity:1" d="M150.643 3.188a5 5 0 0 1 4.848 1.232 5 5 0 0 1 1.357 4.813"/><path style="display:inline;fill:none;fill-opacity:1;stroke:url(#aB);stroke-width:2;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:1;stroke-opacity:1" d="M156.848 9.233a5 5 0 0 1-3.49 3.58 5 5 0 0 1-4.848-1.229"/><path style="display:inline;fill:none;fill-opacity:1;stroke:url(#aC);stroke-width:2;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:1;stroke-opacity:1" d="M148.51 11.584a5 5 0 0 1-1.357-4.812 5 5 0 0 1 3.49-3.584"/><path d="M167.12 3.076a5 5 0 0 1 4.703 1.702 5 5 0 0 1 .88 4.922" style="display:inline;fill:none;fill-opacity:1;stroke:url(#aD);stroke-width:2;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:1;stroke-opacity:1"/><path d="M172.702 9.7a5 5 0 0 1-3.824 3.221 5 5 0 0 1-4.703-1.698" style="display:inline;fill:none;fill-opacity:1;stroke:url(#aE);stroke-width:2;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:1;stroke-opacity:1"/><path d="M164.175 11.223a5 5 0 0 1-.88-4.922 5 5 0 0 1 3.825-3.225" style="display:inline;fill:none;fill-opacity:1;stroke:url(#aF);stroke-width:2;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:1;stroke-opacity:1"/><path style="display:inline;fill:none;fill-opacity:1;stroke:url(#aG);stroke-width:2;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:1;stroke-opacity:1" d="M183.606 3.013a5 5 0 0 1 4.515 2.155 5 5 0 0 1 .392 4.985"/><path style="display:inline;fill:none;fill-opacity:1;stroke:url(#aH);stroke-width:2;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:1;stroke-opacity:1" d="M188.513 10.153a5 5 0 0 1-4.122 2.83 5 5 0 0 1-4.514-2.15"/><path style="display:inline;fill:none;fill-opacity:1;stroke:url(#aI);stroke-width:2;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:1;stroke-opacity:1" d="M179.877 10.832a5 5 0 0 1-.392-4.985 5 5 0 0 1 4.121-2.834"/><path d="M200.097 2.999a5 5 0 0 1 4.28 2.587 5 5 0 0 1-.097 4.999" style="display:inline;fill:none;fill-opacity:1;stroke:url(#aJ);stroke-width:2;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:1;stroke-opacity:1"/><path d="M204.28 10.585a5 5 0 0 1-4.38 2.413 5 5 0 0 1-4.281-2.583" style="display:inline;fill:none;fill-opacity:1;stroke:url(#aK);stroke-width:2;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:1;stroke-opacity:1"/><path d="M195.619 10.415a5 5 0 0 1 .098-5A5 5 0 0 1 200.097 3" style="display:inline;fill:none;fill-opacity:1;stroke:url(#aL);stroke-width:2;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:1;stroke-opacity:1"/><path style="display:inline;fill:none;fill-opacity:1;stroke:url(#aM);stroke-width:2;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:1;stroke-opacity:1" d="M216.587 3.033a5 5 0 0 1 4.007 2.994 5 5 0 0 1-.587 4.965"/><path style="display:inline;fill:none;fill-opacity:1;stroke:url(#aN);stroke-width:2;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:1;stroke-opacity:1" d="M220.007 10.992a5 5 0 0 1-4.595 1.972 5 5 0 0 1-4.008-2.99"/><path style="display:inline;fill:none;fill-opacity:1;stroke:url(#aO);stroke-width:2;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:1;stroke-opacity:1" d="M211.404 9.974a5 5 0 0 1 .588-4.966 5 5 0 0 1 4.595-1.975"/><path d="M233.071 3.113a5 5 0 0 1 3.695 3.373 5 5 0 0 1-1.072 4.884" style="display:inline;fill:none;fill-opacity:1;stroke:url(#aP);stroke-width:2;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:1;stroke-opacity:1"/><path d="M235.694 11.37a5 5 0 0 1-4.766 1.512 5 5 0 0 1-3.695-3.369" style="display:inline;fill:none;fill-opacity:1;stroke:url(#aQ);stroke-width:2;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:1;stroke-opacity:1"/><path d="M227.233 9.513a5 5 0 0 1 1.071-4.884 5 5 0 0 1 4.767-1.516" style="display:inline;fill:none;fill-opacity:1;stroke:url(#aR);stroke-width:2;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:1;stroke-opacity:1"/><path style="display:inline;fill:none;fill-opacity:1;stroke:url(#aS);stroke-width:2;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:1;stroke-opacity:1" d="M249.545 3.242a5 5 0 0 1 3.346 3.718 5 5 0 0 1-1.545 4.756"/><path style="display:inline;fill:none;fill-opacity:1;stroke:url(#aT);stroke-width:2;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:1;stroke-opacity:1" d="M251.346 11.716a5 5 0 0 1-4.891 1.037 5 5 0 0 1-3.348-3.714"/><path style="display:inline;fill:none;fill-opacity:1;stroke:url(#aU);stroke-width:2;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:1;stroke-opacity:1" d="M243.107 9.039a5 5 0 0 1 1.546-4.756 5 5 0 0 1 4.892-1.04"/><path d="M266.004 3.417a5 5 0 0 1 2.966 4.029 5 5 0 0 1-2.004 4.58" style="display:inline;fill:none;fill-opacity:1;stroke:url(#aV);stroke-width:2;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:1;stroke-opacity:1"/><path d="M266.966 12.027a5 5 0 0 1-4.97.553 5 5 0 0 1-2.967-4.025" style="display:inline;fill:none;fill-opacity:1;stroke:url(#aW);stroke-width:2;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:1;stroke-opacity:1"/><path d="M259.03 8.555a5 5 0 0 1 2.003-4.581 5 5 0 0 1 4.971-.557" style="display:inline;fill:none;fill-opacity:1;stroke:url(#aX);stroke-width:2;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:1;stroke-opacity:1"/><path style="display:inline;fill:none;fill-opacity:1;stroke:url(#aY);stroke-width:2;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:1;stroke-opacity:1" d="M282.443 3.636a5 5 0 0 1 2.557 4.3 5 5 0 0 1-2.443 4.363"/><path style="display:inline;fill:none;fill-opacity:1;stroke:url(#aZ);stroke-width:2;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:1;stroke-opacity:1" d="M282.557 12.299a5 5 0 0 1-5 .063 5 5 0 0 1-2.558-4.296"/><path style="display:inline;fill:none;fill-opacity:1;stroke:url(#ba);stroke-width:2;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:1;stroke-opacity:1" d="M274.999 8.066a5 5 0 0 1 2.443-4.363 5 5 0 0 1 5.001-.067"/><path d="M298.86 3.895a5 5 0 0 1 2.122 4.53 5 5 0 0 1-2.859 4.102" style="display:inline;fill:none;fill-opacity:1;stroke:url(#bb);stroke-width:2;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:1;stroke-opacity:1"/><path d="M298.123 12.527a5 5 0 0 1-4.982-.427 5 5 0 0 1-2.125-4.527" style="display:inline;fill:none;fill-opacity:1;stroke:url(#bc);stroke-width:2;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:1;stroke-opacity:1"/><path d="M291.016 7.573a5 5 0 0 1 2.86-4.102 5 5 0 0 1 4.984.424" style="display:inline;fill:none;fill-opacity:1;stroke:url(#bd);stroke-width:2;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:1;stroke-opacity:1"/><path style="display:inline;fill:none;fill-opacity:1;stroke:url(#be);stroke-width:2;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:1;stroke-opacity:1" d="M315.247 4.196a5 5 0 0 1 1.669 4.715 5 5 0 0 1-3.247 3.803"/><path style="display:inline;fill:none;fill-opacity:1;stroke:url(#bf);stroke-width:2;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:1;stroke-opacity:1" d="M313.669 12.714a5 5 0 0 1-4.917-.914 5 5 0 0 1-1.67-4.712"/><path style="display:inline;fill:none;fill-opacity:1;stroke:url(#bg);stroke-width:2;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:1;stroke-opacity:1" d="M307.081 7.088a5 5 0 0 1 3.248-3.803 5 5 0 0 1 4.918.91"/><path d="M331.605 4.533a5 5 0 0 1 1.198 4.856 5 5 0 0 1-3.604 3.466" style="display:inline;fill:none;fill-opacity:1;stroke:url(#bh);stroke-width:2;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:1;stroke-opacity:1"/><path d="M329.199 12.855a5 5 0 0 1-4.803-1.39 5 5 0 0 1-1.201-4.854" style="display:inline;fill:none;fill-opacity:1;stroke:url(#bi);stroke-width:2;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:1;stroke-opacity:1"/><path d="M323.195 6.61a5 5 0 0 1 3.604-3.465 5 5 0 0 1 4.806 1.388" style="display:inline;fill:none;fill-opacity:1;stroke:url(#bj);stroke-width:2;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:1;stroke-opacity:1"/><path style="display:inline;fill:none;fill-opacity:1;stroke:url(#bk);stroke-width:2;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:1;stroke-opacity:1" d="M347.928 4.903a5 5 0 0 1 .716 4.95 5 5 0 0 1-3.926 3.096"/><path style="display:inline;fill:none;fill-opacity:1;stroke:url(#bl);stroke-width:2;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:1;stroke-opacity:1" d="M344.718 12.95a5 5 0 0 1-4.644-1.856 5 5 0 0 1-.72-4.948"/><path style="display:inline;fill:none;fill-opacity:1;stroke:url(#bm);stroke-width:2;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:1;stroke-opacity:1" d="M339.355 6.146a5 5 0 0 1 3.926-3.095 5 5 0 0 1 4.647 1.852"/><g><path d="M364.212 5.304a5 5 0 0 1 .228 4.996 5 5 0 0 1-4.212 2.696" style="display:inline;fill:none;fill-opacity:1;stroke:url(#bn);stroke-width:2;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:1;stroke-opacity:1"/><path d="M360.228 12.996a5 5 0 0 1-4.439-2.3 5 5 0 0 1-.231-4.996" style="display:inline;fill:none;fill-opacity:1;stroke:url(#bo);stroke-width:2;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:1;stroke-opacity:1"/><path d="M355.558 5.7a5 5 0 0 1 4.211-2.695 5 5 0 0 1 4.443 2.299" style="display:inline;fill:none;fill-opacity:1;stroke:url(#bp);stroke-width:2;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:1;stroke-opacity:1"/></g><g><path style="display:inline;fill:none;fill-opacity:1;stroke:url(#bq);stroke-width:2;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:1;stroke-opacity:1" d="M380.456 5.729a5 5 0 0 1-.263 4.995 5 5 0 0 1-4.456 2.27"/><path style="display:inline;fill:none;fill-opacity:1;stroke:url(#br);stroke-width:2;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:1;stroke-opacity:1" d="M375.737 12.994a5 5 0 0 1-4.192-2.725 5 5 0 0 1 .26-4.994"/><path style="display:inline;fill:none;fill-opacity:1;stroke:url(#bs);stroke-width:2;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:1;stroke-opacity:1" d="M371.805 5.275a5 5 0 0 1 4.455-2.27 5 5 0 0 1 4.196 2.724"/></g><g><path d="M396.657 6.177a5 5 0 0 1-.752 4.945 5 5 0 0 1-4.656 1.823" style="display:inline;fill:none;fill-opacity:1;stroke:url(#bt);stroke-width:2;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:1;stroke-opacity:1"/><path d="M391.249 12.945a5 5 0 0 1-3.905-3.123 5 5 0 0 1 .748-4.944" style="display:inline;fill:none;fill-opacity:1;stroke:url(#bu);stroke-width:2;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:1;stroke-opacity:1"/><path d="M388.092 4.878a5 5 0 0 1 4.656-1.823 5 5 0 0 1 3.909 3.122" style="display:inline;fill:none;fill-opacity:1;stroke:url(#bv);stroke-width:2;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:1;stroke-opacity:1"/></g><g><path style="display:inline;fill:none;fill-opacity:1;stroke:url(#bw);stroke-width:2;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:1;stroke-opacity:1" d="M412.814 6.642a5 5 0 0 1-1.232 4.848 5 5 0 0 1-4.813 1.357"/><path style="display:inline;fill:none;fill-opacity:1;stroke:url(#bx);stroke-width:2;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:1;stroke-opacity:1" d="M406.769 12.847a5 5 0 0 1-3.58-3.49 5 5 0 0 1 1.229-4.847"/><path style="display:inline;fill:none;fill-opacity:1;stroke:url(#by);stroke-width:2;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:1;stroke-opacity:1" d="M404.418 4.51a5 5 0 0 1 4.812-1.358 5 5 0 0 1 3.584 3.49"/></g><g><path d="M428.924 7.12a5 5 0 0 1-1.701 4.704 5 5 0 0 1-4.923.879" style="display:inline;fill:none;fill-opacity:1;stroke:url(#bz);stroke-width:2;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:1;stroke-opacity:1"/><path d="M422.3 12.703a5 5 0 0 1-3.22-3.825 5 5 0 0 1 1.697-4.703" style="display:inline;fill:none;fill-opacity:1;stroke:url(#bA);stroke-width:2;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:1;stroke-opacity:1"/><path d="M420.777 4.175a5 5 0 0 1 4.923-.879 5 5 0 0 1 3.224 3.824" style="display:inline;fill:none;fill-opacity:1;stroke:url(#bB);stroke-width:2;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:1;stroke-opacity:1"/></g><g><path style="display:inline;fill:none;fill-opacity:1;stroke:url(#bC);stroke-width:2;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:1;stroke-opacity:1" d="M444.986 7.607a5 5 0 0 1-2.155 4.514 5 5 0 0 1-4.984.393"/><path style="display:inline;fill:none;fill-opacity:1;stroke:url(#bD);stroke-width:2;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:1;stroke-opacity:1" d="M437.847 12.514a5 5 0 0 1-2.83-4.122 5 5 0 0 1 2.15-4.514"/><path style="display:inline;fill:none;fill-opacity:1;stroke:url(#bE);stroke-width:2;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:1;stroke-opacity:1" d="M437.167 3.878a5 5 0 0 1 4.985-.392 5 5 0 0 1 2.834 4.121"/></g><g><path d="M461.016 8.106a5 5 0 0 1-2.587 4.281 5 5 0 0 1-4.999-.098" style="display:inline;fill:none;fill-opacity:1;stroke:url(#bF);stroke-width:2;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:1;stroke-opacity:1"/><path d="M453.43 12.289a5 5 0 0 1-2.412-4.38 5 5 0 0 1 2.583-4.281" style="display:inline;fill:none;fill-opacity:1;stroke:url(#bG);stroke-width:2;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:1;stroke-opacity:1"/><path d="M453.6 3.628a5 5 0 0 1 5 .098 5 5 0 0 1 2.416 4.38" style="display:inline;fill:none;fill-opacity:1;stroke:url(#bH);stroke-width:2;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:1;stroke-opacity:1"/></g><g><path style="display:inline;fill:none;fill-opacity:1;stroke:url(#bI);stroke-width:2;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:1;stroke-opacity:1" d="M476.966 8.587a5 5 0 0 1-2.994 4.007 5 5 0 0 1-4.966-.588"/><path style="display:inline;fill:none;fill-opacity:1;stroke:url(#bJ);stroke-width:2;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:1;stroke-opacity:1" d="M469.006 12.006a5 5 0 0 1-1.971-4.595 5 5 0 0 1 2.99-4.007"/><path style="display:inline;fill:none;fill-opacity:1;stroke:url(#bK);stroke-width:2;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:1;stroke-opacity:1" d="M470.025 3.404a5 5 0 0 1 4.965.587 5 5 0 0 1 1.976 4.596"/></g><g><path d="M492.886 9.07a5 5 0 0 1-3.372 3.695 5 5 0 0 1-4.884-1.072" style="display:inline;fill:none;fill-opacity:1;stroke:url(#bL);stroke-width:2;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:1;stroke-opacity:1"/><path d="M484.63 11.693a5 5 0 0 1-1.512-4.766 5 5 0 0 1 3.368-3.695" style="display:inline;fill:none;fill-opacity:1;stroke:url(#bM);stroke-width:2;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:1;stroke-opacity:1"/><path d="M486.486 3.232a5 5 0 0 1 4.885 1.071 5 5 0 0 1 1.515 4.767" style="display:inline;fill:none;fill-opacity:1;stroke:url(#bN);stroke-width:2;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:1;stroke-opacity:1"/></g><g><path style="display:inline;fill:none;fill-opacity:1;stroke:url(#bO);stroke-width:2;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:1;stroke-opacity:1" d="M508.756 9.544a5 5 0 0 1-3.718 3.347 5 5 0 0 1-4.755-1.546"/><path style="display:inline;fill:none;fill-opacity:1;stroke:url(#bP);stroke-width:2;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:1;stroke-opacity:1" d="M500.283 11.345a5 5 0 0 1-1.038-4.89 5 5 0 0 1 3.715-3.348"/><path style="display:inline;fill:none;fill-opacity:1;stroke:url(#bQ);stroke-width:2;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:1;stroke-opacity:1" d="M502.96 3.107a5 5 0 0 1 4.755 1.545 5 5 0 0 1 1.041 4.892"/></g><g><path d="M12.582 26.003a5 5 0 0 1-4.029 2.966 5 5 0 0 1-4.58-2.004" style="display:inline;fill:none;fill-opacity:1;stroke:url(#bR);stroke-width:2;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:1;stroke-opacity:1"/><path d="M3.972 26.965a5 5 0 0 1-.553-4.97 5 5 0 0 1 4.025-2.967" style="display:inline;fill:none;fill-opacity:1;stroke:url(#bS);stroke-width:2;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:1;stroke-opacity:1"/><path d="M7.444 19.028a5 5 0 0 1 4.581 2.004 5 5 0 0 1 .557 4.971" style="display:inline;fill:none;fill-opacity:1;stroke:url(#bT);stroke-width:2;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:1;stroke-opacity:1"/></g><g><path style="display:inline;fill:none;fill-opacity:1;stroke:url(#bU);stroke-width:2;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:1;stroke-opacity:1" d="M28.363 26.443a5 5 0 0 1-4.3 2.556 5 5 0 0 1-4.362-2.443"/><path style="display:inline;fill:none;fill-opacity:1;stroke:url(#bV);stroke-width:2;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:1;stroke-opacity:1" d="M19.701 26.556a5 5 0 0 1-.063-5 5 5 0 0 1 4.296-2.558"/><path style="display:inline;fill:none;fill-opacity:1;stroke:url(#bW);stroke-width:2;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:1;stroke-opacity:1" d="M23.934 18.998a5 5 0 0 1 4.363 2.443 5 5 0 0 1 .066 5.002"/></g><g><path d="M44.102 26.86a5 5 0 0 1-4.529 2.122 5 5 0 0 1-4.102-2.859" style="display:inline;fill:none;fill-opacity:1;stroke:url(#bX);stroke-width:2;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:1;stroke-opacity:1"/><path d="M35.47 26.123a5 5 0 0 1 .428-4.982 5 5 0 0 1 4.526-2.125" style="display:inline;fill:none;fill-opacity:1;stroke:url(#bY);stroke-width:2;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:1;stroke-opacity:1"/><path d="M40.424 19.016a5 5 0 0 1 4.102 2.86 5 5 0 0 1-.424 4.983" style="display:inline;fill:none;fill-opacity:1;stroke:url(#bZ);stroke-width:2;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:1;stroke-opacity:1"/></g><g><path style="display:inline;fill:none;fill-opacity:1;stroke:url(#ca);stroke-width:2;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:1;stroke-opacity:1" d="M59.804 27.248a5 5 0 0 1-4.716 1.668 5 5 0 0 1-3.802-3.247"/><path style="display:inline;fill:none;fill-opacity:1;stroke:url(#cb);stroke-width:2;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:1;stroke-opacity:1" d="M51.286 25.669a5 5 0 0 1 .913-4.916 5 5 0 0 1 4.713-1.671"/><path style="display:inline;fill:none;fill-opacity:1;stroke:url(#cc);stroke-width:2;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:1;stroke-opacity:1" d="M56.912 19.082a5 5 0 0 1 3.802 3.247 5 5 0 0 1-.91 4.919"/></g><g><path d="M75.466 27.605a5 5 0 0 1-4.857 1.199 5 5 0 0 1-3.465-3.605" style="display:inline;fill:none;fill-opacity:1;stroke:url(#cd);stroke-width:2;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:1;stroke-opacity:1"/><path d="M67.144 25.2a5 5 0 0 1 1.39-4.803 5 5 0 0 1 4.854-1.202" style="display:inline;fill:none;fill-opacity:1;stroke:url(#ce);stroke-width:2;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:1;stroke-opacity:1"/><path d="M73.388 19.195a5 5 0 0 1 3.466 3.605 5 5 0 0 1-1.388 4.805" style="display:inline;fill:none;fill-opacity:1;stroke:url(#cf);stroke-width:2;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:1;stroke-opacity:1"/></g><g><path style="display:inline;fill:none;fill-opacity:1;stroke:url(#cg);stroke-width:2;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:1;stroke-opacity:1" d="M91.097 27.929a5 5 0 0 1-4.95.716 5 5 0 0 1-3.096-3.927"/><path style="display:inline;fill:none;fill-opacity:1;stroke:url(#ch);stroke-width:2;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:1;stroke-opacity:1" d="M83.05 24.718a5 5 0 0 1 1.855-4.643 5 5 0 0 1 4.949-.72"/><path style="display:inline;fill:none;fill-opacity:1;stroke:url(#ci);stroke-width:2;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:1;stroke-opacity:1" d="M89.854 19.355a5 5 0 0 1 3.095 3.927 5 5 0 0 1-1.852 4.647"/></g><g><path d="M106.696 28.213a5 5 0 0 1-4.997.228 5 5 0 0 1-2.696-4.211" style="display:inline;fill:none;fill-opacity:1;stroke:url(#cj);stroke-width:2;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:1;stroke-opacity:1"/><path d="M99.003 24.23a5 5 0 0 1 2.301-4.44 5 5 0 0 1 4.995-.23" style="display:inline;fill:none;fill-opacity:1;stroke:url(#ck);stroke-width:2;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:1;stroke-opacity:1"/><path d="M106.299 19.56a5 5 0 0 1 2.696 4.211 5 5 0 0 1-2.3 4.442" style="display:inline;fill:none;fill-opacity:1;stroke:url(#cl);stroke-width:2;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:1;stroke-opacity:1"/></g><g><path style="display:inline;fill:none;fill-opacity:1;stroke:url(#cm);stroke-width:2;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:1;stroke-opacity:1" d="M122.27 28.455a5 5 0 0 1-4.995-.263 5 5 0 0 1-2.27-4.455"/><path style="display:inline;fill:none;fill-opacity:1;stroke:url(#cn);stroke-width:2;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:1;stroke-opacity:1" d="M115.005 23.737a5 5 0 0 1 2.725-4.192 5 5 0 0 1 4.994.26"/><path style="display:inline;fill:none;fill-opacity:1;stroke:url(#co);stroke-width:2;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:1;stroke-opacity:1" d="M122.724 19.804a5 5 0 0 1 2.27 4.456 5 5 0 0 1-2.724 4.195"/></g><g><path d="M137.824 28.657a5 5 0 0 1-4.946-.752 5 5 0 0 1-1.822-4.656" style="display:inline;fill:none;fill-opacity:1;stroke:url(#cp);stroke-width:2;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:1;stroke-opacity:1"/><path d="M131.056 23.25a5 5 0 0 1 3.123-3.906 5 5 0 0 1 4.944.748" style="display:inline;fill:none;fill-opacity:1;stroke:url(#cq);stroke-width:2;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:1;stroke-opacity:1"/><path d="M139.123 20.092a5 5 0 0 1 1.822 4.656 5 5 0 0 1-3.121 3.909" style="display:inline;fill:none;fill-opacity:1;stroke:url(#cr);stroke-width:2;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:1;stroke-opacity:1"/></g><g><path style="display:inline;fill:none;fill-opacity:1;stroke:url(#cs);stroke-width:2;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:1;stroke-opacity:1" d="M153.358 28.814a5 5 0 0 1-4.848-1.233 5 5 0 0 1-1.358-4.812"/><path style="display:inline;fill:none;fill-opacity:1;stroke:url(#ct);stroke-width:2;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:1;stroke-opacity:1" d="M147.152 22.769a5 5 0 0 1 3.49-3.58 5 5 0 0 1 4.848 1.228"/><path style="display:inline;fill:none;fill-opacity:1;stroke:url(#cu);stroke-width:2;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:1;stroke-opacity:1" d="M155.49 20.417a5 5 0 0 1 1.357 4.813 5 5 0 0 1-3.49 3.584"/></g><g><path d="M168.879 28.924a5 5 0 0 1-4.704-1.702 5 5 0 0 1-.88-4.922" style="display:inline;fill:none;fill-opacity:1;stroke:url(#cv);stroke-width:2;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:1;stroke-opacity:1"/><path d="M163.296 22.3a5 5 0 0 1 3.824-3.22 5 5 0 0 1 4.704 1.697" style="display:inline;fill:none;fill-opacity:1;stroke:url(#cw);stroke-width:2;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:1;stroke-opacity:1"/><path d="M171.824 20.777a5 5 0 0 1 .879 4.923 5 5 0 0 1-3.824 3.224" style="display:inline;fill:none;fill-opacity:1;stroke:url(#cx);stroke-width:2;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:1;stroke-opacity:1"/></g><g><path style="display:inline;fill:none;fill-opacity:1;stroke:url(#cy);stroke-width:2;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:1;stroke-opacity:1" d="M184.393 28.986a5 5 0 0 1-4.514-2.154 5 5 0 0 1-.393-4.985"/><path style="display:inline;fill:none;fill-opacity:1;stroke:url(#cz);stroke-width:2;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:1;stroke-opacity:1" d="M179.486 21.847a5 5 0 0 1 4.122-2.83 5 5 0 0 1 4.514 2.15"/><path style="display:inline;fill:none;fill-opacity:1;stroke:url(#cA);stroke-width:2;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:1;stroke-opacity:1" d="M188.122 21.167a5 5 0 0 1 .393 4.985 5 5 0 0 1-4.122 2.834"/></g><g><path d="M199.903 29a5 5 0 0 1-4.282-2.586 5 5 0 0 1 .099-5" style="display:inline;fill:none;fill-opacity:1;stroke:url(#cB);stroke-width:2;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:1;stroke-opacity:1"/><path d="M195.72 21.415a5 5 0 0 1 4.38-2.413 5 5 0 0 1 4.28 2.583" style="display:inline;fill:none;fill-opacity:1;stroke:url(#cC);stroke-width:2;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:1;stroke-opacity:1"/><path d="M204.38 21.585a5 5 0 0 1-.098 5 5 5 0 0 1-4.38 2.416" style="display:inline;fill:none;fill-opacity:1;stroke:url(#cD);stroke-width:2;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:1;stroke-opacity:1"/></g><g><path style="display:inline;fill:none;fill-opacity:1;stroke:url(#cE);stroke-width:2;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:1;stroke-opacity:1" d="M215.413 28.967a5 5 0 0 1-4.007-2.994 5 5 0 0 1 .588-4.966"/><path style="display:inline;fill:none;fill-opacity:1;stroke:url(#cF);stroke-width:2;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:1;stroke-opacity:1" d="M211.994 21.007a5 5 0 0 1 4.595-1.972 5 5 0 0 1 4.007 2.99"/></g><path style="display:inline;fill:none;fill-opacity:1;stroke:url(#cG);stroke-width:2;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:1;stroke-opacity:1" d="M220.596 22.025a5 5 0 0 1-.588 4.966 5 5 0 0 1-4.595 1.976"/><g><path d="M230.929 28.884a5 5 0 0 1-3.695-3.372 5 5 0 0 1 1.072-4.884" style="display:inline;fill:none;fill-opacity:1;stroke:url(#cH);stroke-width:2;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:1;stroke-opacity:1"/><path d="M228.306 20.628a5 5 0 0 1 4.766-1.512 5 5 0 0 1 3.695 3.369" style="display:inline;fill:none;fill-opacity:1;stroke:url(#cI);stroke-width:2;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:1;stroke-opacity:1"/><path d="M236.767 22.485a5 5 0 0 1-1.072 4.884 5 5 0 0 1-4.766 1.515" style="display:inline;fill:none;fill-opacity:1;stroke:url(#cJ);stroke-width:2;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:1;stroke-opacity:1"/></g><g><path style="display:inline;fill:none;fill-opacity:1;stroke:url(#cK);stroke-width:2;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:1;stroke-opacity:1" d="M246.455 28.757a5 5 0 0 1-3.346-3.718 5 5 0 0 1 1.545-4.755"/><path style="display:inline;fill:none;fill-opacity:1;stroke:url(#cL);stroke-width:2;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:1;stroke-opacity:1" d="M244.654 20.284a5 5 0 0 1 4.891-1.038 5 5 0 0 1 3.348 3.715"/><path style="display:inline;fill:none;fill-opacity:1;stroke:url(#cM);stroke-width:2;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:1;stroke-opacity:1" d="M252.893 22.96a5 5 0 0 1-1.546 4.756 5 5 0 0 1-4.892 1.041"/></g><g><path d="M261.996 28.582a5 5 0 0 1-2.965-4.028 5 5 0 0 1 2.004-4.581" style="display:inline;fill:none;fill-opacity:1;stroke:url(#cN);stroke-width:2;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:1;stroke-opacity:1"/><path d="M261.035 19.973a5 5 0 0 1 4.97-.553 5 5 0 0 1 2.966 4.024" style="display:inline;fill:none;fill-opacity:1;stroke:url(#cO);stroke-width:2;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:1;stroke-opacity:1"/><path d="M268.971 23.444a5 5 0 0 1-2.004 4.582 5 5 0 0 1-4.97.556" style="display:inline;fill:none;fill-opacity:1;stroke:url(#cP);stroke-width:2;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:1;stroke-opacity:1"/></g><g><path style="display:inline;fill:none;fill-opacity:1;stroke:url(#cQ);stroke-width:2;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:1;stroke-opacity:1" d="M277.557 28.364a5 5 0 0 1-2.557-4.3 5 5 0 0 1 2.443-4.362"/><path style="display:inline;fill:none;fill-opacity:1;stroke:url(#cR);stroke-width:2;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:1;stroke-opacity:1" d="M277.443 19.702a5 5 0 0 1 5-.063 5 5 0 0 1 2.559 4.296"/><path style="display:inline;fill:none;fill-opacity:1;stroke:url(#cS);stroke-width:2;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:1;stroke-opacity:1" d="M285.002 23.935a5 5 0 0 1-2.444 4.363 5 5 0 0 1-5.001.066"/></g><g><path d="M293.14 28.104a5 5 0 0 1-2.122-4.53 5 5 0 0 1 2.859-4.102" style="display:inline;fill:none;fill-opacity:1;stroke:url(#cT);stroke-width:2;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:1;stroke-opacity:1"/><path d="M293.877 19.472a5 5 0 0 1 4.982.427 5 5 0 0 1 2.125 4.526" style="display:inline;fill:none;fill-opacity:1;stroke:url(#cU);stroke-width:2;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:1;stroke-opacity:1"/><path d="M300.984 24.425a5 5 0 0 1-2.86 4.103 5 5 0 0 1-4.983-.424" style="display:inline;fill:none;fill-opacity:1;stroke:url(#cV);stroke-width:2;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:1;stroke-opacity:1"/></g><g><path style="display:inline;fill:none;fill-opacity:1;stroke:url(#cW);stroke-width:2;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:1;stroke-opacity:1" d="M308.752 27.804a5 5 0 0 1-1.668-4.716 5 5 0 0 1 3.247-3.802"/><path style="display:inline;fill:none;fill-opacity:1;stroke:url(#cX);stroke-width:2;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:1;stroke-opacity:1" d="M310.331 19.286a5 5 0 0 1 4.916.913 5 5 0 0 1 1.671 4.713"/><path style="display:inline;fill:none;fill-opacity:1;stroke:url(#cY);stroke-width:2;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:1;stroke-opacity:1" d="M316.918 24.912a5 5 0 0 1-3.247 3.802 5 5 0 0 1-4.919-.91"/></g><g><path d="M324.396 27.467a5 5 0 0 1-1.199-4.856 5 5 0 0 1 3.605-3.466" style="display:inline;fill:none;fill-opacity:1;stroke:url(#cZ);stroke-width:2;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:1;stroke-opacity:1"/><path d="M326.802 19.145a5 5 0 0 1 4.803 1.39 5 5 0 0 1 1.2 4.855" style="display:inline;fill:none;fill-opacity:1;stroke:url(#da);stroke-width:2;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:1;stroke-opacity:1"/><path d="M332.806 25.39a5 5 0 0 1-3.605 3.465 5 5 0 0 1-4.805-1.388" style="display:inline;fill:none;fill-opacity:1;stroke:url(#db);stroke-width:2;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:1;stroke-opacity:1"/></g><g><path style="display:inline;fill:none;fill-opacity:1;stroke:url(#dc);stroke-width:2;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:1;stroke-opacity:1" d="M340.073 27.097a5 5 0 0 1-.717-4.95 5 5 0 0 1 3.927-3.096"/><path style="display:inline;fill:none;fill-opacity:1;stroke:url(#dd);stroke-width:2;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:1;stroke-opacity:1" d="M343.283 19.05a5 5 0 0 1 4.644 1.856 5 5 0 0 1 .72 4.948"/><path style="display:inline;fill:none;fill-opacity:1;stroke:url(#de);stroke-width:2;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:1;stroke-opacity:1" d="M348.646 25.854a5 5 0 0 1-3.927 3.095 5 5 0 0 1-4.646-1.852"/></g><g><path d="M355.789 26.697a5 5 0 0 1-.228-4.997 5 5 0 0 1 4.211-2.696" style="display:inline;fill:none;fill-opacity:1;stroke:url(#df);stroke-width:2;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:1;stroke-opacity:1"/><path d="M359.772 19.004a5 5 0 0 1 4.44 2.301 5 5 0 0 1 .23 4.995" style="display:inline;fill:none;fill-opacity:1;stroke:url(#dg);stroke-width:2;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:1;stroke-opacity:1"/><path d="M364.442 26.3a5 5 0 0 1-4.21 2.696 5 5 0 0 1-4.443-2.3" style="display:inline;fill:none;fill-opacity:1;stroke:url(#dh);stroke-width:2;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:1;stroke-opacity:1"/></g><g><path style="display:inline;fill:none;fill-opacity:1;stroke:url(#di);stroke-width:2;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:1;stroke-opacity:1" d="M371.545 26.271a5 5 0 0 1 .263-4.995 5 5 0 0 1 4.455-2.27"/><path style="display:inline;fill:none;fill-opacity:1;stroke:url(#dj);stroke-width:2;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:1;stroke-opacity:1" d="M376.263 19.006a5 5 0 0 1 4.192 2.725 5 5 0 0 1-.26 4.993"/><path style="display:inline;fill:none;fill-opacity:1;stroke:url(#dk);stroke-width:2;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:1;stroke-opacity:1" d="M380.196 26.724a5 5 0 0 1-4.456 2.27 5 5 0 0 1-4.195-2.723"/></g><g><path d="M387.344 25.824a5 5 0 0 1 .751-4.946 5 5 0 0 1 4.656-1.822" style="display:inline;fill:none;fill-opacity:1;stroke:url(#dl);stroke-width:2;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:1;stroke-opacity:1"/><path d="M392.751 19.056a5 5 0 0 1 3.906 3.123 5 5 0 0 1-.748 4.944" style="display:inline;fill:none;fill-opacity:1;stroke:url(#dm);stroke-width:2;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:1;stroke-opacity:1"/><path d="M395.909 27.123a5 5 0 0 1-4.657 1.822 5 5 0 0 1-3.908-3.121" style="display:inline;fill:none;fill-opacity:1;stroke:url(#dn);stroke-width:2;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:1;stroke-opacity:1"/></g><g><path style="display:inline;fill:none;fill-opacity:1;stroke:url(#do);stroke-width:2;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:1;stroke-opacity:1" d="M403.188 25.359a5 5 0 0 1 1.232-4.848 5 5 0 0 1 4.813-1.358"/><path style="display:inline;fill:none;fill-opacity:1;stroke:url(#dp);stroke-width:2;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:1;stroke-opacity:1" d="M409.233 19.153a5 5 0 0 1 3.58 3.491 5 5 0 0 1-1.229 4.847"/><path style="display:inline;fill:none;fill-opacity:1;stroke:url(#dq);stroke-width:2;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:1;stroke-opacity:1" d="M411.584 27.49a5 5 0 0 1-4.812 1.358 5 5 0 0 1-3.584-3.49"/></g><g><path d="M419.079 24.88a5 5 0 0 1 1.702-4.703 5 5 0 0 1 4.922-.879" style="display:inline;fill:none;fill-opacity:1;stroke:url(#dr);stroke-width:2;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:1;stroke-opacity:1"/><path d="M425.703 19.298a5 5 0 0 1 3.22 3.825 5 5 0 0 1-1.697 4.703" style="display:inline;fill:none;fill-opacity:1;stroke:url(#ds);stroke-width:2;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:1;stroke-opacity:1"/><path d="M427.226 27.826a5 5 0 0 1-4.922.879 5 5 0 0 1-3.225-3.824" style="display:inline;fill:none;fill-opacity:1;stroke:url(#dt);stroke-width:2;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:1;stroke-opacity:1"/></g><g><path style="display:inline;opacity:1;fill:none;fill-opacity:1;stroke:url(#du);stroke-width:.529167;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:1;stroke-opacity:1" d="M6.274 247.712a1.323 1.323 0 0 1 .662-1.146 1.323 1.323 0 0 1 1.323 0" transform="rotate(-4.5 -11374.564 -4753.916) scale(3.77953)"/><path style="display:inline;opacity:1;fill:none;fill-opacity:1;stroke:url(#dv);stroke-width:.529167;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:1;stroke-opacity:1" d="M8.259 246.566a1.323 1.323 0 0 1 .661 1.146 1.323 1.323 0 0 1-.661 1.146" transform="rotate(-4.5 -11374.564 -4753.916) scale(3.77953)"/><path style="display:inline;opacity:1;fill:none;fill-opacity:1;stroke:url(#dw);stroke-width:.529167;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:1;stroke-opacity:1" d="M8.259 248.858a1.323 1.323 0 0 1-1.323 0 1.323 1.323 0 0 1-.662-1.146" transform="rotate(-4.5 -11374.564 -4753.916) scale(3.77953)"/></g><g><path d="M6.274 247.712a1.323 1.323 0 0 1 .662-1.146 1.323 1.323 0 0 1 1.323 0" style="display:inline;opacity:1;fill:none;fill-opacity:1;stroke:url(#dx);stroke-width:.529167;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:1;stroke-opacity:1" transform="rotate(1.127 46618.152 22202.363) scale(3.77953)"/><path d="M8.259 246.566a1.323 1.323 0 0 1 .661 1.146 1.323 1.323 0 0 1-.661 1.146" style="display:inline;opacity:1;fill:none;fill-opacity:1;stroke:url(#dy);stroke-width:.529167;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:1;stroke-opacity:1" transform="rotate(1.127 46618.152 22202.363) scale(3.77953)"/><path d="M8.259 248.858a1.323 1.323 0 0 1-1.323 0 1.323 1.323 0 0 1-.662-1.146" style="display:inline;opacity:1;fill:none;fill-opacity:1;stroke:url(#dz);stroke-width:.529167;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:1;stroke-opacity:1" transform="rotate(1.127 46618.152 22202.363) scale(3.77953)"/></g><g><path style="display:inline;opacity:1;fill:none;fill-opacity:1;stroke:url(#dA);stroke-width:.529167;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:1;stroke-opacity:1" d="M6.274 247.712a1.323 1.323 0 0 1 .662-1.146 1.323 1.323 0 0 1 1.323 0" transform="rotate(6.75 7984.703 4238.452) scale(3.77953)"/><path style="display:inline;opacity:1;fill:none;fill-opacity:1;stroke:url(#dB);stroke-width:.529167;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:1;stroke-opacity:1" d="M8.259 246.566a1.323 1.323 0 0 1 .661 1.146 1.323 1.323 0 0 1-.661 1.146" transform="rotate(6.75 7984.703 4238.452) scale(3.77953)"/><path style="display:inline;opacity:1;fill:none;fill-opacity:1;stroke:url(#dC);stroke-width:.529167;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:1;stroke-opacity:1" d="M8.259 248.858a1.323 1.323 0 0 1-1.323 0 1.323 1.323 0 0 1-.662-1.146" transform="rotate(6.75 7984.703 4238.452) scale(3.77953)"/></g><g><path d="M6.274 247.712a1.323 1.323 0 0 1 .662-1.146 1.323 1.323 0 0 1 1.323 0" style="display:inline;opacity:1;fill:none;fill-opacity:1;stroke:url(#dD);stroke-width:.529167;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:1;stroke-opacity:1" transform="rotate(12.375 4465.541 2598.308) scale(3.77953)"/><path d="M8.259 246.566a1.323 1.323 0 0 1 .661 1.146 1.323 1.323 0 0 1-.661 1.146" style="display:inline;opacity:1;fill:none;fill-opacity:1;stroke:url(#dE);stroke-width:.529167;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:1;stroke-opacity:1" transform="rotate(12.375 4465.541 2598.308) scale(3.77953)"/><path d="M8.259 248.858a1.323 1.323 0 0 1-1.323 0 1.323 1.323 0 0 1-.662-1.146" style="display:inline;opacity:1;fill:none;fill-opacity:1;stroke:url(#dF);stroke-width:.529167;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:1;stroke-opacity:1" transform="rotate(12.375 4465.541 2598.308) scale(3.77953)"/></g><g><path style="display:inline;opacity:1;fill:none;fill-opacity:1;stroke:url(#dG);stroke-width:.529167;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:1;stroke-opacity:1" d="M6.274 247.712a1.323 1.323 0 0 1 .662-1.146 1.323 1.323 0 0 1 1.323 0" transform="rotate(18 3146.17 1980.53) scale(3.77953)"/><path style="display:inline;opacity:1;fill:none;fill-opacity:1;stroke:url(#dH);stroke-width:.529167;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:1;stroke-opacity:1" d="M8.259 246.566a1.323 1.323 0 0 1 .661 1.146 1.323 1.323 0 0 1-.661 1.146" transform="rotate(18 3146.17 1980.53) scale(3.77953)"/><path style="display:inline;opacity:1;fill:none;fill-opacity:1;stroke:url(#dI);stroke-width:.529167;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:1;stroke-opacity:1" d="M8.259 248.858a1.323 1.323 0 0 1-1.323 0 1.323 1.323 0 0 1-.662-1.146" transform="rotate(18 3146.17 1980.53) scale(3.77953)"/></g></svg> (uuay)toggle-on-light.svg Q <svg viewBox="0 0 48 26" xmlns="http://www.w3.org/2000/svg"><g transform="translate(0 -291.18)"><rect y="291.18" width="48" height="26" rx="13" ry="13" fill="#E95420"/><rect x="24" y="294.18" width="22" height="22" rx="11" ry="11" fill-opacity=".2"/><rect x="24" y="293.18" width="22" height="22" rx="11" ry="11" fill="#fff"/></g></svg> (uuay)checkbox-focused-dark.svg / <svg width="24" height="24" xmlns="http://www.w3.org/2000/svg"><rect x="1.5" y="1.5" width="21" height="21" rx="3" fill="#d14515" stroke="#f1916f" stroke-linejoin="round"/><path d="m20.16 7.527-1.253-1.414-.118.104-8.478 7.426-4.97-4.263-1.503 1.699 6.474 6.811z" fill="#fff" fill-rule="evenodd"/></svg> (uuay)checkbox-off-focused-bark.svg � <svg width="24" height="24" xmlns="http://www.w3.org/2000/svg"><rect x="1.5" y="1.5" width="21" height="21" fill="#bababa" stroke="#a4a484" stroke-linejoin="round" rx="3" style="fill:#F7F7F7"/></svg> (uuay)gnome-shell-sage-dark.css$� /* This stylesheet is generated, DO NOT EDIT */ /* Copyright 2009, 2015 Red Hat, Inc. * * Portions adapted from Mx's data/style/default.css * Copyright 2009 Intel Corporation * * This program is free software; you can redistribute it and/or modify it * under the terms and conditions of the GNU Lesser General Public License, * version 2.1, as published by the Free Software Foundation. * * This program is distributed in the hope it will be useful, but WITHOUT ANY * WARRANTY; without even the implied warranty of MERCHANTABILITY or FITNESS * FOR A PARTICULAR PURPOSE. See the GNU Lesser General Public License for * more details. * * You should have received a copy of the GNU Lesser General Public License * along with this program; if not, write to the Free Software Foundation, * Inc., 51 Franklin St - Fifth Floor, Boston, MA 02110-1301 USA. */ /* Global Values */ stage { font-size: 11pt; color: #F7F7F7; } /* Common Stylings */ .screenshot-ui-panel, .workspace-switcher, .switcher-list, .resize-popup, .osd-monitor-label, .osd-window { color: #eeeeec; background-color: rgba(29, 29, 29, 0.975); border: 1px solid #464646; border-radius: 999px; padding: 12px; box-shadow: 0 3px 9px 1px rgba(0, 0, 0, 0.5); } .workspace-thumbnails .workspace-thumbnail { color: #eeeeec; background-color: rgba(238, 238, 236, 0.1); } .app-well-app.app-folder .overview-icon, .app-folder.grid-search-result .overview-icon, .app-well-app .overview-icon, .grid-search-result .overview-icon, .dash-item-container .show-apps .overview-icon, .list-search-result, .search-provider-icon, .switcher-list .item-box { border-radius: 12px; padding: 6px; spacing: 6px; border: 2px solid transparent; transition-duration: 100ms; text-align: center; color: #eeeeec; } .modal-dialog { color: #F7F7F7; background-color: #1d1d1d; border-radius: 8.5px; border: 1px solid rgba(247, 247, 247, 0.15); } #LookingGlassDialog > #Toolbar .lg-toolbar-button, .pad-osd-window .button, .button, .app-folder-dialog .folder-name-container .edit-folder-button { border-radius: 4px; border-style: solid; border-width: 1px; font-weight: bold; padding: 3px 24px; color: #F7F7F7; background-color: #2c2c2c; } #LookingGlassDialog > #Toolbar .lg-toolbar-button:focus, .button:focus, .app-folder-dialog .folder-name-container .edit-folder-button:focus { color: #F7F7F7; background-color: #2c2c2c; box-shadow: inset 0 0 0 2px #899e8d; } #LookingGlassDialog > #Toolbar .lg-toolbar-button:focus:hover, .button:focus:hover, .app-folder-dialog .folder-name-container .edit-folder-button:focus:hover { background-color: #343434; box-shadow: inset 0 0 0 2px #899e8d; } #LookingGlassDialog > #Toolbar .lg-toolbar-button:focus:active, .button:focus:active, .app-folder-dialog .folder-name-container .edit-folder-button:focus:active { background-color: #3b3b3b; box-shadow: inset 0 0 0 2px #899e8d; } #LookingGlassDialog > #Toolbar .lg-toolbar-button:hover, .button:hover, .app-folder-dialog .folder-name-container .edit-folder-button:hover { color: #F7F7F7; background-color: #343434; } #LookingGlassDialog > #Toolbar .lg-toolbar-button:insensitive, .button:insensitive, .app-folder-dialog .folder-name-container .edit-folder-button:insensitive { color: rgba(247, 247, 247, 0.5); background-color: rgba(247, 247, 247, 0.05); } #LookingGlassDialog > #Toolbar .lg-toolbar-button:active, .button:active, .app-folder-dialog .folder-name-container .edit-folder-button:active { color: #F7F7F7; background-color: #3b3b3b; } #LookingGlassDialog > #Toolbar .lg-toolbar-button:checked, .button:checked, .app-folder-dialog .folder-name-container .edit-folder-button:checked { color: #F7F7F7; background-color: #434343; } #LookingGlassDialog > #Toolbar .lg-toolbar-button:checked:hover, .button:checked:hover, .app-folder-dialog .folder-name-container .edit-folder-button:checked:hover { background-color: #4b4b4b; } #LookingGlassDialog > #Toolbar .lg-toolbar-button:checked:active, .button:checked:active, .app-folder-dialog .folder-name-container .edit-folder-button:checked:active { background-color: #525252; } .app-folder-dialog .folder-name-container .edit-folder-button { color: #F7F7F7; background-color: #2c2c2c; } .app-folder-dialog .folder-name-container .edit-folder-button:focus { color: #F7F7F7; background-color: #2c2c2c; box-shadow: inset 0 0 0 2px #899e8d; } .app-folder-dialog .folder-name-container .edit-folder-button:focus:hover { background-color: #343434; box-shadow: inset 0 0 0 2px #899e8d; } .app-folder-dialog .folder-name-container .edit-folder-button:focus:active { background-color: #3b3b3b; box-shadow: inset 0 0 0 2px #899e8d; } .app-folder-dialog .folder-name-container .edit-folder-button:hover { color: #F7F7F7; background-color: #343434; } .app-folder-dialog .folder-name-container .edit-folder-button:insensitive { color: rgba(247, 247, 247, 0.5); background-color: rgba(247, 247, 247, 0.05); } .app-folder-dialog .folder-name-container .edit-folder-button:active { color: #F7F7F7; background-color: #3b3b3b; } .app-folder-dialog .folder-name-container .edit-folder-button:checked { color: #F7F7F7; background-color: #434343; } .app-folder-dialog .folder-name-container .edit-folder-button:checked:hover { background-color: #4b4b4b; } .app-folder-dialog .folder-name-container .edit-folder-button:checked:active { background-color: #525252; } .modal-dialog .modal-dialog-linked-button, .hotplug-notification-item, .notification-banner .notification-button { padding: 12px; color: #F7F7F7; background-color: #2c2c2c; } .modal-dialog .modal-dialog-linked-button:ltr, .hotplug-notification-item:ltr, .notification-banner .notification-button:ltr { margin-right: 1px; } .modal-dialog .modal-dialog-linked-button:rtl, .hotplug-notification-item:rtl, .notification-banner .notification-button:rtl { margin-left: 1px; } .modal-dialog .modal-dialog-linked-button:insensitive, .hotplug-notification-item:insensitive, .notification-banner .notification-button:insensitive { color: rgba(247, 247, 247, 0.5); background-color: rgba(247, 247, 247, 0.05); } .modal-dialog .modal-dialog-linked-button:focus, .hotplug-notification-item:focus, .notification-banner .notification-button:focus { color: #F7F7F7; background-color: #2c2c2c; box-shadow: inset 0 0 0 2px #899e8d; } .modal-dialog .modal-dialog-linked-button:focus:hover, .hotplug-notification-item:focus:hover, .notification-banner .notification-button:focus:hover { background-color: #343434; box-shadow: inset 0 0 0 2px #899e8d; } .modal-dialog .modal-dialog-linked-button:focus:active, .hotplug-notification-item:focus:active, .notification-banner .notification-button:focus:active { background-color: #3b3b3b; box-shadow: inset 0 0 0 2px #899e8d; } .modal-dialog .modal-dialog-linked-button:hover, .hotplug-notification-item:hover, .notification-banner .notification-button:hover { color: #F7F7F7; background-color: #343434; } .modal-dialog .modal-dialog-linked-button:active, .hotplug-notification-item:active, .notification-banner .notification-button:active { color: #F7F7F7; background-color: #3b3b3b; } .modal-dialog .modal-dialog-linked-button:first-child:ltr, .hotplug-notification-item:first-child:ltr, .notification-banner .notification-button:first-child:ltr { border-radius: 0 0 0 7.5px; } .modal-dialog .modal-dialog-linked-button:last-child:ltr, .hotplug-notification-item:last-child:ltr, .notification-banner .notification-button:last-child:ltr { border-radius: 0 0 7.5px 0; margin-right: 0 !important; } .modal-dialog .modal-dialog-linked-button:first-child:rtl, .hotplug-notification-item:first-child:rtl, .notification-banner .notification-button:first-child:rtl { border-radius: 0 0 7.5px 0; margin-left: 0 !important; } .modal-dialog .modal-dialog-linked-button:last-child:rtl, .hotplug-notification-item:last-child:rtl, .notification-banner .notification-button:last-child:rtl { border-radius: 0 0 0 7.5px; margin-right: 0 !important; } .modal-dialog .modal-dialog-linked-button:first-child:last-child, .hotplug-notification-item:first-child:last-child, .notification-banner .notification-button:first-child:last-child { border-radius: 0 0 7.5px 7.5px !important; margin-left: 0 !important; margin-right: 0 !important; } .screenshot-ui-show-pointer-button, .screenshot-ui-type-button { background-color: transparent; background-color: none; } .screenshot-ui-show-pointer-button:insensitive, .screenshot-ui-type-button:insensitive { color: rgba(247, 247, 247, 0.5); background-color: rgba(247, 247, 247, 0.05); background-color: transparent; color: rgba(255, 255, 255, 0.5); } .screenshot-ui-show-pointer-button:insensitive, .screenshot-ui-type-button:insensitive { background-color: transparent; background-color: none; } .screenshot-ui-show-pointer-button:insensitive:insensitive, .screenshot-ui-type-button:insensitive:insensitive { color: rgba(247, 247, 247, 0.5); background-color: rgba(247, 247, 247, 0.05); background-color: transparent; color: rgba(255, 255, 255, 0.5); } .screenshot-ui-show-pointer-button:focus, .screenshot-ui-type-button:focus { color: #eeeeec; background-color: rgba(44, 44, 44, 0.97675); box-shadow: inset 0 0 0 2px #899e8d; } .screenshot-ui-show-pointer-button:focus:hover, .screenshot-ui-type-button:focus:hover { background-color: rgba(52, 52, 52, 0.97675); box-shadow: inset 0 0 0 2px #899e8d; } .screenshot-ui-show-pointer-button:focus:active, .screenshot-ui-type-button:focus:active { background-color: rgba(59, 59, 59, 0.97675); box-shadow: inset 0 0 0 2px #899e8d; } .screenshot-ui-show-pointer-button:hover, .screenshot-ui-type-button:hover { color: #eeeeec; background-color: rgba(52, 52, 52, 0.97675); } .screenshot-ui-show-pointer-button:active, .screenshot-ui-type-button:active { color: #eeeeec; background-color: rgba(59, 59, 59, 0.97675); } .screenshot-ui-show-pointer-button:outlined, .screenshot-ui-type-button:outlined, .screenshot-ui-show-pointer-button:checked, .screenshot-ui-type-button:checked { color: #eeeeec; background-color: rgba(67, 67, 67, 0.97675); } .screenshot-ui-show-pointer-button:outlined:hover, .screenshot-ui-type-button:outlined:hover, .screenshot-ui-show-pointer-button:checked:hover, .screenshot-ui-type-button:checked:hover { background-color: rgba(75, 75, 75, 0.97675); } .screenshot-ui-show-pointer-button:outlined:active, .screenshot-ui-type-button:outlined:active, .screenshot-ui-show-pointer-button:checked:active, .screenshot-ui-type-button:checked:active { background-color: rgba(82, 82, 82, 0.97675); } /* General Typography */ .app-folder-dialog .folder-name-container .folder-name-label, .app-folder-dialog .folder-name-container .folder-name-entry, .search-statustext { font-weight: 800; font-size: 20pt; } .lg-debug-flags-header, .message-dialog-content .message-dialog-title, .message-list .message-list-placeholder, .datemenu-today-button .date-label { font-weight: 800; font-size: 15pt; } .nm-dialog-airplane-headline { font-weight: 700; font-size: 15pt; } .message-dialog-content .message-dialog-title.lightweight, .headline { font-weight: 700; font-size: 13pt; } .lg-extension-name, .osd-window, .nm-dialog-header, .dialog-list .dialog-list-title, .message-list-controls, .weather-button .weather-forecast-temp, .weather-button .weather-header, .world-clocks-button .world-clocks-time, .world-clocks-button .world-clocks-header, .events-button .events-title, .calendar .calendar-month-header .calendar-month-label, .datemenu-today-button .day-label, .popup-menu-ornament { font-weight: 700; font-size: 11pt; } .app-menu .popup-inactive-menu-item:first-child > StLabel { font-weight: 700; font-size: 9pt; } .login-dialog-not-listed-label, .lg-completions-text, .caps-lock-warning-label, #dash, .icon-label-button-container, .prompt-dialog-error-label, .prompt-dialog-info-label, .prompt-dialog-null-label, .run-dialog .run-dialog-description, .dialog-list .dialog-list-box .dialog-list-item .dialog-list-item-description, .weather-button .weather-forecast-time, .world-clocks-button .world-clocks-timezone, .events-button .event-time { font-weight: 400; font-size: 9pt; } .calendar .calendar-day-base.calendar-day-heading, .calendar .calendar-day-base { font-weight: 400; font-size: 8pt; } .unlock-dialog-clock-time, #panel, .weather-button .weather-forecast-time, .world-clocks-button .world-clocks-timezone, .world-clocks-button .world-clocks-time, .events-button .event-time, .calendar .calendar-day-base { font-feature-settings: "tnum"; } /* WIDGETS */ .shell-link { color: #9aac9d; } .shell-link:hover { color: #b6c3b8; } .lowres-icon { icon-shadow: 0 1px 2px rgba(0, 0, 0, 0.3); } .icon-dropshadow { icon-shadow: 0 1px 5px rgba(0, 0, 0, 0.8); } /* Entries */ StEntry { min-height: 22px; border-radius: 6px; padding: 8px; border-width: 1px; color: #F7F7F7; background-color: #1d1d1d; color: rgba(247, 247, 247, 0.7); border: 1px solid #464646; selection-background-color: #657B69; selected-color: #FFFFFF; } StEntry:hover { background-color: #1d1d1d; border-color: #535353; color: #F7F7F7; } StEntry:focus { background-color: #1d1d1d; border-color: #899e8d; box-shadow: 0 0 0 1px #899e8d inset; color: #F7F7F7; } StEntry:insensitive { background-color: #2c2c2c; border-color: #2c2c2c; color: #8a8a8a; } StEntry StIcon.capslock-warning { icon-size: 16px; warning-color: #f99b11; padding: 0 4px; } StEntry StIcon.peek-password { icon-size: 1.09em; padding: 0 4px; } StEntry StLabel.hint-text { margin-left: 2px; color: rgba(247, 247, 247, 0.7); } /* Buttons */ .button { min-height: 22px; } /* Check Boxes */ .check-box StBoxLayout { spacing: .8em; } .check-box StBin { width: 24px; height: 22px; background-image: url("resource:///org/gnome/shell/theme/checkbox-off-sage-dark.svg"); } .check-box:focus StBin { background-image: url("resource:///org/gnome/shell/theme/checkbox-off-focused-sage-dark.svg"); } .check-box:checked StBin { background-image: url("resource:///org/gnome/shell/theme/checkbox-sage-dark.svg"); } .check-box:focus:checked StBin { background-image: url("resource:///org/gnome/shell/theme/checkbox-focused-sage-dark.svg"); } /* Switches */ .toggle-switch { color: #F7F7F7; height: 26px; width: 48px; background-size: contain; background-image: url("resource:///org/gnome/shell/theme/toggle-off-sage-dark.svg"); } .toggle-switch:checked { background-image: url("resource:///org/gnome/shell/theme/toggle-on-sage-dark.svg"); } /* Slider */ .slider { -barlevel-height: 4px; -barlevel-background-color: rgba(247, 247, 247, 0.2); -barlevel-border-width: 2px; -barlevel-border-color: transparent; -barlevel-active-background-color: #657B69; -barlevel-active-border-color: transparent; -barlevel-overdrive-color: #991121; -barlevel-overdrive-border-color: transparent; -barlevel-overdrive-separator-width: 1px; -slider-handle-border-width: 0; -slider-handle-border-color: transparent; -slider-handle-radius: 8px; color: #fcfcfc; height: 16px; } /* Scrollbars */ StScrollView.vfade { -st-vfade-offset: 68px; } StScrollView.hfade { -st-hfade-offset: 68px; } StScrollBar { padding: 0; } StScrollView StScrollBar { min-width: 8px; min-height: 8px; } StScrollBar StBin#trough { border-radius: 0; background-color: transparent; } StScrollBar StButton#vhandle, StScrollBar StButton#hhandle { border-radius: 8px; background-color: #5e5e5e; border: 3px solid transparent; transition: 500ms all ease; } StScrollBar StButton#vhandle:hover, StScrollBar StButton#hhandle:hover { background-color: #8a8a8a; } StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { background-color: #747474; } /* Popovers/Menus */ .popup-menu-boxpointer, .candidate-popup-boxpointer { -arrow-rise: 6px; } .popup-menu { min-width: 15em; color: #F7F7F7; } .popup-menu.panel-menu { margin-bottom: 1.75em; } .popup-menu-content, .candidate-popup-content { padding: 6px; border-radius: 10px; border: 1px solid rgba(247, 247, 247, 0.15); box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.1); background-color: #1d1d1d; } .popup-menu-item { padding: 9px 12px; border-radius: 6px; spacing: 6px; transition: 0.2s all ease; background-color: transparent; } .popup-menu-item:ltr { padding-left: 6px; } .popup-menu-item:rtl { padding-right: 6px; } .popup-menu-item:focus, .popup-menu-item:hover { background-color: rgba(247, 247, 247, 0.1) !important; } .popup-menu-item:focus:active, .popup-menu-item:hover:active { background-color: rgba(247, 247, 247, 0.2) !important; } .popup-menu-item:checked { background-color: #343434 !important; } .popup-menu-item:checked { margin-bottom: 0; box-shadow: inset 0 -1px 0 0 #272727; border-radius: 6px 6px 0 0; } .popup-menu-item:checked:focus, .popup-menu-item:checked:hover { background-color: #434343 !important; } .popup-menu-item:checked:active { background-color: #4b4b4b !important; } .popup-menu-item:active { background-color: #4b4b4b; color: #efefef; } .popup-menu-item:insensitive { color: rgba(247, 247, 247, 0.5); } .popup-menu-item .toggle-switch:ltr { margin-left: 4px; } .popup-menu-item .toggle-switch:rtl { margin-right: 4px; } .popup-inactive-menu-item { color: #F7F7F7; } .popup-inactive-menu-item:insensitive { color: #8a8a8a; } .popup-menu-arrow, .popup-menu-icon { icon-size: 16px !important; } .popup-sub-menu { background-color: #343434; border-radius: 0 0 6px 6px; } .popup-sub-menu .popup-menu-ornament { min-width: 1.09em !important; } .popup-sub-menu .popup-menu-item { border-radius: 0; margin: 0; } .popup-sub-menu .popup-menu-item:last-child { border-radius: 0 0 6px 6px; } .popup-sub-menu .popup-menu-item:focus, .popup-sub-menu .popup-menu-item:hover { background-color: rgba(255, 255, 255, 0.1) !important; } .popup-sub-menu .popup-menu-item:checked { background-color: #4e4e4e !important; } .popup-sub-menu .popup-menu-item:checked:focus, .popup-sub-menu .popup-menu-item:checked:hover { background-color: #484848 !important; } .popup-sub-menu .popup-menu-item:active { background-color: rgba(255, 255, 255, 0.2) !important; } .popup-sub-menu .popup-menu-section .popup-menu-item:last-child:hover, .popup-sub-menu .popup-menu-section .popup-menu-item:last-child:focus { border-radius: 0; } .popup-sub-menu .popup-menu-section:last-child .popup-menu-item:last-child { border-radius: 0 0 6px 6px; } .popup-menu-ornament { width: 1.2em; text-align: center !important; } .popup-menu-ornament:ltr { text-align: right; } .popup-menu-ornament:rtl { text-align: left; } .popup-separator-menu-item { margin: 6px 0; padding: 0 !important; } .popup-separator-menu-item:ltr { margin-right: 4px; } .popup-separator-menu-item:rtl { margin-left: 4px; } .popup-separator-menu-item .popup-separator-menu-item-separator { height: 1px; background-color: #464646; } .popup-separator-menu-item .popup-menu-ornament { width: 0 !important; } .popup-sub-menu .popup-separator-menu-item { background-color: transparent; } .popup-sub-menu .popup-separator-menu-item:ltr { margin-right: 2.5em; } .popup-sub-menu .popup-separator-menu-item:rtl { margin-left: 2.5em; } .popup-sub-menu .popup-separator-menu-item .popup-separator-menu-item-separator { background-color: #585858; } .background-menu { -boxpointer-gap: 0px; -arrow-rise: 0px; } .aggregate-menu { min-width: 22em; } .aggregate-menu .popup-menu-ornament { width: 0 !important; } .aggregate-menu .popup-menu-icon { -st-icon-style: symbolic; } .aggregate-menu .popup-menu-icon:ltr { margin-right: 8px; } .aggregate-menu .popup-menu-icon:rtl { margin-left: 8px; } .aggregate-menu .popup-sub-menu .popup-menu-item > :first-child:ltr { margin-left: 1em; } .aggregate-menu .popup-sub-menu .popup-menu-item > :first-child:rtl { margin-right: 1em; } .app-menu { max-width: 27.25em; } .app-menu .popup-menu-ornament { width: 0 !important; } .app-menu .popup-inactive-menu-item:first-child > StLabel:ltr { margin-right: 8px; } .app-menu .popup-inactive-menu-item:first-child > StLabel:rtl { margin-left: 8px; } /* Date/Time Menu */ #calendarArea { padding: 4px; } .datemenu-calendar-column { spacing: 6px; } .datemenu-calendar-column:ltr { padding-left: 6px; } .datemenu-calendar-column:rtl { padding-right: 6px; } .datemenu-calendar-column .datemenu-displays-box { spacing: 6px; } /* today button (the date) */ .datemenu-today-button { border-radius: 6px; margin: 4px; box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.1); background-color: transparent; background-color: none; box-shadow: none !important; padding: 9px; } .datemenu-today-button:insensitive { color: rgba(247, 247, 247, 0.5); background-color: rgba(247, 247, 247, 0.05); background-color: transparent; color: rgba(255, 255, 255, 0.5); } .datemenu-today-button:focus { color: #F7F7F7; background-color: #2c2c2c; box-shadow: inset 0 0 0 2px #899e8d; } .datemenu-today-button:focus:hover { background-color: #343434; box-shadow: inset 0 0 0 2px #899e8d; } .datemenu-today-button:focus:active { background-color: #3b3b3b; box-shadow: inset 0 0 0 2px #899e8d; } .datemenu-today-button:hover { color: #F7F7F7; background-color: #343434; } .datemenu-today-button:active { color: #F7F7F7; background-color: #3b3b3b; } .datemenu-today-button:insensitive .day-label, .datemenu-today-button:insensitive .date-label { color: #8a8a8a; } /* Calendar */ .calendar { border-radius: 6px; margin: 4px; box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.1); background-color: transparent; background-color: none; box-shadow: none !important; margin-top: 0; } .calendar:insensitive { color: rgba(247, 247, 247, 0.5); background-color: rgba(247, 247, 247, 0.05); background-color: transparent; color: rgba(255, 255, 255, 0.5); } .calendar:focus { color: #F7F7F7; background-color: #2c2c2c; box-shadow: inset 0 0 0 2px #899e8d; } .calendar:focus:hover { background-color: #343434; box-shadow: inset 0 0 0 2px #899e8d; } .calendar:focus:active { background-color: #3b3b3b; box-shadow: inset 0 0 0 2px #899e8d; } .calendar:hover { color: #F7F7F7; background-color: #343434; } .calendar:active { color: #F7F7F7; background-color: #3b3b3b; } .calendar .calendar-month-header .calendar-change-month-back StIcon, .calendar .calendar-month-header .calendar-change-month-forward StIcon { icon-size: 1.09em; } .calendar .calendar-month-header .calendar-month-label { color: white; padding: 8px 0; } .calendar .calendar-month-header .pager-button { background-color: transparent; height: 32px; width: 32px; margin: 2px; border-radius: 4px; } .calendar .calendar-month-header .pager-button:hover, .calendar .calendar-month-header .pager-button:focus { background-color: rgba(247, 247, 247, 0.1); } .calendar .calendar-month-header .pager-button:active { background-color: rgba(247, 247, 247, 0.2); } .calendar .calendar-day-base { text-align: center; margin: 2px; padding: 0 !important; height: 3em !important; width: 3em !important; border-radius: 99px; } .calendar .calendar-day-base:hover { background-color: rgba(247, 247, 247, 0.1); } .calendar .calendar-day-base:focus { background-color: #2b302c; box-shadow: inset 0 0 0 2px rgba(101, 123, 105, 0.6); } .calendar .calendar-day-base:active, .calendar .calendar-day-base:selected { color: #efefef; background-color: rgba(247, 247, 247, 0.2); } .calendar .calendar-day-base:active:focus, .calendar .calendar-day-base:selected:focus { background-color: rgba(146, 161, 149, 0.36); } .calendar .calendar-day-base.calendar-day-heading { color: #8a8a8a; padding-top: 6px; height: 16px !important; font-weight: bold; } .calendar .calendar-nonwork-day { color: #8a8a8a; } .calendar .calendar-other-month-day { color: rgba(247, 247, 247, 0.5); } .calendar .calendar-other-month-day.calendar-nonwork-day { color: rgba(138, 138, 138, 0.5); } .calendar .calendar-today { background-color: #657B69; font-weight: 800; color: #FFFFFF !important; } .calendar .calendar-today:hover, .calendar .calendar-today:focus { background-color: #6c8370; color: inherit; } .calendar .calendar-today:active, .calendar .calendar-today:selected { background-color: #657B69; color: inherit; } .calendar .calendar-today:active:hover, .calendar .calendar-today:active:focus, .calendar .calendar-today:selected:hover, .calendar .calendar-today:selected:focus { background-color: #6c8370; color: inherit; } .calendar .calendar-day-with-events { background-image: url("resource:///org/gnome/shell/theme/calendar-today.svg"); background-size: contain; } .calendar .calendar-week-number { font-size: 7pt; font-weight: bold; font-feature-settings: "tnum"; margin: 6px; padding: 0 6px; border-radius: 3px; background-color: #181818; color: #8a8a8a; } /* Events */ .events-button { border-radius: 6px; margin: 4px; box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.1); color: #F7F7F7; background-color: #2c2c2c; padding: 12px; } .events-button:focus { color: #F7F7F7; background-color: #2c2c2c; box-shadow: inset 0 0 0 2px #899e8d; } .events-button:focus:hover { background-color: #343434; box-shadow: inset 0 0 0 2px #899e8d; } .events-button:focus:active { background-color: #3b3b3b; box-shadow: inset 0 0 0 2px #899e8d; } .events-button:hover { color: #F7F7F7; background-color: #343434; } .events-button:active { color: #F7F7F7; background-color: #3b3b3b; } .events-button .events-box { spacing: 6px; } .events-button .events-list { spacing: 12px; } .events-button .events-title { color: #8a8a8a; margin-bottom: 4px; } .events-button .event-time { color: #8a8a8a; } /* World clocks */ .world-clocks-button { border-radius: 6px; margin: 4px; box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.1); color: #F7F7F7; background-color: #2c2c2c; padding: 12px; } .world-clocks-button:focus { color: #F7F7F7; background-color: #2c2c2c; box-shadow: inset 0 0 0 2px #899e8d; } .world-clocks-button:focus:hover { background-color: #343434; box-shadow: inset 0 0 0 2px #899e8d; } .world-clocks-button:focus:active { background-color: #3b3b3b; box-shadow: inset 0 0 0 2px #899e8d; } .world-clocks-button:hover { color: #F7F7F7; background-color: #343434; } .world-clocks-button:active { color: #F7F7F7; background-color: #3b3b3b; } .world-clocks-button .world-clocks-grid { spacing-rows: 6px; spacing-columns: 12px; } .world-clocks-button .world-clocks-header { color: #8a8a8a; } .world-clocks-button .world-clocks-city { color: #F7F7F7; } .world-clocks-button .world-clocks-time { color: #F7F7F7; } .world-clocks-button .world-clocks-time:ltr { text-align: right; } .world-clocks-button .world-clocks-time:rtl { text-align: left; } .world-clocks-button .world-clocks-timezone { color: #8a8a8a; } /* Weather */ .weather-button { border-radius: 6px; margin: 4px; box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.1); color: #F7F7F7; background-color: #2c2c2c; padding: 12px; } .weather-button:focus { color: #F7F7F7; background-color: #2c2c2c; box-shadow: inset 0 0 0 2px #899e8d; } .weather-button:focus:hover { background-color: #343434; box-shadow: inset 0 0 0 2px #899e8d; } .weather-button:focus:active { background-color: #3b3b3b; box-shadow: inset 0 0 0 2px #899e8d; } .weather-button:hover { color: #F7F7F7; background-color: #343434; } .weather-button:active { color: #F7F7F7; background-color: #3b3b3b; } .weather-button .weather-box { spacing: 10px; } .weather-button .weather-header-box { spacing: 6px; } .weather-button .weather-header { color: #8a8a8a; } .weather-button .weather-header.location { font-weight: normal; } .weather-button .weather-grid { spacing-rows: 6px; spacing-columns: 12px; } .weather-button .weather-forecast-time { color: #ababab; padding-top: 0.2em; padding-bottom: 0.4em; } .weather-button .weather-forecast-icon { icon-size: 2.18em; } /* Message List */ .message-list { width: 29em; border: solid #464646; } .message-list:ltr { margin-left: 0; margin-right: 4px; padding-right: 6px; border-right-width: 1px; } .message-list:rtl { margin-right: 0; margin-left: 4px; padding-left: 6px; border-left-width: 1px; } .message-list .message-list-placeholder { color: rgba(138, 138, 138, 0.5); } .message-list .message-list-placeholder > StIcon { icon-size: 3.27em; margin-bottom: 12px; -st-icon-style: symbolic; } .message-list-sections { spacing: 6px; margin: 0; padding-bottom: 6px; } .message-list-sections:ltr { margin-right: 12px; } .message-list-sections:rtl { margin-left: 12px; } .message-list-section, .message-list-section-list { spacing: 6px; } .message-list-controls { padding: 6px; spacing: 6px; } .message-list-controls .dnd-button { border-width: 2px; border-color: transparent; border-radius: 32px; border-style: solid; } .message-list-controls .dnd-button:focus { border-color: #899e8d; } .message { border-radius: 6px; margin: 4px; box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.1); color: #F7F7F7; background-color: #2c2c2c; } .message:focus { color: #F7F7F7; background-color: #2c2c2c; box-shadow: inset 0 0 0 2px #899e8d; } .message:focus:hover { background-color: #343434; box-shadow: inset 0 0 0 2px #899e8d; } .message:focus:active { background-color: #3b3b3b; box-shadow: inset 0 0 0 2px #899e8d; } .message:hover { color: #F7F7F7; background-color: #343434; } .message:active { color: #F7F7F7; background-color: #3b3b3b; } .message .message-icon-bin { padding: 18px; } .message .message-icon-bin:ltr { padding-right: 6px; } .message .message-icon-bin:rtl { padding-left: 6px; } .message .message-icon-bin > StIcon { icon-size: 2.18em; -st-icon-style: symbolic; } .message .message-icon-bin > .fallback-app-icon { width: 1.09em; height: 1.09em; } .message .message-content { spacing: 4px; padding: 9px; margin-bottom: 8px; } .message .message-title { font-weight: bold; /* HACK: the label should be baseline-aligned with a 1em label, fake this with some bottom padding */ padding-top: 0.57em; } .message .message-secondary-bin { padding: 0 8px; } .message .message-secondary-bin > .event-time { color: rgba(247, 247, 247, 0.5); font-size: 9pt; /* HACK: the label should be baseline-aligned with a 1em label, fake this with some bottom padding */ padding-bottom: 0.13em; } .message .message-secondary-bin > .event-time:ltr { text-align: right; } .message .message-secondary-bin > .event-time:rtl { text-align: left; } .message .message-close-button { color: #F7F7F7; background-color: rgba(247, 247, 247, 0.1); border-radius: 99px; padding: 5px; margin: 1px; } .message .message-close-button:hover { background-color: rgba(247, 247, 247, 0.2); } .message .message-close-button:active { background-color: rgba(247, 247, 247, 0.1); } .message .message-body { color: #dedede; } .url-highlighter { link-color: #9aac9d; } /* Media Controls */ .message-media-control { padding: 0 18px; margin: 12px 0; border-radius: 6px; color: #F7F7F7; } .message-media-control:hover { background-color: rgba(255, 255, 255, 0.1); color: #F7F7F7; } .message-media-control:active { background-color: rgba(247, 247, 247, 0.2); color: #F7F7F7; } .message-media-control:insensitive { color: #979797; } .message-media-control:last-child:ltr { margin-right: 12px; } .message-media-control:last-child:rtl { margin-left: 12px; } .media-message-cover-icon { icon-size: 3.27em !important; border-radius: 6px; } .media-message-cover-icon.fallback { color: #cccccc; background-color: #1d1d1d; border: 1px solid transparent; border-radius: 6px; icon-size: 2.18em !important; padding: 14px; } .candidate-popup-content { padding: 6px; spacing: 6px; } .candidate-index { padding: 0; padding-right: 6px; color: #8a8a8a; } .candidate-box { padding: 6px 12px 6px 12px; border-radius: 6px; } .candidate-box:selected { background-color: #657B69; color: #FFFFFF; } .candidate-box:hover { background-color: rgba(247, 247, 247, 0.1); color: #F7F7F7; } .candidate-page-button-box { height: 2em; } .vertical .candidate-page-button-box { padding-top: 12px; } .horizontal .candidate-page-button-box { padding-left: 12px; } .candidate-page-button { padding: 6px; } .candidate-page-button-previous { border-radius: 6px 0px 0px 6px; border-right-width: 0; box-shadow: none; } .candidate-page-button-next { border-radius: 0px 6px 6px 0px; box-shadow: none; } .candidate-page-button-icon { icon-size: 1.09em; } /* Notifications & Message Tray */ .notification-banner { min-height: 64px; width: 34em; box-shadow: 0 2px 4px 2px rgba(0, 0, 0, 0.1); border-radius: 9px; margin: 4px; background-color: #1d1d1d; } .notification-banner .notification-actions { spacing: 0; } .notification-banner:hover { background-color: #222222; } .notification-banner:active { background-color: #272727; } .notification-banner, .notification-banner:hover, .notification-banner:focus, .notification-banner:active { box-shadow: 0 0 4px 2px rgba(0, 0, 0, 0.1); border: 1px solid #464646; } .summary-source-counter { font-size: 10pt; font-weight: bold; height: 1.6em; width: 1.6em; -shell-counter-overlap-x: 3px; -shell-counter-overlap-y: 3px; background-color: #657B69; color: #FFFFFF; border: 2px solid #F7F7F7; box-shadow: 0 2px 2px rgba(0, 0, 0, 0.5); border-radius: 0.9em; } .chat-body { spacing: 5px; } .chat-response { margin: 5px; } .chat-log-message { color: #dedede; } .chat-new-group { padding-top: 1em; } .chat-received { padding-left: 4px; } .chat-received:rtl { padding-left: 0px; padding-right: 4px; } .chat-sent { padding-left: 18pt; color: white; } .chat-sent:rtl { padding-left: 0; padding-right: 18pt; } .chat-meta-message { padding-left: 4px; font-size: 9pt; font-weight: bold; color: white; } .chat-meta-message:rtl { padding-left: 0; padding-right: 4px; } .hotplug-notification-item-icon { icon-size: 24px; padding: 0 4px; } /* Modal Dialogs */ .modal-dialog .modal-dialog-content-box { margin: 32px 40px; spacing: 32px; max-width: 28em; } /* End Session Dialog */ .end-session-dialog { width: 30em; } .end-session-dialog .end-session-dialog-battery-warning, .end-session-dialog .dialog-list-title { color: #f99b11; } /* Message Dialog */ .message-dialog-content { spacing: 18px; } .message-dialog-content .message-dialog-title { text-align: center; } .message-dialog-content .message-dialog-description { text-align: center; } /* Dialog List */ .dialog-list { spacing: 18px; } .dialog-list .dialog-list-title { text-align: center; } .dialog-list .dialog-list-scrollview { max-height: 200px; } .dialog-list .dialog-list-box { spacing: 1em; } .dialog-list .dialog-list-box .dialog-list-item { spacing: 1em; } .dialog-list .dialog-list-box .dialog-list-item .dialog-list-item-title { font-weight: bold; } .dialog-list .dialog-list-box .dialog-list-item .dialog-list-item-description { color: #eaeaea; } /* Run Dialog */ .run-dialog .modal-dialog-content-box { margin-top: 24px; margin-bottom: 14px; } .run-dialog .run-dialog-entry { width: 20em; } .run-dialog .run-dialog-description { text-align: center; color: #c4c4c4; } /* Password or Authentication Dialog */ .prompt-dialog { width: 28em; } .prompt-dialog .modal-dialog-content-box { margin-bottom: 24px; } .prompt-dialog-password-grid { spacing-rows: 8px; spacing-columns: 4px; } .prompt-dialog-password-grid .prompt-dialog-password-entry { width: auto; } .prompt-dialog-password-grid .prompt-dialog-password-entry:ltr { margin-left: 20px; } .prompt-dialog-password-grid .prompt-dialog-password-entry:rtl { margin-right: 20px; } .prompt-dialog-password-layout { spacing: 8px; } .prompt-dialog-password-entry { width: 20em; } .prompt-dialog-error-label, .prompt-dialog-info-label, .prompt-dialog-null-label { text-align: center; } .prompt-dialog-error-label { color: #f99b11; } /* Polkit Dialog */ .polkit-dialog-user-layout { text-align: center; spacing: 8px; margin-bottom: 6px; } .polkit-dialog-user-layout .polkit-dialog-user-root-label { color: #f99b11; } /* Audio selection dialog */ .audio-device-selection-dialog .modal-dialog-content-box { margin-bottom: 28px; } .audio-device-selection-dialog .audio-selection-box { spacing: 20px; } .audio-selection-device { border-radius: 12px; } .audio-selection-device:hover, .audio-selection-device:focus { background-color: rgba(247, 247, 247, 0.1); } .audio-selection-device:active { background-color: #657B69; color: #FFFFFF; } .audio-selection-device-box { padding: 20px; spacing: 20px; } .audio-selection-device-icon { icon-size: 4.36em; } /* Welcome dialog */ .welcome-dialog-image { background-image: url("resource:///org/gnome/shell/theme/gnome-shell-start.svg"); background-size: contain; /* Reasonable maximum dimensions */ height: 300px; width: 300px; } /* Select Network dialogs */ .nm-dialog { max-height: 34em; min-height: 31em; min-width: 32em; } .nm-dialog-content { spacing: 20px; padding: 24px; } .nm-dialog-subheader { color: #8a8a8a; } .nm-dialog-header-icon { icon-size: 2.18em; } .nm-dialog-header-hbox { spacing: 10px; } .nm-dialog-scroll-view { padding: 6px; border-radius: 6px; background-color: #222222; } .nm-dialog-item { padding: 12px; } .nm-dialog-item:selected { background-color: #657B69; border-radius: 3px; color: #FFFFFF; } .nm-dialog-item:hover { background-color: rgba(247, 247, 247, 0.1); } .nm-dialog-icon { icon-size: 1.09em; } .nm-dialog-icons { spacing: 12px; } .no-networks-box { spacing: 6px; } .no-networks-label { color: #8a8a8a; } .nm-dialog-airplane-box { text-align: center; spacing: 12px; } .nm-dialog-airplane-text { color: #8a8a8a; } /* OSD */ .osd-window { text-align: center; font-weight: bold; spacing: 12px; padding: 12px 18px; margin-bottom: 4em; } .osd-window > * { spacing: 8px; } .osd-window StIcon { icon-size: 2.18em; } .osd-window StLabel:ltr { margin-right: 6px; } .osd-window StLabel:rtl { margin-left: 6px; } .osd-window .level { margin-bottom: 4px; height: 6px; min-width: 10.9em; -barlevel-height: 6px; -barlevel-background-color: rgba(238, 238, 236, 0.1); -barlevel-active-background-color: #eeeeec; -barlevel-overdrive-color: #991121; -barlevel-overdrive-separator-width: 3px; } .osd-window .level:first-child { margin-bottom: 0px; } .osd-window .level:ltr { margin-right: 6px; } .osd-window .level:rtl { margin-left: 6px; } .osd-monitor-label { border-radius: 12px; font-size: 3em; font-weight: bold; margin: 12px; text-align: center; min-width: 1.3em; } /* Pad OSD */ .pad-osd-window { padding: 32px; background-color: rgba(29, 29, 29, 0.975); color: #eeeeec; } .pad-osd-window .button:insensitive { color: #F7F7F7; } .pad-osd-window .pad-osd-title-box { spacing: 12px; } .pad-osd-window .pad-osd-title-menu-box { spacing: 6px; } .combo-box-label { width: 15em; } /* App Switcher */ .switcher-popup { padding: 0; spacing: 24px; } .switcher-list { padding: 10px; border-radius: 20px; box-shadow: 0 8px 8px 0 rgba(0, 0, 0, 0.1); } .switcher-list .switcher-list-item-container { spacing: 12px; } .switcher-list .item-box { background-color: transparent; } .switcher-list .item-box:hover { background-color: rgba(238, 238, 236, 0.1); } .switcher-list .item-box:selected, .switcher-list .item-box:focus { background-color: rgba(238, 238, 236, 0.13); } .switcher-list .item-box:selected:hover, .switcher-list .item-box:focus:hover { background-color: rgba(238, 238, 236, 0.16); } .switcher-list .item-box:selected:active, .switcher-list .item-box:focus:active { background-color: rgba(238, 238, 236, 0.13); } .switcher-list .item-box:active { background-color: rgba(238, 238, 236, 0.16); } .switcher-list .item-box:outlined, .switcher-list .item-box:checked { background-color: rgba(238, 238, 236, 0.19); } .switcher-list .item-box:outlined:active, .switcher-list .item-box:checked:active { background-color: rgba(238, 238, 236, 0.22); } .switcher-list .item-box:outlined:hover, .switcher-list .item-box:checked:hover { background-color: rgba(238, 238, 236, 0.25); } .switcher-list .item-box:drop { border: 2px solid rgba(101, 123, 105, 0.8); background-color: rgba(101, 123, 105, 0.2); } .switcher-list .item-box:hover { background: none; } .switcher-list .separator { width: 1px; background: #464646; } .switcher-list .thumbnail-box { padding: 2px; spacing: 6px; } .switcher-list .thumbnail { width: 256px; border-radius: 6px; } .switcher-arrow { border-color: rgba(0, 0, 0, 0); color: rgba(238, 238, 236, 0.8); } .switcher-arrow:highlighted { border-color: #eeeeec; color: #eeeeec; } .input-source-switcher-symbol { font-size: 34pt; width: 96px; height: 96px; } .cycler-highlight { border: 5px solid #657B69; } /* Workspace Switcher */ .workspace-switcher { margin-bottom: 4em; spacing: 12px; padding: 12px 18px; } .ws-switcher-indicator { background-color: rgba(238, 238, 236, 0.5); padding: 0.1816666667em; margin: 0.9083333333em; border-radius: 2.18em; } .ws-switcher-indicator:active { background-color: #eeeeec; padding: 0.3633333333em; margin: 0.7266666667em; } .icon-label-button-container { spacing: 6px; } .icon-label-button-container StIcon { icon-size: 32px; } .screenshot-ui-panel { border-radius: 33px; padding: 18px; padding-bottom: 12px; margin-bottom: 4em; spacing: 12px; } .screenshot-ui-close-button { padding: 6px; } .screenshot-ui-close-button.left { margin-left: 8px; } .screenshot-ui-close-button.right { margin-right: 8px; } .screenshot-ui-type-button { padding: 12px 18px !important; border-radius: 15px; } .screenshot-ui-capture-button { width: 36px; height: 36px; border-radius: 99px; border: 4px #eeeeec; padding: 4px; } .screenshot-ui-capture-button .screenshot-ui-capture-button-circle { background-color: #eeeeec; transition-duration: 200ms; border-radius: 99px; } .screenshot-ui-capture-button .screenshot-ui-capture-button-circle:hover, .screenshot-ui-capture-button .screenshot-ui-capture-button-circle:focus { background-color: rgba(247, 247, 247, 0.1); } .screenshot-ui-capture-button:hover .screenshot-ui-capture-button-circle, .screenshot-ui-capture-button:focus .screenshot-ui-capture-button-circle { background-color: #cacac4; } .screenshot-ui-capture-button:active .screenshot-ui-capture-button-circle { background-color: #747467; } .screenshot-ui-capture-button:cast .screenshot-ui-capture-button-circle { background-color: #c7162b; } .screenshot-ui-capture-button:cast:hover .screenshot-ui-capture-button-circle, .screenshot-ui-capture-button:cast:focus .screenshot-ui-capture-button-circle { background-color: #de1930; } .screenshot-ui-capture-button:cast:active .screenshot-ui-capture-button-circle { background-color: #a71224; } .screenshot-ui-shot-cast-container { background-color: rgba(247, 247, 247, 0.1); border-radius: 12px; padding: 3px; spacing: 3px; } .screenshot-ui-shot-cast-container:ltr { margin-left: 3px; } .screenshot-ui-shot-cast-container:rtl { margin-right: 3px; } .screenshot-ui-shot-cast-button { padding: 6px 12px; background-color: transparent; border-radius: 9px; } .screenshot-ui-shot-cast-button:hover, .screenshot-ui-shot-cast-button:focus { background-color: rgba(255, 255, 255, 0.1); } .screenshot-ui-shot-cast-button:active { background-color: rgba(255, 255, 255, 0.2); } .screenshot-ui-shot-cast-button:checked { background-color: white; color: black; } .screenshot-ui-shot-cast-button StIcon { icon-size: 1.09em; } .screenshot-ui-show-pointer-button { border-radius: 99px; padding: 12px !important; } .screenshot-ui-show-pointer-button StIcon { icon-size: 1.09em; } .screenshot-ui-area-indicator-shade { background-color: rgba(0, 0, 0, 0.3); } .screenshot-ui-area-selector .screenshot-ui-area-indicator-shade { background-color: rgba(0, 0, 0, 0.5); } .screenshot-ui-area-selector .screenshot-ui-area-indicator-selection { border: 2px white; } .screenshot-ui-area-selector-handle { border-radius: 99px; background-color: white; box-shadow: 0 1px 3px 2px rgba(0, 0, 0, 0.2); width: 24px; height: 24px; } .screenshot-ui-window-selector { background-color: #222222; } .screenshot-ui-window-selector .screenshot-ui-window-selector-window-container { margin: 100px; } .screenshot-ui-window-selector:primary-monitor .screenshot-ui-window-selector-window-container { margin-bottom: 200px; } .screenshot-ui-window-selector-window-border { transition-duration: 200ms; border-radius: 12px; border: 6px transparent; } .screenshot-ui-window-selector-check { transition-duration: 200ms; color: transparent; border-radius: 99px; border-width: 12px; icon-size: 24px; } .screenshot-ui-window-selector-window:hover .screenshot-ui-window-selector-window-border { border-color: #435145; } .screenshot-ui-window-selector-window:checked .screenshot-ui-window-selector-window-border { border-color: #657B69; background-color: rgba(101, 123, 105, 0.2); } .screenshot-ui-window-selector-window:checked .screenshot-ui-window-selector-check { color: #FFFFFF; background-color: #657B69; } .screenshot-ui-screen-selector { transition-duration: 200ms; background-color: rgba(0, 0, 0, 0.5); } .screenshot-ui-screen-selector:hover { background-color: rgba(0, 0, 0, 0.3); } .screenshot-ui-screen-selector:active { background-color: rgba(0, 0, 0, 0.7); } .screenshot-ui-screen-selector:checked { background-color: transparent; border: 2px white; } .screenshot-ui-tooltip { color: #eeeeec; background-color: rgba(29, 29, 29, 0.975); border-radius: 99px; padding: 6px 12px; text-align: center; -y-offset: 24px; } /* Top Bar */ #panel { background-color: #131313; font-weight: bold; height: 1.86em; transition-duration: 250ms; } #panel.unlock-screen, #panel.login-screen { background-color: transparent; } #panel .panel-button { font-weight: bold; color: #f2f2f2; -natural-hpadding: 12px; -minimum-hpadding: 6px; transition-duration: 150ms; border: 3px solid transparent; border-radius: 99px; } #panel .panel-button.clock-display .clock { transition-duration: 150ms; border: 3px solid transparent; border-radius: 99px; } #panel .panel-button.screen-recording-indicator { box-shadow: inset 0 0 0 100px #c7162b; } #panel .panel-button.screen-recording-indicator StBoxLayout { spacing: 6px; } #panel .panel-button.screen-recording-indicator StIcon { icon-size: 1.09em; } #panel .panel-button:active, #panel .panel-button:overview, #panel .panel-button:focus, #panel .panel-button:checked { box-shadow: inset 0 0 0 100px rgba(242, 242, 242, 0.2); } #panel .panel-button:active.clock-display, #panel .panel-button:overview.clock-display, #panel .panel-button:focus.clock-display, #panel .panel-button:checked.clock-display { box-shadow: none; } #panel .panel-button:active.clock-display .clock, #panel .panel-button:overview.clock-display .clock, #panel .panel-button:focus.clock-display .clock, #panel .panel-button:checked.clock-display .clock { box-shadow: inset 0 0 0 100px rgba(242, 242, 242, 0.2); } #panel .panel-button:active.screen-recording-indicator, #panel .panel-button:overview.screen-recording-indicator, #panel .panel-button:focus.screen-recording-indicator, #panel .panel-button:checked.screen-recording-indicator { box-shadow: inset 0 0 0 100px rgba(199, 22, 43, 0.85); } #panel .panel-button:hover { box-shadow: inset 0 0 0 100px rgba(242, 242, 242, 0.15); } #panel .panel-button:hover.clock-display { box-shadow: none; } #panel .panel-button:hover.clock-display .clock { box-shadow: inset 0 0 0 100px rgba(242, 242, 242, 0.15); } #panel .panel-button:hover.screen-recording-indicator { box-shadow: inset 0 0 0 100px rgba(199, 22, 43, 0.9); } #panel .panel-button:active:hover, #panel .panel-button:overview:hover, #panel .panel-button:focus:hover, #panel .panel-button:checked:hover { box-shadow: inset 0 0 0 100px rgba(242, 242, 242, 0.25); } #panel .panel-button:active:hover.clock-display, #panel .panel-button:overview:hover.clock-display, #panel .panel-button:focus:hover.clock-display, #panel .panel-button:checked:hover.clock-display { box-shadow: none; } #panel .panel-button:active:hover.clock-display .clock, #panel .panel-button:overview:hover.clock-display .clock, #panel .panel-button:focus:hover.clock-display .clock, #panel .panel-button:checked:hover.clock-display .clock { box-shadow: inset 0 0 0 100px rgba(242, 242, 242, 0.25); } #panel .panel-button:active:hover.screen-recording-indicator, #panel .panel-button:overview:hover.screen-recording-indicator, #panel .panel-button:focus:hover.screen-recording-indicator, #panel .panel-button:checked:hover.screen-recording-indicator { box-shadow: inset 0 0 0 100px rgba(199, 22, 43, 0.8); } #panel .panel-button .system-status-icon { icon-size: 1.09em; padding: 5px; margin: 0 4px; } #panel .panel-button .panel-status-indicators-box .system-status-icon, #panel .panel-button .panel-status-menu-box .system-status-icon { margin: 0; } #panel .panel-button .app-menu-icon { -st-icon-style: symbolic; } #panel .panel-button#panelActivities { -natural-hpadding: 18px; } #panel.unlock-screen .panel-button:active, #panel.unlock-screen .panel-button:overview, #panel.unlock-screen .panel-button:focus, #panel.unlock-screen .panel-button:checked, #panel.login-screen .panel-button:active, #panel.login-screen .panel-button:overview, #panel.login-screen .panel-button:focus, #panel.login-screen .panel-button:checked, #panel:overview .panel-button:active, #panel:overview .panel-button:overview, #panel:overview .panel-button:focus, #panel:overview .panel-button:checked { box-shadow: inset 0 0 0 100px rgba(255, 255, 255, 0.15); } #panel.unlock-screen .panel-button:active.clock-display, #panel.unlock-screen .panel-button:overview.clock-display, #panel.unlock-screen .panel-button:focus.clock-display, #panel.unlock-screen .panel-button:checked.clock-display, #panel.login-screen .panel-button:active.clock-display, #panel.login-screen .panel-button:overview.clock-display, #panel.login-screen .panel-button:focus.clock-display, #panel.login-screen .panel-button:checked.clock-display, #panel:overview .panel-button:active.clock-display, #panel:overview .panel-button:overview.clock-display, #panel:overview .panel-button:focus.clock-display, #panel:overview .panel-button:checked.clock-display { box-shadow: none; } #panel.unlock-screen .panel-button:active.clock-display .clock, #panel.unlock-screen .panel-button:overview.clock-display .clock, #panel.unlock-screen .panel-button:focus.clock-display .clock, #panel.unlock-screen .panel-button:checked.clock-display .clock, #panel.login-screen .panel-button:active.clock-display .clock, #panel.login-screen .panel-button:overview.clock-display .clock, #panel.login-screen .panel-button:focus.clock-display .clock, #panel.login-screen .panel-button:checked.clock-display .clock, #panel:overview .panel-button:active.clock-display .clock, #panel:overview .panel-button:overview.clock-display .clock, #panel:overview .panel-button:focus.clock-display .clock, #panel:overview .panel-button:checked.clock-display .clock { box-shadow: inset 0 0 0 100px rgba(255, 255, 255, 0.15); } #panel.unlock-screen .panel-button:active.screen-recording-indicator, #panel.unlock-screen .panel-button:overview.screen-recording-indicator, #panel.unlock-screen .panel-button:focus.screen-recording-indicator, #panel.unlock-screen .panel-button:checked.screen-recording-indicator, #panel.login-screen .panel-button:active.screen-recording-indicator, #panel.login-screen .panel-button:overview.screen-recording-indicator, #panel.login-screen .panel-button:focus.screen-recording-indicator, #panel.login-screen .panel-button:checked.screen-recording-indicator, #panel:overview .panel-button:active.screen-recording-indicator, #panel:overview .panel-button:overview.screen-recording-indicator, #panel:overview .panel-button:focus.screen-recording-indicator, #panel:overview .panel-button:checked.screen-recording-indicator { box-shadow: inset 0 0 0 100px rgba(199, 22, 43, 0.85); } #panel.unlock-screen .panel-button:hover, #panel.login-screen .panel-button:hover, #panel:overview .panel-button:hover { box-shadow: inset 0 0 0 100px rgba(255, 255, 255, 0.1); } #panel.unlock-screen .panel-button:hover.clock-display, #panel.login-screen .panel-button:hover.clock-display, #panel:overview .panel-button:hover.clock-display { box-shadow: none; } #panel.unlock-screen .panel-button:hover.clock-display .clock, #panel.login-screen .panel-button:hover.clock-display .clock, #panel:overview .panel-button:hover.clock-display .clock { box-shadow: inset 0 0 0 100px rgba(255, 255, 255, 0.1); } #panel.unlock-screen .panel-button:hover.screen-recording-indicator, #panel.login-screen .panel-button:hover.screen-recording-indicator, #panel:overview .panel-button:hover.screen-recording-indicator { box-shadow: inset 0 0 0 100px rgba(199, 22, 43, 0.9); } #panel.unlock-screen .panel-button:active:hover, #panel.unlock-screen .panel-button:overview:hover, #panel.unlock-screen .panel-button:focus:hover, #panel.unlock-screen .panel-button:checked:hover, #panel.login-screen .panel-button:active:hover, #panel.login-screen .panel-button:overview:hover, #panel.login-screen .panel-button:focus:hover, #panel.login-screen .panel-button:checked:hover, #panel:overview .panel-button:active:hover, #panel:overview .panel-button:overview:hover, #panel:overview .panel-button:focus:hover, #panel:overview .panel-button:checked:hover { box-shadow: inset 0 0 0 100px rgba(255, 255, 255, 0.2); } #panel.unlock-screen .panel-button:active:hover.clock-display, #panel.unlock-screen .panel-button:overview:hover.clock-display, #panel.unlock-screen .panel-button:focus:hover.clock-display, #panel.unlock-screen .panel-button:checked:hover.clock-display, #panel.login-screen .panel-button:active:hover.clock-display, #panel.login-screen .panel-button:overview:hover.clock-display, #panel.login-screen .panel-button:focus:hover.clock-display, #panel.login-screen .panel-button:checked:hover.clock-display, #panel:overview .panel-button:active:hover.clock-display, #panel:overview .panel-button:overview:hover.clock-display, #panel:overview .panel-button:focus:hover.clock-display, #panel:overview .panel-button:checked:hover.clock-display { box-shadow: none; } #panel.unlock-screen .panel-button:active:hover.clock-display .clock, #panel.unlock-screen .panel-button:overview:hover.clock-display .clock, #panel.unlock-screen .panel-button:focus:hover.clock-display .clock, #panel.unlock-screen .panel-button:checked:hover.clock-display .clock, #panel.login-screen .panel-button:active:hover.clock-display .clock, #panel.login-screen .panel-button:overview:hover.clock-display .clock, #panel.login-screen .panel-button:focus:hover.clock-display .clock, #panel.login-screen .panel-button:checked:hover.clock-display .clock, #panel:overview .panel-button:active:hover.clock-display .clock, #panel:overview .panel-button:overview:hover.clock-display .clock, #panel:overview .panel-button:focus:hover.clock-display .clock, #panel:overview .panel-button:checked:hover.clock-display .clock { box-shadow: inset 0 0 0 100px rgba(255, 255, 255, 0.2); } #panel.unlock-screen .panel-button:active:hover.screen-recording-indicator, #panel.unlock-screen .panel-button:overview:hover.screen-recording-indicator, #panel.unlock-screen .panel-button:focus:hover.screen-recording-indicator, #panel.unlock-screen .panel-button:checked:hover.screen-recording-indicator, #panel.login-screen .panel-button:active:hover.screen-recording-indicator, #panel.login-screen .panel-button:overview:hover.screen-recording-indicator, #panel.login-screen .panel-button:focus:hover.screen-recording-indicator, #panel.login-screen .panel-button:checked:hover.screen-recording-indicator, #panel:overview .panel-button:active:hover.screen-recording-indicator, #panel:overview .panel-button:overview:hover.screen-recording-indicator, #panel:overview .panel-button:focus:hover.screen-recording-indicator, #panel:overview .panel-button:checked:hover.screen-recording-indicator { box-shadow: inset 0 0 0 100px rgba(199, 22, 43, 0.8); } #panel .panel-status-indicators-box, #panel .panel-status-menu-box { spacing: 2px; } #panel .power-status.panel-status-indicators-box { spacing: 0; } #panel .screencast-indicator, #panel .remote-access-indicator { color: #f99b11; } #appMenu { spacing: 6px; } #appMenu .label-shadow { color: transparent; } #appMenu .panel-status-menu-box { padding: 0 6px; spacing: 6px; } .clock-display-box { spacing: 2px; } .clock-display-box .clock { padding-left: 12px; padding-right: 12px; } /* Activities Ripple */ .ripple-box { background-color: rgba(210, 218, 211, 0.3); box-shadow: 0 0 2px 2px #9aac9d; width: 52px; height: 52px; border-radius: 0 0 52px 0; } .ripple-box:rtl { border-radius: 0 0 0 52px; } /* OVERVIEW */ .controls-manager, .secondary-monitor-workspaces { spacing: 12px; } #overviewGroup { background-color: #222222; } .overview-controls { padding-bottom: 32px; } /* Window Picker */ .window-picker { spacing: 6px; } .window-caption { color: #eeeeec; background-color: rgba(29, 29, 29, 0.975); border-radius: 99px; padding: 6px 12px; border: 1px solid #464646; } .window-close, .screenshot-ui-close-button { background-color: rgba(55, 55, 55, 0.975); color: #eeeeec; border-radius: 99px; padding: 3px; height: 30px; width: 30px; transition-duration: 300ms; border: 1px solid #464646; } .window-close StIcon, .screenshot-ui-close-button StIcon { icon-size: 24px; } .window-close:hover, .screenshot-ui-close-button:hover { background-color: rgba(67, 67, 67, 0.975); } .window-close:active, .screenshot-ui-close-button:active { background-color: rgba(42, 42, 42, 0.975); } .workspace-background { border-radius: 30px; box-shadow: 0 4px 16px 4px rgba(0, 0, 0, 0.275); } .search-entry { border-radius: 18px; margin-top: 24px; margin-bottom: 12px; padding: 7px 9px; width: 320px; background-color: #1d1d1d; color: rgba(247, 247, 247, 0.7); border: 1px solid #464646; } .search-entry:hover { background-color: #1d1d1d; border-color: #535353; color: #F7F7F7; } .search-entry:focus { background-color: #1d1d1d; border-color: #899e8d; box-shadow: 0 0 0 1px #899e8d inset; color: #F7F7F7; } .search-entry:insensitive { background-color: #2c2c2c; border-color: #2c2c2c; color: #8a8a8a; } .search-entry .search-entry-icon { color: inherit; icon-size: 1.09em; margin-top: 2px; padding: 0 4px; } /* Search */ #searchResults { margin: 0 4px; } #searchResultsContent { max-width: 1072px; } .search-section { spacing: 18px; } .search-section .search-section-separator { height: 8px; background-color: transparent; } .search-section-content { background-color: #1d1d1d; border-radius: 18px; border: 1px solid #464646; color: #eeeeec; padding: 12px; margin: 0 12px; } .list-search-result, .search-provider-icon { background-color: transparent; border-radius: 9px; } .list-search-result:hover, .search-provider-icon:hover { background-color: rgba(238, 238, 236, 0.1); } .list-search-result:selected, .search-provider-icon:selected, .list-search-result:focus, .search-provider-icon:focus { background-color: rgba(238, 238, 236, 0.13); } .list-search-result:selected:hover, .search-provider-icon:selected:hover, .list-search-result:focus:hover, .search-provider-icon:focus:hover { background-color: rgba(238, 238, 236, 0.16); } .list-search-result:selected:active, .search-provider-icon:selected:active, .list-search-result:focus:active, .search-provider-icon:focus:active { background-color: rgba(238, 238, 236, 0.13); } .list-search-result:active, .search-provider-icon:active { background-color: rgba(238, 238, 236, 0.16); } .list-search-result:outlined, .search-provider-icon:outlined, .list-search-result:checked, .search-provider-icon:checked { background-color: rgba(238, 238, 236, 0.19); } .list-search-result:outlined:active, .search-provider-icon:outlined:active, .list-search-result:checked:active, .search-provider-icon:checked:active { background-color: rgba(238, 238, 236, 0.22); } .list-search-result:outlined:hover, .search-provider-icon:outlined:hover, .list-search-result:checked:hover, .search-provider-icon:checked:hover { background-color: rgba(238, 238, 236, 0.25); } .list-search-result:drop, .search-provider-icon:drop { border: 2px solid rgba(101, 123, 105, 0.8); background-color: rgba(101, 123, 105, 0.2); } .grid-search-results { spacing: 30px; margin: 0 12px; } .search-provider-icon:ltr { margin-right: 4px; } .search-provider-icon:rtl { margin-left: 4px; } .search-provider-icon .list-search-provider-content { spacing: 12px; } .search-provider-icon .list-search-provider-content .list-search-provider-details { width: 120px; color: #eeeeec; } .list-search-results { spacing: 6px; } .list-search-result .list-search-result-content { spacing: 6px; } .list-search-result .list-search-result-title { spacing: 12px; } .list-search-result .list-search-result-description { color: #868685; } /* Dash */ #dash { margin-top: 12px; } #dash .placeholder { background-image: none; background-size: contain; height: 32px; } #dash .empty-dash-drop-target { width: 32px; height: 32px; } #dash .app-well-app-running-dot { margin-bottom: 13px; background-color: #657B69; } .dash-background { background-color: #1d1d1d; border-radius: 24px; padding: 12px; border: 1px solid #464646; spacing: 6px; margin-bottom: 12px; } .dash-item-container > * { margin: 0 2px; } .dash-item-container:ltr:first-child { margin-left: 0; } .dash-item-container:rtl:first-child { margin-right: 0; } .dash-item-container .app-well-app .overview-icon, .dash-item-container .grid-search-result .overview-icon { padding: 6px; } .dash-item-container .show-apps .overview-icon { background-color: transparent; } .dash-item-container .show-apps:hover .overview-icon { background-color: rgba(238, 238, 236, 0.1); } .dash-item-container .show-apps:selected .overview-icon, .dash-item-container .show-apps:focus .overview-icon { background-color: rgba(238, 238, 236, 0.13); } .dash-item-container .show-apps:selected .overview-icon:hover .overview-icon, .dash-item-container .show-apps:focus .overview-icon:hover .overview-icon { background-color: rgba(238, 238, 236, 0.16); } .dash-item-container .show-apps:selected .overview-icon:active .overview-icon, .dash-item-container .show-apps:focus .overview-icon:active .overview-icon { background-color: rgba(238, 238, 236, 0.13); } .dash-item-container .show-apps:active .overview-icon { background-color: rgba(238, 238, 236, 0.16); } .dash-item-container .show-apps:outlined .overview-icon, .dash-item-container .show-apps:checked .overview-icon { background-color: rgba(238, 238, 236, 0.19); } .dash-item-container .show-apps:outlined .overview-icon:active .overview-icon, .dash-item-container .show-apps:checked .overview-icon:active .overview-icon { background-color: rgba(238, 238, 236, 0.22); } .dash-item-container .show-apps:outlined .overview-icon:hover .overview-icon, .dash-item-container .show-apps:checked .overview-icon:hover .overview-icon { background-color: rgba(238, 238, 236, 0.25); } .dash-item-container .show-apps:drop .overview-icon { border: 2px solid rgba(101, 123, 105, 0.8); background-color: rgba(101, 123, 105, 0.2); } .dash-item-container .show-apps:focus .overview-icon, .dash-item-container .show-apps:active .overview-icon, .dash-item-container .show-apps:checked .overview-icon { background-color: rgba(238, 238, 236, 0.2); } .dash-item-container .show-apps, .dash-item-container .app-well-app, .dash-item-container .grid-search-result { padding-bottom: 12px; } .dash-separator { width: 1px; margin: 0 4px; background-color: #464646; margin-bottom: 12px; } .dash-label { color: #eeeeec; background-color: rgba(29, 29, 29, 0.975); border-radius: 99px; padding: 6px 12px; text-align: center; -y-offset: 8px; border: 1px solid #464646; } /* App Grid */ .icon-grid { row-spacing: 12px; column-spacing: 12px; max-row-spacing: 42px; max-column-spacing: 42px; page-padding-top: 24px; page-padding-bottom: 24px; page-padding-left: 18px; page-padding-right: 18px; } /* App Icons */ .app-well-app .overview-icon, .grid-search-result .overview-icon { background-color: transparent; } .app-well-app:hover .overview-icon, .grid-search-result:hover .overview-icon { background-color: rgba(238, 238, 236, 0.1); } .app-well-app:selected .overview-icon, .grid-search-result:selected .overview-icon, .app-well-app:focus .overview-icon, .grid-search-result:focus .overview-icon { background-color: rgba(238, 238, 236, 0.13); } .app-well-app:selected .overview-icon:hover .overview-icon, .grid-search-result:selected .overview-icon:hover .overview-icon, .app-well-app:focus .overview-icon:hover .overview-icon, .grid-search-result:focus .overview-icon:hover .overview-icon { background-color: rgba(238, 238, 236, 0.16); } .app-well-app:selected .overview-icon:active .overview-icon, .grid-search-result:selected .overview-icon:active .overview-icon, .app-well-app:focus .overview-icon:active .overview-icon, .grid-search-result:focus .overview-icon:active .overview-icon { background-color: rgba(238, 238, 236, 0.13); } .app-well-app:active .overview-icon, .grid-search-result:active .overview-icon { background-color: rgba(238, 238, 236, 0.16); } .app-well-app:outlined .overview-icon, .grid-search-result:outlined .overview-icon, .app-well-app:checked .overview-icon, .grid-search-result:checked .overview-icon { background-color: rgba(238, 238, 236, 0.19); } .app-well-app:outlined .overview-icon:active .overview-icon, .grid-search-result:outlined .overview-icon:active .overview-icon, .app-well-app:checked .overview-icon:active .overview-icon, .grid-search-result:checked .overview-icon:active .overview-icon { background-color: rgba(238, 238, 236, 0.22); } .app-well-app:outlined .overview-icon:hover .overview-icon, .grid-search-result:outlined .overview-icon:hover .overview-icon, .app-well-app:checked .overview-icon:hover .overview-icon, .grid-search-result:checked .overview-icon:hover .overview-icon { background-color: rgba(238, 238, 236, 0.25); } .app-well-app:drop .overview-icon, .grid-search-result:drop .overview-icon { border: 2px solid rgba(101, 123, 105, 0.8); background-color: rgba(101, 123, 105, 0.2); } .app-well-app:focus .overview-icon, .grid-search-result:focus .overview-icon, .app-well-app:active .overview-icon, .grid-search-result:active .overview-icon, .app-well-app:checked .overview-icon, .grid-search-result:checked .overview-icon { background-color: rgba(238, 238, 236, 0.2); } .app-well-app .overview-icon, .grid-search-result .overview-icon { padding: 12px; } .app-well-app .overview-icon.overview-icon-with-label > StBoxLayout, .grid-search-result .overview-icon.overview-icon-with-label > StBoxLayout { spacing: 6px; } .app-well-app.app-folder .overview-icon, .app-folder.grid-search-result .overview-icon { background-color: rgba(238, 238, 236, 0.05); } .app-well-app.app-folder:hover .overview-icon, .app-folder.grid-search-result:hover .overview-icon { background-color: rgba(238, 238, 236, 0.1); } .app-well-app.app-folder:selected .overview-icon, .app-folder.grid-search-result:selected .overview-icon, .app-well-app.app-folder:focus .overview-icon, .app-folder.grid-search-result:focus .overview-icon { background-color: rgba(238, 238, 236, 0.13); } .app-well-app.app-folder:selected .overview-icon:hover .overview-icon, .app-folder.grid-search-result:selected .overview-icon:hover .overview-icon, .app-well-app.app-folder:focus .overview-icon:hover .overview-icon, .app-folder.grid-search-result:focus .overview-icon:hover .overview-icon { background-color: rgba(238, 238, 236, 0.16); } .app-well-app.app-folder:selected .overview-icon:active .overview-icon, .app-folder.grid-search-result:selected .overview-icon:active .overview-icon, .app-well-app.app-folder:focus .overview-icon:active .overview-icon, .app-folder.grid-search-result:focus .overview-icon:active .overview-icon { background-color: rgba(238, 238, 236, 0.13); } .app-well-app.app-folder:active .overview-icon, .app-folder.grid-search-result:active .overview-icon { background-color: rgba(238, 238, 236, 0.16); } .app-well-app.app-folder:outlined .overview-icon, .app-folder.grid-search-result:outlined .overview-icon, .app-well-app.app-folder:checked .overview-icon, .app-folder.grid-search-result:checked .overview-icon { background-color: rgba(238, 238, 236, 0.19); } .app-well-app.app-folder:outlined .overview-icon:active .overview-icon, .app-folder.grid-search-result:outlined .overview-icon:active .overview-icon, .app-well-app.app-folder:checked .overview-icon:active .overview-icon, .app-folder.grid-search-result:checked .overview-icon:active .overview-icon { background-color: rgba(238, 238, 236, 0.22); } .app-well-app.app-folder:outlined .overview-icon:hover .overview-icon, .app-folder.grid-search-result:outlined .overview-icon:hover .overview-icon, .app-well-app.app-folder:checked .overview-icon:hover .overview-icon, .app-folder.grid-search-result:checked .overview-icon:hover .overview-icon { background-color: rgba(238, 238, 236, 0.25); } .app-well-app.app-folder:drop .overview-icon, .app-folder.grid-search-result:drop .overview-icon { border: 2px solid rgba(101, 123, 105, 0.8); background-color: rgba(101, 123, 105, 0.2); } .app-well-app.app-folder:focus .overview-icon, .app-folder.grid-search-result:focus .overview-icon, .app-well-app.app-folder:active .overview-icon, .app-folder.grid-search-result:active .overview-icon, .app-well-app.app-folder:checked .overview-icon, .app-folder.grid-search-result:checked .overview-icon { background-color: rgba(238, 238, 236, 0.2); } .app-folder-dialog { border-radius: 24px; background-color: #1d1d1d; border: 1px solid #464646; } .app-folder-dialog .folder-name-container { padding: 24px 36px 0; spacing: 12px; /* FIXME: this is to keep the label in sync with the entry */ } .app-folder-dialog .folder-name-container .folder-name-label, .app-folder-dialog .folder-name-container .folder-name-entry { color: #eeeeec; } .app-folder-dialog .folder-name-container .folder-name-entry { width: 300px; background-color: rgba(39, 39, 39, 0.975); border-color: rgba(255, 255, 255, 0.16); } .app-folder-dialog .folder-name-container .folder-name-label { padding: 5px 7px; color: #eeeeec; } .app-folder-dialog .folder-name-container .edit-folder-button { padding: 0; width: 36px; height: 36px; border-radius: 99px; } .app-folder-dialog .folder-name-container .edit-folder-button > StIcon { icon-size: 1.09em; } .app-folder-dialog .icon-grid { row-spacing: 12px; column-spacing: 30px; page-padding-top: 0; page-padding-bottom: 0; page-padding-left: 0; page-padding-right: 0; } .app-folder-dialog .page-indicators { margin-bottom: 18px; } .app-folder-dialog-container { padding: 12px; width: 640px; height: 640px; } .app-well-app-running-dot { height: 5px; width: 5px; border-radius: 5px; margin-bottom: 8px; background-color: #657B69; } .rename-folder-popup .rename-folder-popup-item { spacing: 6px; } .rename-folder-popup .rename-folder-popup-item:ltr, .rename-folder-popup .rename-folder-popup-item:rtl { padding: 0 12px; } .page-indicator { padding: 6px 12px 0; } .page-indicator .page-indicator-icon { width: 10px; height: 10px; border-radius: 10px; background-color: white; } .apps-scroll-view { padding: 0; } .system-action-icon { background-color: rgba(0, 0, 0, 0.8); color: #fff; border-radius: 99px; icon-size: 48px; } .page-navigation-hint { width: 300px; } .page-navigation-hint.dnd { background: rgba(255, 255, 255, 0.1); } .page-navigation-hint.next:ltr, .page-navigation-hint.previous:rtl { background-gradient-start: rgba(255, 255, 255, 0.05); background-gradient-end: transparent; background-gradient-direction: horizontal; border-radius: 18px 0px 0px 18px; } .page-navigation-hint.previous:ltr, .page-navigation-hint.next:rtl { background-gradient-start: transparent; background-gradient-end: rgba(255, 255, 255, 0.05); background-gradient-direction: horizontal; border-radius: 0px 18px 18px 0px; } .page-navigation-arrow { margin: 6px; width: 24px; height: 24px; color: #eeeeec; } /* Workspace pager */ .workspace-thumbnails { visible-width: 32px; spacing: 6px; padding: 6px; border-color: transparent; } .workspace-thumbnails .workspace-thumbnail { border-radius: 3px; background-color: #1d1d1d; border: 1px solid #464646; } .workspace-thumbnails .placeholder { background-image: url("resource:///org/gnome/shell/theme/workspace-placeholder.svg"); background-size: contain; width: 18px; } .workspace-thumbnail-indicator { border: 2px solid #899e8d; border-radius: 3px; padding: 0px; } .ripple-pointer-location { width: 50px; height: 50px; border-radius: 25px; background-color: rgba(182, 195, 184, 0.3); box-shadow: 0 0 2px 2px #9aac9d; } .pie-timer { width: 60px; height: 60px; -pie-border-width: 3px; -pie-border-color: #657B69; -pie-background-color: rgba(210, 218, 211, 0.3); } .magnifier-zoom-region { border: 2px solid #657B69; } .magnifier-zoom-region.full-screen { border-width: 0; } .select-area-rubberband { background-color: rgba(135, 135, 135, 0.2); border: 1px solid rgba(204, 204, 204, 0.8); } .user-icon { /* Yaru: See commit 3d4aca768250 */ background-size: contain; color: #F7F7F7; border-radius: 99px; icon-size: 4.36em; } .user-icon:hover { color: white; } .user-icon StIcon { background-color: rgba(247, 247, 247, 0.05); border-radius: 99px; padding: 12px; width: 2.725em; height: 2.725em; } .user-icon.user-avatar { border: 2px #eeeeec; } .user-widget.vertical .user-icon { icon-size: 6.54em; } .user-widget.vertical .user-icon StIcon { padding: 20px; padding-top: 18px; padding-bottom: 22px; width: 5.995em; height: 5.995em; /* Yaru: See commit 3d4aca768250 */ } .lightbox { background-color: black; } .flashspot { background-color: white; } .hidden { color: rgba(0, 0, 0, 0); } .caps-lock-warning-label { text-align: center; padding-bottom: 8px; color: #f99b11; } /* Workspace animation */ .workspace-animation { background-color: #222222; } /* Tiled window previews */ .tile-preview { background-color: rgba(101, 123, 105, 0.5); border: 1px solid #657B69; } /* On-screen Keyboard */ #keyboard { background-color: rgba(0, 0, 0, 0.9); } #keyboard .page-indicator { padding: 6px; } #keyboard .page-indicator .page-indicator-icon { width: 8px; height: 8px; } .key-container { padding: 4px; spacing: 4px; } .keyboard-key { font-size: 16pt; font-weight: bold; min-height: 1.2em; min-width: 1.2em; border-width: 1px; border-style: solid; border-radius: 10px; box-shadow: 0 1px 0 0 rgba(0, 0, 0, 0.1); color: #F7F7F7; background-color: #222222; } .keyboard-key:focus { color: #F7F7F7; background-color: #292b29; box-shadow: inset 0 0 0 2px rgba(101, 123, 105, 0.6); } .keyboard-key:focus:hover { background-color: #343735; box-shadow: inset 0 0 0 2px rgba(101, 123, 105, 0.7); } .keyboard-key:focus:active { background-color: #393b39; box-shadow: inset 0 0 0 2px rgba(101, 123, 105, 0.7); } .keyboard-key:hover { color: #F7F7F7; background-color: #2c2c2c; } .keyboard-key:active { color: #F7F7F7; background-color: #343434; } .keyboard-key:checked { color: #F7F7F7; background-color: #414141; } .keyboard-key:grayed { background-color: #151515; color: #F7F7F7; border-color: rgba(0, 0, 0, 0.7); } .keyboard-key.default-key { color: #F7F7F7; background-color: #222222; border-radius: 10px; } .keyboard-key.default-key:hover { color: #F7F7F7; background-color: #2c2c2c; } .keyboard-key.default-key:active { color: #F7F7F7; background-color: #343434; } .keyboard-key.default-key:checked { color: #F7F7F7; background-color: #414141; } .keyboard-key.enter-key { color: #FFFFFF; background-color: #0d7b1e; border-radius: 10px; color: #eeeeec; } .keyboard-key.enter-key:hover { color: #FFFFFF; background-color: #0f8d22; } .keyboard-key.enter-key:active { color: #FFFFFF; background-color: #109b26; } .keyboard-key.enter-key:checked { color: #FFFFFF; background-color: #13b22b; } .keyboard-key.shift-key-uppercase { background-color: #4e4e4e; color: #F7F7F7; } .keyboard-key.shift-key-uppercase:hover { background-color: #5a5a5a; } .keyboard-key StIcon { icon-size: 24px; } .keyboard-subkeys { -arrow-border-radius: 12px; -arrow-background-color: rgba(9, 9, 9, 0.9); -arrow-border-width: 1px; -arrow-border-color: #464646; -arrow-base: 20px; -arrow-rise: 10px; -boxpointer-gap: 6px; padding: 6px; } .keyboard-subkeys .keyboard-key { color: #F7F7F7; background-color: #222222; border-radius: 10px; } .keyboard-subkeys .keyboard-key:focus { color: #F7F7F7; background-color: #292b29; box-shadow: inset 0 0 0 2px rgba(101, 123, 105, 0.6); } .keyboard-subkeys .keyboard-key:focus:hover { background-color: #343735; box-shadow: inset 0 0 0 2px rgba(101, 123, 105, 0.7); } .keyboard-subkeys .keyboard-key:focus:active { background-color: #393b39; box-shadow: inset 0 0 0 2px rgba(101, 123, 105, 0.7); } .keyboard-subkeys .keyboard-key:hover { color: #F7F7F7; background-color: #2c2c2c; } .keyboard-subkeys .keyboard-key:active { color: #F7F7F7; background-color: #343434; } .keyboard-subkeys .keyboard-key:checked { color: #F7F7F7; background-color: #414141; } .emoji-page .keyboard-key { background-color: transparent; border: none; color: initial; } .emoji-panel .keyboard-key:latched { border-color: #708975; background-color: #657B69; } .word-suggestions { font-size: 14pt; spacing: 12px; min-height: 20pt; padding: 12px; color: #F7F7F7; } .word-suggestions StButton { margin: 0 3px; min-width: 32px; border-radius: 4px; padding: 6px 18px; background-color: transparent; background-image: none; } .word-suggestions StButton:focus { color: #F7F7F7; background-color: #292b29; box-shadow: inset 0 0 0 2px rgba(101, 123, 105, 0.6); } .word-suggestions StButton:focus:hover { background-color: #343735; box-shadow: inset 0 0 0 2px rgba(101, 123, 105, 0.7); } .word-suggestions StButton:focus:active { background-color: #393b39; box-shadow: inset 0 0 0 2px rgba(101, 123, 105, 0.7); } .word-suggestions StButton:hover { color: #F7F7F7; background-color: #2c2c2c; } .word-suggestions StButton:active { color: #F7F7F7; background-color: #343434; } .word-suggestions StButton:checked { color: #F7F7F7; background-color: #414141; } /* Looking Glass */ #LookingGlassDialog { background-color: rgba(29, 29, 29, 0.975); border-radius: 0 0 12px 12px; border-top-width: 0; border: 1px solid rgba(255, 255, 255, 0.16); color: #eeeeec; padding: 6px; spacing: 6px; box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.1); } #LookingGlassDialog > #Toolbar { border: none; padding: 6px; border-radius: 0; background-color: transparent; spacing: 6px; } #LookingGlassDialog > #Toolbar .lg-toolbar-button { padding: 6px 12px; } #LookingGlassDialog > #Toolbar .lg-toolbar-button > StIcon { icon-size: 1.09em; } #LookingGlassDialog .labels { spacing: 6px; } #LookingGlassDialog .notebook-tab { -natural-hpadding: 12px; -minimum-hpadding: 12px; font-weight: bold; padding: 6px 12px; color: #cacac4; transition-duration: 100ms; box-shadow: none; border: none; border-radius: 4px; background-color: transparent; } #LookingGlassDialog .notebook-tab:hover { color: #eeeeec; background-color: rgba(238, 238, 236, 0.05); } #LookingGlassDialog .notebook-tab:selected { color: #eeeeec; background-color: rgba(238, 238, 236, 0.1); } #LookingGlassDialog StBoxLayout#EvalBox { padding: 4px; spacing: 6px; padding: 6px; } #LookingGlassDialog StBoxLayout#ResultsArea { spacing: 6px; padding: 6px; } .lg-dialog { color: #eeeeec; } .lg-dialog StEntry { background-color: rgba(42, 42, 42, 0.575); color: #eeeeec; border-color: rgba(238, 238, 236, 0.2); min-height: 22px; selection-background-color: #657B69; selected-color: #FFFFFF; } .lg-dialog StEntry, .lg-dialog StEntry:focus { box-shadow: none; } .lg-dialog .shell-link { color: #9aac9d; } .lg-dialog .shell-link:hover { color: #b6c3b8; } .lg-dialog .shell-link:active { color: #7e9582; } .lg-dialog .actor-link { color: #8a8a8a; } .lg-dialog .actor-link:hover { color: #bdbdbd; } .lg-dialog .actor-link:active { color: #575757; } .lg-completions-text { font-style: italic; color: #eeeeec; } .lg-obj-inspector-title { spacing: 6px; color: #eeeeec; } .lg-obj-inspector-button { border: 1px solid rgba(0, 0, 0, 0.7); padding: 4px; border-radius: 6px; color: #eeeeec; } .lg-obj-inspector-button:hover { border: 1px solid #ffffff; } #lookingGlassExtensions { padding: 6px; } .lg-extensions-list { padding: 6px; spacing: 6px; } .lg-extension { padding: 12px; border-radius: 6px; margin: 4px; box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.1); color: #F7F7F7; background-color: #2c2c2c; } .lg-extension:focus { color: #F7F7F7; background-color: #2c2c2c; box-shadow: inset 0 0 0 2px #899e8d; } .lg-extension:focus:hover { background-color: #343434; box-shadow: inset 0 0 0 2px #899e8d; } .lg-extension:focus:active { background-color: #3b3b3b; box-shadow: inset 0 0 0 2px #899e8d; } .lg-extension:hover { color: #F7F7F7; background-color: #343434; } .lg-extension:active { color: #F7F7F7; background-color: #3b3b3b; } .lg-extension-meta { spacing: 6px; } #LookingGlassPropertyInspector { background: rgba(29, 29, 29, 0.975); border: 1px solid rgba(0, 0, 0, 0.7); border-radius: 6px; padding: 6px; } .lg-debug-flag-button { color: #F7F7F7; } .lg-debug-flag-button StLabel { padding: 6px, 12px; } .lg-debug-flag-button:hover { color: white; } .lg-debug-flag-button:active { color: #c4c4c4; } .lg-debug-flags-header { padding-top: 12px; padding: 6px; } /* Login Dialog */ .login-dialog-banner-view { padding-top: 24px; max-width: 23em; } .login-dialog, .unlock-dialog { border: none; background-color: transparent; } .login-dialog .modal-dialog-button-box, .unlock-dialog .modal-dialog-button-box { spacing: 3px; } .login-dialog .modal-dialog-button, .unlock-dialog .modal-dialog-button { padding: 4px 18px; box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2); background-color: #222222; border-color: #464646; color: #F7F7F7; } .login-dialog .modal-dialog-button:hover, .unlock-dialog .modal-dialog-button:hover { background-color: #2f2f2f; } .login-dialog .modal-dialog-button:focus, .unlock-dialog .modal-dialog-button:focus { border-color: #899e8d; box-shadow: inset 0 0 0 1px #899e8d; } .login-dialog .modal-dialog-button:active, .unlock-dialog .modal-dialog-button:active { box-shadow: none; background-color: #151515; color: rgba(238, 238, 236, 0.7); } .login-dialog .modal-dialog-button:default, .unlock-dialog .modal-dialog-button:default { background-color: #657B69; color: #FFFFFF; } .login-dialog .modal-dialog-button:default:focus, .unlock-dialog .modal-dialog-button:default:focus { box-shadow: inset 0 0 0 2px rgba(101, 123, 105, 0.6); } .login-dialog .modal-dialog-button:default:hover, .login-dialog .modal-dialog-button:default:focus, .unlock-dialog .modal-dialog-button:default:hover, .unlock-dialog .modal-dialog-button:default:focus { background-color: #708975; color: white; } .login-dialog .modal-dialog-button:default:active, .unlock-dialog .modal-dialog-button:default:active { background-color: #556758; color: #ededed; } .login-dialog .modal-dialog-button:default:insensitive, .unlock-dialog .modal-dialog-button:default:insensitive { color: rgba(247, 247, 247, 0.5); background-color: rgba(247, 247, 247, 0.05); background-color: rgba(101, 123, 105, 0.5); color: rgba(255, 255, 255, 0.5); } .login-dialog .cancel-button, .login-dialog .switch-user-button, .login-dialog .login-dialog-session-list-button, .unlock-dialog .cancel-button, .unlock-dialog .switch-user-button, .unlock-dialog .login-dialog-session-list-button { padding: 0; border-radius: 99px; width: 2.18em; height: 2.18em; } .login-dialog .cancel-button StIcon, .login-dialog .switch-user-button StIcon, .login-dialog .login-dialog-session-list-button StIcon, .unlock-dialog .cancel-button StIcon, .unlock-dialog .switch-user-button StIcon, .unlock-dialog .login-dialog-session-list-button StIcon { icon-size: 1.09em; } .login-dialog .caps-lock-warning-label, .login-dialog .login-dialog-message, .unlock-dialog .caps-lock-warning-label, .unlock-dialog .login-dialog-message { color: #eeeeec; } .login-dialog-logo-bin { padding: 24px 0px; } .login-dialog-banner { color: #d6d6d1; } .login-dialog-button-box { width: 23em; spacing: 5px; } .login-dialog-message { text-align: center; } .login-dialog-user-selection-box { padding: 100px 0px; } .login-dialog-not-listed-label { padding-left: 2px; } .login-dialog-not-listed-button:focus .login-dialog-not-listed-label, .login-dialog-not-listed-button:hover .login-dialog-not-listed-label { color: #eeeeec; } .login-dialog-not-listed-label { font-weight: bold; color: #a6a69b; padding-top: 1em; } .login-dialog-auth-list-view { -st-vfade-offset: 1em; } .login-dialog-auth-list { spacing: 6px; margin-left: 2em; } .login-dialog-auth-list-title { margin-left: 2em; } .login-dialog-auth-list-item { border-radius: 10px; padding: 6px; color: #a6a69b; } .login-dialog-auth-list-item:focus, .login-dialog-auth-list-item:selected { background-color: #657B69; color: #FFFFFF; } .login-dialog-auth-list-label { font-size: 13pt; font-weight: bold; padding-left: 15px; } .login-dialog-auth-list-label:ltr { padding-left: 14px; text-align: left; } .login-dialog-auth-list-label:rtl { padding-right: 14px; text-align: right; } .login-dialog-user-list-view { -st-vfade-offset: 1em; } .login-dialog-user-list { spacing: 12px; width: 23em; } .login-dialog-user-list:expanded .login-dialog-user-list-item:selected { background-color: rgba(255, 255, 255, 0.1); color: #FFFFFF; } .login-dialog-user-list:expanded .login-dialog-user-list-item:logged-in { border-right: 2px solid rgba(255, 255, 255, 0.1); } .login-dialog-user-list-item { border-radius: 10px; padding: 6px; color: #a6a69b; } .login-dialog-user-list-item:ltr .user-widget { padding-right: 1em; } .login-dialog-user-list-item:rtl .user-widget { padding-left: 1em; } .login-dialog-user-list-item .login-dialog-timed-login-indicator { height: 2px; margin-top: 6px; background-color: #eeeeec; } .login-dialog-user-list-item:focus .login-dialog-timed-login-indicator { background-color: #FFFFFF; } .user-widget-label { color: #eeeeec; } .user-widget.horizontal .user-widget-label { font-size: 13pt; font-weight: bold; padding-left: 15px; } .user-widget.horizontal .user-widget-label:ltr { padding-left: 14px; text-align: left; } .user-widget.horizontal .user-widget-label:rtl { padding-right: 14px; text-align: right; } .user-widget.vertical .user-widget-label { font-size: 16pt; text-align: center; font-weight: normal; padding-top: 16px; } .login-dialog-timed-login-indicator { height: 2px; background-color: #919191; } .login-dialog-prompt-layout { padding-top: 24px; padding-bottom: 12px; spacing: 12px; width: 23em; } .login-dialog-prompt-entry { height: 1.5em; } .login-dialog-prompt-label { color: #bebeb6; font-size: 12pt; padding-top: 1em; } .login-dialog StEntry { background-color: #1b1b1b; color: #F7F7F7; } .unlock-dialog StEntry { border: none !important; } .unlock-dialog StEntry, .unlock-dialog StEntry:focus { color: #F7F7F7; background-color: rgba(247, 247, 247, 0.1); box-shadow: none; } .unlock-dialog StEntry:insensitive { color: rgba(247, 247, 247, 0.5); background-color: rgba(247, 247, 247, 0.05); } .unlock-dialog StEntry StLabel.hint-text { color: rgba(247, 247, 247, 0.7); } .unlock-dialog .user-icon { background-color: rgba(247, 247, 247, 0.1); color: #F7F7F7; } .unlock-dialog .cancel-button, .unlock-dialog .switch-user-button, .unlock-dialog .login-dialog-session-list-button { border-color: transparent; background-color: rgba(247, 247, 247, 0.1); box-shadow: none; } .unlock-dialog .cancel-button, .unlock-dialog .cancel-button:hover, .unlock-dialog .cancel-button:focus, .unlock-dialog .cancel-button:active, .unlock-dialog .switch-user-button, .unlock-dialog .switch-user-button:hover, .unlock-dialog .switch-user-button:focus, .unlock-dialog .switch-user-button:active, .unlock-dialog .login-dialog-session-list-button, .unlock-dialog .login-dialog-session-list-button:hover, .unlock-dialog .login-dialog-session-list-button:focus, .unlock-dialog .login-dialog-session-list-button:active { color: #F7F7F7; } .unlock-dialog .cancel-button:hover, .unlock-dialog .cancel-button:focus, .unlock-dialog .switch-user-button:hover, .unlock-dialog .switch-user-button:focus, .unlock-dialog .login-dialog-session-list-button:hover, .unlock-dialog .login-dialog-session-list-button:focus { background-color: rgba(247, 247, 247, 0.15); } .unlock-dialog .cancel-button:active, .unlock-dialog .switch-user-button:active, .unlock-dialog .login-dialog-session-list-button:active { background-color: rgba(247, 247, 247, 0.2); } /* Screen Shield */ .unlock-dialog-clock { color: white; font-weight: 300; text-align: center; spacing: 24px; padding-bottom: 2.5em; } .unlock-dialog-clock-time { font-size: 64pt; padding-top: 42px; } .unlock-dialog-clock-date { font-size: 16pt; font-weight: normal; } .unlock-dialog-clock-hint { font-weight: normal; padding-top: 48px; } .unlock-dialog-notifications-container { margin: 12px; spacing: 6px; width: 23em; background-color: transparent; } .unlock-dialog-notifications-container .summary-notification-stack-scrollview { padding-top: 0; padding-bottom: 0; } .unlock-dialog-notifications-container .notification, .unlock-dialog-notifications-container .unlock-dialog-notification-source { padding: 12px 16px; border: none; background-color: rgba(238, 238, 236, 0.1); color: #eeeeec; border-radius: 12px; } .unlock-dialog-notifications-container .notification.critical, .unlock-dialog-notifications-container .unlock-dialog-notification-source.critical { background-color: rgba(238, 238, 236, 0.2); } .unlock-dialog-notification-label { padding: 0 0 0 12px; } .unlock-dialog-notification-count-text { font-weight: bold; padding: 0 12px; color: #eeeeec; background-color: rgba(238, 238, 236, 0.1); border-radius: 99px; } .screen-shield-background { background: black; box-shadow: 0 2px 4px rgba(0, 0, 0, 0.6); } #lockDialogGroup { background-color: #222222; } #unlockDialogNotifications StButton#vhandle, #unlockDialogNotifications StButton#hhandle { background-color: rgba(29, 29, 29, 0.3); } #unlockDialogNotifications StButton#vhandle:hover, #unlockDialogNotifications StButton#vhandle:focus, #unlockDialogNotifications StButton#hhandle:hover, #unlockDialogNotifications StButton#hhandle:focus { background-color: rgba(29, 29, 29, 0.5); } #unlockDialogNotifications StButton#vhandle:active, #unlockDialogNotifications StButton#hhandle:active { background-color: rgba(101, 123, 105, 0.5); } * { font-weight: normal !important; text-shadow: none !important; } .file-item { border-radius: 6px; } /* Default Ubuntu Dock styling, append !important to any changed rules This must be in sync with - https://github.com/micheleg/dash-to-dock/blob/ubuntu-dock/_stylesheet.scss */ #dashtodockContainer.bottom #dash { margin: 0px; padding: 0px; } #dashtodockContainer.bottom #dash .dash-background { margin: 0; margin-bottom: 4px; padding: 0; border-radius: 18px; spacing: 6px; } #dashtodockContainer.bottom #dash .dash-separator { background-color: #464646; margin: 0 4px; width: 1px; height: 0; margin-bottom: 4px; } #dashtodockContainer.bottom #dash #dashtodockDashContainer { padding: 10px; padding-bottom: 0; padding-top: 0; } #dashtodockContainer.bottom #dash .dash-item-container { /* Disable all margins defined upstream, we handle them here */ margin: 0 2px; } #dashtodockContainer.bottom #dash .dash-item-container > * { margin: 0; } #dashtodockContainer.bottom #dash .dash-item-container:ltr:first-child, #dashtodockContainer.bottom #dash .dash-item-container:rtl:last-child { margin-left: 0; } #dashtodockContainer.bottom #dash .dash-item-container:ltr:last-child, #dashtodockContainer.bottom #dash .dash-item-container:rtl:first-child { margin-right: 0; } #dashtodockContainer.bottom #dash .dash-item-container .app-well-app, #dashtodockContainer.bottom #dash .dash-item-container .grid-search-result, #dashtodockContainer.bottom #dash .dash-item-container .show-apps { padding: 2px 2px; padding-bottom: 14px; padding-top: 10px; } #dashtodockContainer.bottom #dash .dash-item-container .app-well-app:ltr:first-child, #dashtodockContainer.bottom #dash .dash-item-container .grid-search-result:ltr:first-child, #dashtodockContainer.bottom #dash .dash-item-container .app-well-app:rtl:last-child, #dashtodockContainer.bottom #dash .dash-item-container .grid-search-result:rtl:last-child, #dashtodockContainer.bottom #dash .dash-item-container .show-apps:ltr:first-child, #dashtodockContainer.bottom #dash .dash-item-container .show-apps:rtl:last-child { padding-left: 0; } #dashtodockContainer.bottom #dash .dash-item-container .app-well-app:ltr:last-child, #dashtodockContainer.bottom #dash .dash-item-container .grid-search-result:ltr:last-child, #dashtodockContainer.bottom #dash .dash-item-container .app-well-app:rtl:first-child, #dashtodockContainer.bottom #dash .dash-item-container .grid-search-result:rtl:first-child, #dashtodockContainer.bottom #dash .dash-item-container .show-apps:ltr:last-child, #dashtodockContainer.bottom #dash .dash-item-container .show-apps:rtl:first-child { padding-right: 0; } #dashtodockContainer.bottom #dash .dash-item-container .app-well-app.running .overview-icon, #dashtodockContainer.bottom #dash .dash-item-container .running.grid-search-result .overview-icon { background-image: none; } #dashtodockContainer.bottom #dash .dash-item-container .app-well-app.focused .overview-icon, #dashtodockContainer.bottom #dash .dash-item-container .focused.grid-search-result .overview-icon { background-color: rgba(238, 238, 236, 0.2); } #dashtodockContainer.bottom #dash .dash-item-container .app-well-app .app-well-app-running-dot, #dashtodockContainer.bottom #dash .dash-item-container .grid-search-result .app-well-app-running-dot { margin-bottom: 2px; } #dashtodockContainer.bottom #dash .dash-item-container > StButton { transition-duration: 250; background-size: contain; } #dashtodockContainer.bottom.fixed #dash .dash-background { margin-top: 4px; } #dashtodockContainer.bottom.fixed #dash .dash-item-container .app-well-app, #dashtodockContainer.bottom.fixed #dash .dash-item-container .grid-search-result, #dashtodockContainer.bottom.fixed #dash .dash-item-container .show-apps { padding-top: 14px; } .dash-label.bottom { margin-bottom: 10px; -x-offset: 0; -y-offset: 0; } #dashtodockContainer.bottom.shrink #dash { margin: 0px; padding: 0px; } #dashtodockContainer.bottom.shrink #dash .dash-background { margin: 0; margin-bottom: 4px; padding: 0; border-radius: 14px; spacing: 2px; } #dashtodockContainer.bottom.shrink #dash .dash-separator { background-color: #464646; margin: 0 1px; width: 1px; height: 0; margin-bottom: 4px; } #dashtodockContainer.bottom.shrink #dash #dashtodockDashContainer { padding: 3px; padding-bottom: 0; padding-top: 0; } #dashtodockContainer.bottom.shrink #dash .dash-item-container { /* Disable all margins defined upstream, we handle them here */ margin: 0 2px; } #dashtodockContainer.bottom.shrink #dash .dash-item-container > * { margin: 0; } #dashtodockContainer.bottom.shrink #dash .dash-item-container:ltr:first-child, #dashtodockContainer.bottom.shrink #dash .dash-item-container:rtl:last-child { margin-left: 0; } #dashtodockContainer.bottom.shrink #dash .dash-item-container:ltr:last-child, #dashtodockContainer.bottom.shrink #dash .dash-item-container:rtl:first-child { margin-right: 0; } #dashtodockContainer.bottom.shrink #dash .dash-item-container .app-well-app, #dashtodockContainer.bottom.shrink #dash .dash-item-container .grid-search-result, #dashtodockContainer.bottom.shrink #dash .dash-item-container .show-apps { padding: 1px 1px; padding-bottom: 7px; padding-top: 3px; } #dashtodockContainer.bottom.shrink #dash .dash-item-container .app-well-app:ltr:first-child, #dashtodockContainer.bottom.shrink #dash .dash-item-container .grid-search-result:ltr:first-child, #dashtodockContainer.bottom.shrink #dash .dash-item-container .app-well-app:rtl:last-child, #dashtodockContainer.bottom.shrink #dash .dash-item-container .grid-search-result:rtl:last-child, #dashtodockContainer.bottom.shrink #dash .dash-item-container .show-apps:ltr:first-child, #dashtodockContainer.bottom.shrink #dash .dash-item-container .show-apps:rtl:last-child { padding-left: 0; } #dashtodockContainer.bottom.shrink #dash .dash-item-container .app-well-app:ltr:last-child, #dashtodockContainer.bottom.shrink #dash .dash-item-container .grid-search-result:ltr:last-child, #dashtodockContainer.bottom.shrink #dash .dash-item-container .app-well-app:rtl:first-child, #dashtodockContainer.bottom.shrink #dash .dash-item-container .grid-search-result:rtl:first-child, #dashtodockContainer.bottom.shrink #dash .dash-item-container .show-apps:ltr:last-child, #dashtodockContainer.bottom.shrink #dash .dash-item-container .show-apps:rtl:first-child { padding-right: 0; } #dashtodockContainer.bottom.shrink #dash .dash-item-container .app-well-app.running .overview-icon, #dashtodockContainer.bottom.shrink #dash .dash-item-container .running.grid-search-result .overview-icon { background-image: none; } #dashtodockContainer.bottom.shrink #dash .dash-item-container .app-well-app.focused .overview-icon, #dashtodockContainer.bottom.shrink #dash .dash-item-container .focused.grid-search-result .overview-icon { background-color: rgba(238, 238, 236, 0.2); } #dashtodockContainer.bottom.shrink #dash .dash-item-container .app-well-app .app-well-app-running-dot, #dashtodockContainer.bottom.shrink #dash .dash-item-container .grid-search-result .app-well-app-running-dot { margin-bottom: 2px; } #dashtodockContainer.bottom.shrink #dash .dash-item-container > StButton { transition-duration: 250; background-size: contain; } #dashtodockContainer.bottom.shrink.fixed #dash .dash-background { margin-top: 1px; } #dashtodockContainer.bottom.shrink.fixed #dash .dash-item-container .app-well-app, #dashtodockContainer.bottom.shrink.fixed #dash .dash-item-container .grid-search-result, #dashtodockContainer.bottom.shrink.fixed #dash .dash-item-container .show-apps { padding-top: 4px; } .dash-label.bottom.shrink { margin-bottom: 3px; -x-offset: 0; -y-offset: 0; } #dashtodockContainer.bottom.extended #dash { margin: 0px; padding: 0px; } #dashtodockContainer.bottom.extended #dash .dash-background { margin: 0; margin-bottom: 0; padding: 0; border-radius: 0; spacing: 6px; } #dashtodockContainer.bottom.extended #dash .dash-separator { background-color: #464646; margin: 0 4px; width: 1px; height: 0; margin-bottom: 0; } #dashtodockContainer.bottom.extended #dash #dashtodockDashContainer { padding: 0; padding-bottom: 0; padding-top: 0; } #dashtodockContainer.bottom.extended #dash #dashtodockDashContainer > :first-child .show-apps { padding-left: 8px; } #dashtodockContainer.bottom.extended #dash #dashtodockDashContainer #dashtodockDashScrollview:first-child { padding-left: 8px; } #dashtodockContainer.bottom.extended #dash #dashtodockDashContainer > :last-child .show-apps { padding-right: 8px; } #dashtodockContainer.bottom.extended #dash #dashtodockDashContainer #dashtodockDashScrollview:last-child { padding-right: 8px; } #dashtodockContainer.bottom.extended #dash .dash-item-container { /* Disable all margins defined upstream, we handle them here */ margin: 0 2px; } #dashtodockContainer.bottom.extended #dash .dash-item-container > * { margin: 0; } #dashtodockContainer.bottom.extended #dash .dash-item-container:ltr:first-child, #dashtodockContainer.bottom.extended #dash .dash-item-container:rtl:last-child { margin-left: 0; } #dashtodockContainer.bottom.extended #dash .dash-item-container:ltr:last-child, #dashtodockContainer.bottom.extended #dash .dash-item-container:rtl:first-child { margin-right: 0; } #dashtodockContainer.bottom.extended #dash .dash-item-container .app-well-app, #dashtodockContainer.bottom.extended #dash .dash-item-container .grid-search-result, #dashtodockContainer.bottom.extended #dash .dash-item-container .show-apps { padding: 2px 2px; padding-bottom: 10px; padding-top: 10px; } #dashtodockContainer.bottom.extended #dash .dash-item-container .app-well-app:ltr:first-child, #dashtodockContainer.bottom.extended #dash .dash-item-container .grid-search-result:ltr:first-child, #dashtodockContainer.bottom.extended #dash .dash-item-container .app-well-app:rtl:last-child, #dashtodockContainer.bottom.extended #dash .dash-item-container .grid-search-result:rtl:last-child, #dashtodockContainer.bottom.extended #dash .dash-item-container .show-apps:ltr:first-child, #dashtodockContainer.bottom.extended #dash .dash-item-container .show-apps:rtl:last-child { padding-left: 0; } #dashtodockContainer.bottom.extended #dash .dash-item-container .app-well-app:ltr:last-child, #dashtodockContainer.bottom.extended #dash .dash-item-container .grid-search-result:ltr:last-child, #dashtodockContainer.bottom.extended #dash .dash-item-container .app-well-app:rtl:first-child, #dashtodockContainer.bottom.extended #dash .dash-item-container .grid-search-result:rtl:first-child, #dashtodockContainer.bottom.extended #dash .dash-item-container .show-apps:ltr:last-child, #dashtodockContainer.bottom.extended #dash .dash-item-container .show-apps:rtl:first-child { padding-right: 0; } #dashtodockContainer.bottom.extended #dash .dash-item-container .app-well-app.running .overview-icon, #dashtodockContainer.bottom.extended #dash .dash-item-container .running.grid-search-result .overview-icon { background-image: none; } #dashtodockContainer.bottom.extended #dash .dash-item-container .app-well-app.focused .overview-icon, #dashtodockContainer.bottom.extended #dash .dash-item-container .focused.grid-search-result .overview-icon { background-color: rgba(238, 238, 236, 0.2); } #dashtodockContainer.bottom.extended #dash .dash-item-container .app-well-app .app-well-app-running-dot, #dashtodockContainer.bottom.extended #dash .dash-item-container .grid-search-result .app-well-app-running-dot { margin-bottom: 2px; } #dashtodockContainer.bottom.extended #dash .dash-item-container > StButton { transition-duration: 250; background-size: contain; } #dashtodockContainer.bottom.extended.fixed #dash .dash-background { margin-top: 0; } #dashtodockContainer.bottom.extended.fixed #dash .dash-item-container .app-well-app, #dashtodockContainer.bottom.extended.fixed #dash .dash-item-container .grid-search-result, #dashtodockContainer.bottom.extended.fixed #dash .dash-item-container .show-apps { padding-top: 10px; } .dash-label.bottom { margin-bottom: 10px; -x-offset: 0; -y-offset: 0; } #dashtodockContainer.bottom.extended.shrink #dash { margin: 0px; padding: 0px; } #dashtodockContainer.bottom.extended.shrink #dash .dash-background { margin: 0; margin-bottom: 0; padding: 0; border-radius: 0; spacing: 2px; } #dashtodockContainer.bottom.extended.shrink #dash .dash-separator { background-color: #464646; margin: 0 1px; width: 1px; height: 0; margin-bottom: 0; } #dashtodockContainer.bottom.extended.shrink #dash #dashtodockDashContainer { padding: 0; padding-bottom: 0; padding-top: 0; } #dashtodockContainer.bottom.extended.shrink #dash #dashtodockDashContainer > :first-child .show-apps { padding-left: 6px; } #dashtodockContainer.bottom.extended.shrink #dash #dashtodockDashContainer #dashtodockDashScrollview:first-child { padding-left: 6px; } #dashtodockContainer.bottom.extended.shrink #dash #dashtodockDashContainer > :last-child .show-apps { padding-right: 6px; } #dashtodockContainer.bottom.extended.shrink #dash #dashtodockDashContainer #dashtodockDashScrollview:last-child { padding-right: 6px; } #dashtodockContainer.bottom.extended.shrink #dash .dash-item-container { /* Disable all margins defined upstream, we handle them here */ margin: 0 2px; } #dashtodockContainer.bottom.extended.shrink #dash .dash-item-container > * { margin: 0; } #dashtodockContainer.bottom.extended.shrink #dash .dash-item-container:ltr:first-child, #dashtodockContainer.bottom.extended.shrink #dash .dash-item-container:rtl:last-child { margin-left: 0; } #dashtodockContainer.bottom.extended.shrink #dash .dash-item-container:ltr:last-child, #dashtodockContainer.bottom.extended.shrink #dash .dash-item-container:rtl:first-child { margin-right: 0; } #dashtodockContainer.bottom.extended.shrink #dash .dash-item-container .app-well-app, #dashtodockContainer.bottom.extended.shrink #dash .dash-item-container .grid-search-result, #dashtodockContainer.bottom.extended.shrink #dash .dash-item-container .show-apps { padding: 1px 1px; padding-bottom: 3px; padding-top: 3px; } #dashtodockContainer.bottom.extended.shrink #dash .dash-item-container .app-well-app:ltr:first-child, #dashtodockContainer.bottom.extended.shrink #dash .dash-item-container .grid-search-result:ltr:first-child, #dashtodockContainer.bottom.extended.shrink #dash .dash-item-container .app-well-app:rtl:last-child, #dashtodockContainer.bottom.extended.shrink #dash .dash-item-container .grid-search-result:rtl:last-child, #dashtodockContainer.bottom.extended.shrink #dash .dash-item-container .show-apps:ltr:first-child, #dashtodockContainer.bottom.extended.shrink #dash .dash-item-container .show-apps:rtl:last-child { padding-left: 0; } #dashtodockContainer.bottom.extended.shrink #dash .dash-item-container .app-well-app:ltr:last-child, #dashtodockContainer.bottom.extended.shrink #dash .dash-item-container .grid-search-result:ltr:last-child, #dashtodockContainer.bottom.extended.shrink #dash .dash-item-container .app-well-app:rtl:first-child, #dashtodockContainer.bottom.extended.shrink #dash .dash-item-container .grid-search-result:rtl:first-child, #dashtodockContainer.bottom.extended.shrink #dash .dash-item-container .show-apps:ltr:last-child, #dashtodockContainer.bottom.extended.shrink #dash .dash-item-container .show-apps:rtl:first-child { padding-right: 0; } #dashtodockContainer.bottom.extended.shrink #dash .dash-item-container .app-well-app.running .overview-icon, #dashtodockContainer.bottom.extended.shrink #dash .dash-item-container .running.grid-search-result .overview-icon { background-image: none; } #dashtodockContainer.bottom.extended.shrink #dash .dash-item-container .app-well-app.focused .overview-icon, #dashtodockContainer.bottom.extended.shrink #dash .dash-item-container .focused.grid-search-result .overview-icon { background-color: rgba(238, 238, 236, 0.2); } #dashtodockContainer.bottom.extended.shrink #dash .dash-item-container .app-well-app .app-well-app-running-dot, #dashtodockContainer.bottom.extended.shrink #dash .dash-item-container .grid-search-result .app-well-app-running-dot { margin-bottom: 2px; } #dashtodockContainer.bottom.extended.shrink #dash .dash-item-container > StButton { transition-duration: 250; background-size: contain; } #dashtodockContainer.bottom.extended.shrink.fixed #dash .dash-background { margin-top: 0; } #dashtodockContainer.bottom.extended.shrink.fixed #dash .dash-item-container .app-well-app, #dashtodockContainer.bottom.extended.shrink.fixed #dash .dash-item-container .grid-search-result, #dashtodockContainer.bottom.extended.shrink.fixed #dash .dash-item-container .show-apps { padding-top: 3px; } .dash-label.bottom.shrink { margin-bottom: 3px; -x-offset: 0; -y-offset: 0; } #dashtodockContainer.top #dash { margin: 0px; padding: 0px; } #dashtodockContainer.top #dash .dash-background { margin: 0; margin-top: 4px; padding: 0; border-radius: 18px; spacing: 6px; } #dashtodockContainer.top #dash .dash-separator { background-color: #464646; margin: 0 4px; width: 1px; height: 0; margin-top: 4px; } #dashtodockContainer.top #dash #dashtodockDashContainer { padding: 10px; padding-top: 0; padding-bottom: 0; } #dashtodockContainer.top #dash .dash-item-container { /* Disable all margins defined upstream, we handle them here */ margin: 0 2px; } #dashtodockContainer.top #dash .dash-item-container > * { margin: 0; } #dashtodockContainer.top #dash .dash-item-container:ltr:first-child, #dashtodockContainer.top #dash .dash-item-container:rtl:last-child { margin-left: 0; } #dashtodockContainer.top #dash .dash-item-container:ltr:last-child, #dashtodockContainer.top #dash .dash-item-container:rtl:first-child { margin-right: 0; } #dashtodockContainer.top #dash .dash-item-container .app-well-app, #dashtodockContainer.top #dash .dash-item-container .grid-search-result, #dashtodockContainer.top #dash .dash-item-container .show-apps { padding: 2px 2px; padding-top: 14px; padding-bottom: 10px; } #dashtodockContainer.top #dash .dash-item-container .app-well-app:ltr:first-child, #dashtodockContainer.top #dash .dash-item-container .grid-search-result:ltr:first-child, #dashtodockContainer.top #dash .dash-item-container .app-well-app:rtl:last-child, #dashtodockContainer.top #dash .dash-item-container .grid-search-result:rtl:last-child, #dashtodockContainer.top #dash .dash-item-container .show-apps:ltr:first-child, #dashtodockContainer.top #dash .dash-item-container .show-apps:rtl:last-child { padding-left: 0; } #dashtodockContainer.top #dash .dash-item-container .app-well-app:ltr:last-child, #dashtodockContainer.top #dash .dash-item-container .grid-search-result:ltr:last-child, #dashtodockContainer.top #dash .dash-item-container .app-well-app:rtl:first-child, #dashtodockContainer.top #dash .dash-item-container .grid-search-result:rtl:first-child, #dashtodockContainer.top #dash .dash-item-container .show-apps:ltr:last-child, #dashtodockContainer.top #dash .dash-item-container .show-apps:rtl:first-child { padding-right: 0; } #dashtodockContainer.top #dash .dash-item-container .app-well-app.running .overview-icon, #dashtodockContainer.top #dash .dash-item-container .running.grid-search-result .overview-icon { background-image: none; } #dashtodockContainer.top #dash .dash-item-container .app-well-app.focused .overview-icon, #dashtodockContainer.top #dash .dash-item-container .focused.grid-search-result .overview-icon { background-color: rgba(238, 238, 236, 0.2); } #dashtodockContainer.top #dash .dash-item-container .app-well-app .app-well-app-running-dot, #dashtodockContainer.top #dash .dash-item-container .grid-search-result .app-well-app-running-dot { margin-bottom: 2px; } #dashtodockContainer.top #dash .dash-item-container > StButton { transition-duration: 250; background-size: contain; } #dashtodockContainer.top.fixed #dash .dash-background { margin-bottom: 4px; } #dashtodockContainer.top.fixed #dash .dash-item-container .app-well-app, #dashtodockContainer.top.fixed #dash .dash-item-container .grid-search-result, #dashtodockContainer.top.fixed #dash .dash-item-container .show-apps { padding-bottom: 14px; } .dash-label.top { margin-top: 10px; -x-offset: 0; -y-offset: 0; } #dashtodockContainer.top.shrink #dash { margin: 0px; padding: 0px; } #dashtodockContainer.top.shrink #dash .dash-background { margin: 0; margin-top: 4px; padding: 0; border-radius: 14px; spacing: 2px; } #dashtodockContainer.top.shrink #dash .dash-separator { background-color: #464646; margin: 0 1px; width: 1px; height: 0; margin-top: 4px; } #dashtodockContainer.top.shrink #dash #dashtodockDashContainer { padding: 3px; padding-top: 0; padding-bottom: 0; } #dashtodockContainer.top.shrink #dash .dash-item-container { /* Disable all margins defined upstream, we handle them here */ margin: 0 2px; } #dashtodockContainer.top.shrink #dash .dash-item-container > * { margin: 0; } #dashtodockContainer.top.shrink #dash .dash-item-container:ltr:first-child, #dashtodockContainer.top.shrink #dash .dash-item-container:rtl:last-child { margin-left: 0; } #dashtodockContainer.top.shrink #dash .dash-item-container:ltr:last-child, #dashtodockContainer.top.shrink #dash .dash-item-container:rtl:first-child { margin-right: 0; } #dashtodockContainer.top.shrink #dash .dash-item-container .app-well-app, #dashtodockContainer.top.shrink #dash .dash-item-container .grid-search-result, #dashtodockContainer.top.shrink #dash .dash-item-container .show-apps { padding: 1px 1px; padding-top: 7px; padding-bottom: 3px; } #dashtodockContainer.top.shrink #dash .dash-item-container .app-well-app:ltr:first-child, #dashtodockContainer.top.shrink #dash .dash-item-container .grid-search-result:ltr:first-child, #dashtodockContainer.top.shrink #dash .dash-item-container .app-well-app:rtl:last-child, #dashtodockContainer.top.shrink #dash .dash-item-container .grid-search-result:rtl:last-child, #dashtodockContainer.top.shrink #dash .dash-item-container .show-apps:ltr:first-child, #dashtodockContainer.top.shrink #dash .dash-item-container .show-apps:rtl:last-child { padding-left: 0; } #dashtodockContainer.top.shrink #dash .dash-item-container .app-well-app:ltr:last-child, #dashtodockContainer.top.shrink #dash .dash-item-container .grid-search-result:ltr:last-child, #dashtodockContainer.top.shrink #dash .dash-item-container .app-well-app:rtl:first-child, #dashtodockContainer.top.shrink #dash .dash-item-container .grid-search-result:rtl:first-child, #dashtodockContainer.top.shrink #dash .dash-item-container .show-apps:ltr:last-child, #dashtodockContainer.top.shrink #dash .dash-item-container .show-apps:rtl:first-child { padding-right: 0; } #dashtodockContainer.top.shrink #dash .dash-item-container .app-well-app.running .overview-icon, #dashtodockContainer.top.shrink #dash .dash-item-container .running.grid-search-result .overview-icon { background-image: none; } #dashtodockContainer.top.shrink #dash .dash-item-container .app-well-app.focused .overview-icon, #dashtodockContainer.top.shrink #dash .dash-item-container .focused.grid-search-result .overview-icon { background-color: rgba(238, 238, 236, 0.2); } #dashtodockContainer.top.shrink #dash .dash-item-container .app-well-app .app-well-app-running-dot, #dashtodockContainer.top.shrink #dash .dash-item-container .grid-search-result .app-well-app-running-dot { margin-bottom: 2px; } #dashtodockContainer.top.shrink #dash .dash-item-container > StButton { transition-duration: 250; background-size: contain; } #dashtodockContainer.top.shrink.fixed #dash .dash-background { margin-bottom: 1px; } #dashtodockContainer.top.shrink.fixed #dash .dash-item-container .app-well-app, #dashtodockContainer.top.shrink.fixed #dash .dash-item-container .grid-search-result, #dashtodockContainer.top.shrink.fixed #dash .dash-item-container .show-apps { padding-bottom: 4px; } .dash-label.top.shrink { margin-top: 3px; -x-offset: 0; -y-offset: 0; } #dashtodockContainer.top.extended #dash { margin: 0px; padding: 0px; } #dashtodockContainer.top.extended #dash .dash-background { margin: 0; margin-top: 0; padding: 0; border-radius: 0; spacing: 6px; } #dashtodockContainer.top.extended #dash .dash-separator { background-color: #464646; margin: 0 4px; width: 1px; height: 0; margin-top: 0; } #dashtodockContainer.top.extended #dash #dashtodockDashContainer { padding: 0; padding-top: 0; padding-bottom: 0; } #dashtodockContainer.top.extended #dash #dashtodockDashContainer > :first-child .show-apps { padding-left: 8px; } #dashtodockContainer.top.extended #dash #dashtodockDashContainer #dashtodockDashScrollview:first-child { padding-left: 8px; } #dashtodockContainer.top.extended #dash #dashtodockDashContainer > :last-child .show-apps { padding-right: 8px; } #dashtodockContainer.top.extended #dash #dashtodockDashContainer #dashtodockDashScrollview:last-child { padding-right: 8px; } #dashtodockContainer.top.extended #dash .dash-item-container { /* Disable all margins defined upstream, we handle them here */ margin: 0 2px; } #dashtodockContainer.top.extended #dash .dash-item-container > * { margin: 0; } #dashtodockContainer.top.extended #dash .dash-item-container:ltr:first-child, #dashtodockContainer.top.extended #dash .dash-item-container:rtl:last-child { margin-left: 0; } #dashtodockContainer.top.extended #dash .dash-item-container:ltr:last-child, #dashtodockContainer.top.extended #dash .dash-item-container:rtl:first-child { margin-right: 0; } #dashtodockContainer.top.extended #dash .dash-item-container .app-well-app, #dashtodockContainer.top.extended #dash .dash-item-container .grid-search-result, #dashtodockContainer.top.extended #dash .dash-item-container .show-apps { padding: 2px 2px; padding-top: 10px; padding-bottom: 10px; } #dashtodockContainer.top.extended #dash .dash-item-container .app-well-app:ltr:first-child, #dashtodockContainer.top.extended #dash .dash-item-container .grid-search-result:ltr:first-child, #dashtodockContainer.top.extended #dash .dash-item-container .app-well-app:rtl:last-child, #dashtodockContainer.top.extended #dash .dash-item-container .grid-search-result:rtl:last-child, #dashtodockContainer.top.extended #dash .dash-item-container .show-apps:ltr:first-child, #dashtodockContainer.top.extended #dash .dash-item-container .show-apps:rtl:last-child { padding-left: 0; } #dashtodockContainer.top.extended #dash .dash-item-container .app-well-app:ltr:last-child, #dashtodockContainer.top.extended #dash .dash-item-container .grid-search-result:ltr:last-child, #dashtodockContainer.top.extended #dash .dash-item-container .app-well-app:rtl:first-child, #dashtodockContainer.top.extended #dash .dash-item-container .grid-search-result:rtl:first-child, #dashtodockContainer.top.extended #dash .dash-item-container .show-apps:ltr:last-child, #dashtodockContainer.top.extended #dash .dash-item-container .show-apps:rtl:first-child { padding-right: 0; } #dashtodockContainer.top.extended #dash .dash-item-container .app-well-app.running .overview-icon, #dashtodockContainer.top.extended #dash .dash-item-container .running.grid-search-result .overview-icon { background-image: none; } #dashtodockContainer.top.extended #dash .dash-item-container .app-well-app.focused .overview-icon, #dashtodockContainer.top.extended #dash .dash-item-container .focused.grid-search-result .overview-icon { background-color: rgba(238, 238, 236, 0.2); } #dashtodockContainer.top.extended #dash .dash-item-container .app-well-app .app-well-app-running-dot, #dashtodockContainer.top.extended #dash .dash-item-container .grid-search-result .app-well-app-running-dot { margin-bottom: 2px; } #dashtodockContainer.top.extended #dash .dash-item-container > StButton { transition-duration: 250; background-size: contain; } #dashtodockContainer.top.extended.fixed #dash .dash-background { margin-bottom: 0; } #dashtodockContainer.top.extended.fixed #dash .dash-item-container .app-well-app, #dashtodockContainer.top.extended.fixed #dash .dash-item-container .grid-search-result, #dashtodockContainer.top.extended.fixed #dash .dash-item-container .show-apps { padding-bottom: 10px; } .dash-label.top { margin-top: 10px; -x-offset: 0; -y-offset: 0; } #dashtodockContainer.top.extended.shrink #dash { margin: 0px; padding: 0px; } #dashtodockContainer.top.extended.shrink #dash .dash-background { margin: 0; margin-top: 0; padding: 0; border-radius: 0; spacing: 2px; } #dashtodockContainer.top.extended.shrink #dash .dash-separator { background-color: #464646; margin: 0 1px; width: 1px; height: 0; margin-top: 0; } #dashtodockContainer.top.extended.shrink #dash #dashtodockDashContainer { padding: 0; padding-top: 0; padding-bottom: 0; } #dashtodockContainer.top.extended.shrink #dash #dashtodockDashContainer > :first-child .show-apps { padding-left: 6px; } #dashtodockContainer.top.extended.shrink #dash #dashtodockDashContainer #dashtodockDashScrollview:first-child { padding-left: 6px; } #dashtodockContainer.top.extended.shrink #dash #dashtodockDashContainer > :last-child .show-apps { padding-right: 6px; } #dashtodockContainer.top.extended.shrink #dash #dashtodockDashContainer #dashtodockDashScrollview:last-child { padding-right: 6px; } #dashtodockContainer.top.extended.shrink #dash .dash-item-container { /* Disable all margins defined upstream, we handle them here */ margin: 0 2px; } #dashtodockContainer.top.extended.shrink #dash .dash-item-container > * { margin: 0; } #dashtodockContainer.top.extended.shrink #dash .dash-item-container:ltr:first-child, #dashtodockContainer.top.extended.shrink #dash .dash-item-container:rtl:last-child { margin-left: 0; } #dashtodockContainer.top.extended.shrink #dash .dash-item-container:ltr:last-child, #dashtodockContainer.top.extended.shrink #dash .dash-item-container:rtl:first-child { margin-right: 0; } #dashtodockContainer.top.extended.shrink #dash .dash-item-container .app-well-app, #dashtodockContainer.top.extended.shrink #dash .dash-item-container .grid-search-result, #dashtodockContainer.top.extended.shrink #dash .dash-item-container .show-apps { padding: 1px 1px; padding-top: 3px; padding-bottom: 3px; } #dashtodockContainer.top.extended.shrink #dash .dash-item-container .app-well-app:ltr:first-child, #dashtodockContainer.top.extended.shrink #dash .dash-item-container .grid-search-result:ltr:first-child, #dashtodockContainer.top.extended.shrink #dash .dash-item-container .app-well-app:rtl:last-child, #dashtodockContainer.top.extended.shrink #dash .dash-item-container .grid-search-result:rtl:last-child, #dashtodockContainer.top.extended.shrink #dash .dash-item-container .show-apps:ltr:first-child, #dashtodockContainer.top.extended.shrink #dash .dash-item-container .show-apps:rtl:last-child { padding-left: 0; } #dashtodockContainer.top.extended.shrink #dash .dash-item-container .app-well-app:ltr:last-child, #dashtodockContainer.top.extended.shrink #dash .dash-item-container .grid-search-result:ltr:last-child, #dashtodockContainer.top.extended.shrink #dash .dash-item-container .app-well-app:rtl:first-child, #dashtodockContainer.top.extended.shrink #dash .dash-item-container .grid-search-result:rtl:first-child, #dashtodockContainer.top.extended.shrink #dash .dash-item-container .show-apps:ltr:last-child, #dashtodockContainer.top.extended.shrink #dash .dash-item-container .show-apps:rtl:first-child { padding-right: 0; } #dashtodockContainer.top.extended.shrink #dash .dash-item-container .app-well-app.running .overview-icon, #dashtodockContainer.top.extended.shrink #dash .dash-item-container .running.grid-search-result .overview-icon { background-image: none; } #dashtodockContainer.top.extended.shrink #dash .dash-item-container .app-well-app.focused .overview-icon, #dashtodockContainer.top.extended.shrink #dash .dash-item-container .focused.grid-search-result .overview-icon { background-color: rgba(238, 238, 236, 0.2); } #dashtodockContainer.top.extended.shrink #dash .dash-item-container .app-well-app .app-well-app-running-dot, #dashtodockContainer.top.extended.shrink #dash .dash-item-container .grid-search-result .app-well-app-running-dot { margin-bottom: 2px; } #dashtodockContainer.top.extended.shrink #dash .dash-item-container > StButton { transition-duration: 250; background-size: contain; } #dashtodockContainer.top.extended.shrink.fixed #dash .dash-background { margin-bottom: 0; } #dashtodockContainer.top.extended.shrink.fixed #dash .dash-item-container .app-well-app, #dashtodockContainer.top.extended.shrink.fixed #dash .dash-item-container .grid-search-result, #dashtodockContainer.top.extended.shrink.fixed #dash .dash-item-container .show-apps { padding-bottom: 3px; } .dash-label.top.shrink { margin-top: 3px; -x-offset: 0; -y-offset: 0; } #dashtodockContainer.left #dash { margin: 0px; padding: 0px; } #dashtodockContainer.left #dash .dash-background { margin: 0; margin-left: 4px; padding: 0; border-radius: 18px; spacing: 6px; } #dashtodockContainer.left #dash .dash-separator { background-color: #464646; width: 0; height: 1px; margin: 4px 0; margin-left: 4px; } #dashtodockContainer.left #dash #dashtodockDashContainer { padding: 10px; padding-left: 0; padding-right: 0; } #dashtodockContainer.left #dash .dash-item-container { /* Disable all margins defined upstream, we handle them here */ margin: 2px 0; } #dashtodockContainer.left #dash .dash-item-container > * { margin: 0; } #dashtodockContainer.left #dash .dash-item-container:first-child { margin-top: 0; } #dashtodockContainer.left #dash .dash-item-container:last-child { margin-bottom: 0; } #dashtodockContainer.left #dash .dash-item-container .app-well-app, #dashtodockContainer.left #dash .dash-item-container .grid-search-result, #dashtodockContainer.left #dash .dash-item-container .show-apps { padding: 2px 2px; padding-left: 14px; padding-right: 10px; } #dashtodockContainer.left #dash .dash-item-container .app-well-app:first-child, #dashtodockContainer.left #dash .dash-item-container .grid-search-result:first-child, #dashtodockContainer.left #dash .dash-item-container .show-apps:first-child { padding-top: 0; } #dashtodockContainer.left #dash .dash-item-container .app-well-app:last-child, #dashtodockContainer.left #dash .dash-item-container .grid-search-result:last-child, #dashtodockContainer.left #dash .dash-item-container .show-apps:last-child { padding-bottom: 0; } #dashtodockContainer.left #dash .dash-item-container .app-well-app.running .overview-icon, #dashtodockContainer.left #dash .dash-item-container .running.grid-search-result .overview-icon { background-image: none; } #dashtodockContainer.left #dash .dash-item-container .app-well-app.focused .overview-icon, #dashtodockContainer.left #dash .dash-item-container .focused.grid-search-result .overview-icon { background-color: rgba(238, 238, 236, 0.2); } #dashtodockContainer.left #dash .dash-item-container .app-well-app .app-well-app-running-dot, #dashtodockContainer.left #dash .dash-item-container .grid-search-result .app-well-app-running-dot { margin-bottom: 2px; } #dashtodockContainer.left #dash .dash-item-container > StButton { transition-duration: 250; background-size: contain; } #dashtodockContainer.left.fixed #dash .dash-background { margin-right: 4px; } #dashtodockContainer.left.fixed #dash .dash-item-container .app-well-app, #dashtodockContainer.left.fixed #dash .dash-item-container .grid-search-result, #dashtodockContainer.left.fixed #dash .dash-item-container .show-apps { padding-right: 14px; } .dash-label.left { margin: 0; -x-offset: 10px; -y-offset: 0; } #dashtodockContainer.left.shrink #dash { margin: 0px; padding: 0px; } #dashtodockContainer.left.shrink #dash .dash-background { margin: 0; margin-left: 4px; padding: 0; border-radius: 14px; spacing: 2px; } #dashtodockContainer.left.shrink #dash .dash-separator { background-color: #464646; width: 0; height: 1px; margin: 1px 0; margin-left: 4px; } #dashtodockContainer.left.shrink #dash #dashtodockDashContainer { padding: 3px; padding-left: 0; padding-right: 0; } #dashtodockContainer.left.shrink #dash .dash-item-container { /* Disable all margins defined upstream, we handle them here */ margin: 2px 0; } #dashtodockContainer.left.shrink #dash .dash-item-container > * { margin: 0; } #dashtodockContainer.left.shrink #dash .dash-item-container:first-child { margin-top: 0; } #dashtodockContainer.left.shrink #dash .dash-item-container:last-child { margin-bottom: 0; } #dashtodockContainer.left.shrink #dash .dash-item-container .app-well-app, #dashtodockContainer.left.shrink #dash .dash-item-container .grid-search-result, #dashtodockContainer.left.shrink #dash .dash-item-container .show-apps { padding: 1px 1px; padding-left: 7px; padding-right: 3px; } #dashtodockContainer.left.shrink #dash .dash-item-container .app-well-app:first-child, #dashtodockContainer.left.shrink #dash .dash-item-container .grid-search-result:first-child, #dashtodockContainer.left.shrink #dash .dash-item-container .show-apps:first-child { padding-top: 0; } #dashtodockContainer.left.shrink #dash .dash-item-container .app-well-app:last-child, #dashtodockContainer.left.shrink #dash .dash-item-container .grid-search-result:last-child, #dashtodockContainer.left.shrink #dash .dash-item-container .show-apps:last-child { padding-bottom: 0; } #dashtodockContainer.left.shrink #dash .dash-item-container .app-well-app.running .overview-icon, #dashtodockContainer.left.shrink #dash .dash-item-container .running.grid-search-result .overview-icon { background-image: none; } #dashtodockContainer.left.shrink #dash .dash-item-container .app-well-app.focused .overview-icon, #dashtodockContainer.left.shrink #dash .dash-item-container .focused.grid-search-result .overview-icon { background-color: rgba(238, 238, 236, 0.2); } #dashtodockContainer.left.shrink #dash .dash-item-container .app-well-app .app-well-app-running-dot, #dashtodockContainer.left.shrink #dash .dash-item-container .grid-search-result .app-well-app-running-dot { margin-bottom: 2px; } #dashtodockContainer.left.shrink #dash .dash-item-container > StButton { transition-duration: 250; background-size: contain; } #dashtodockContainer.left.shrink.fixed #dash .dash-background { margin-right: 1px; } #dashtodockContainer.left.shrink.fixed #dash .dash-item-container .app-well-app, #dashtodockContainer.left.shrink.fixed #dash .dash-item-container .grid-search-result, #dashtodockContainer.left.shrink.fixed #dash .dash-item-container .show-apps { padding-right: 4px; } .dash-label.left.shrink { margin: 0; -x-offset: 3px; -y-offset: 0; } #dashtodockContainer.left.extended #dash { margin: 0px; padding: 0px; } #dashtodockContainer.left.extended #dash .dash-background { margin: 0; margin-left: 0; padding: 0; border-radius: 0; spacing: 6px; } #dashtodockContainer.left.extended #dash .dash-separator { background-color: #464646; width: 0; height: 1px; margin: 4px 0; margin-left: 0; } #dashtodockContainer.left.extended #dash #dashtodockDashContainer { padding: 0; padding-left: 0; padding-right: 0; } #dashtodockContainer.left.extended #dash #dashtodockDashContainer > :first-child .show-apps { padding-top: 8px; } #dashtodockContainer.left.extended #dash #dashtodockDashContainer #dashtodockDashScrollview:first-child { padding-top: 8px; } #dashtodockContainer.left.extended #dash #dashtodockDashContainer > :last-child .show-apps { padding-bottom: 8px; } #dashtodockContainer.left.extended #dash #dashtodockDashContainer #dashtodockDashScrollview:last-child { padding-bottom: 8px; } #dashtodockContainer.left.extended #dash .dash-item-container { /* Disable all margins defined upstream, we handle them here */ margin: 2px 0; } #dashtodockContainer.left.extended #dash .dash-item-container > * { margin: 0; } #dashtodockContainer.left.extended #dash .dash-item-container:first-child { margin-top: 0; } #dashtodockContainer.left.extended #dash .dash-item-container:last-child { margin-bottom: 0; } #dashtodockContainer.left.extended #dash .dash-item-container .app-well-app, #dashtodockContainer.left.extended #dash .dash-item-container .grid-search-result, #dashtodockContainer.left.extended #dash .dash-item-container .show-apps { padding: 2px 2px; padding-left: 10px; padding-right: 10px; } #dashtodockContainer.left.extended #dash .dash-item-container .app-well-app:first-child, #dashtodockContainer.left.extended #dash .dash-item-container .grid-search-result:first-child, #dashtodockContainer.left.extended #dash .dash-item-container .show-apps:first-child { padding-top: 0; } #dashtodockContainer.left.extended #dash .dash-item-container .app-well-app:last-child, #dashtodockContainer.left.extended #dash .dash-item-container .grid-search-result:last-child, #dashtodockContainer.left.extended #dash .dash-item-container .show-apps:last-child { padding-bottom: 0; } #dashtodockContainer.left.extended #dash .dash-item-container .app-well-app.running .overview-icon, #dashtodockContainer.left.extended #dash .dash-item-container .running.grid-search-result .overview-icon { background-image: none; } #dashtodockContainer.left.extended #dash .dash-item-container .app-well-app.focused .overview-icon, #dashtodockContainer.left.extended #dash .dash-item-container .focused.grid-search-result .overview-icon { background-color: rgba(238, 238, 236, 0.2); } #dashtodockContainer.left.extended #dash .dash-item-container .app-well-app .app-well-app-running-dot, #dashtodockContainer.left.extended #dash .dash-item-container .grid-search-result .app-well-app-running-dot { margin-bottom: 2px; } #dashtodockContainer.left.extended #dash .dash-item-container > StButton { transition-duration: 250; background-size: contain; } #dashtodockContainer.left.extended.fixed #dash .dash-background { margin-right: 0; } #dashtodockContainer.left.extended.fixed #dash .dash-item-container .app-well-app, #dashtodockContainer.left.extended.fixed #dash .dash-item-container .grid-search-result, #dashtodockContainer.left.extended.fixed #dash .dash-item-container .show-apps { padding-right: 10px; } .dash-label.left { margin: 0; -x-offset: 10px; -y-offset: 0; } #dashtodockContainer.left.extended.shrink #dash { margin: 0px; padding: 0px; } #dashtodockContainer.left.extended.shrink #dash .dash-background { margin: 0; margin-left: 0; padding: 0; border-radius: 0; spacing: 2px; } #dashtodockContainer.left.extended.shrink #dash .dash-separator { background-color: #464646; width: 0; height: 1px; margin: 1px 0; margin-left: 0; } #dashtodockContainer.left.extended.shrink #dash #dashtodockDashContainer { padding: 0; padding-left: 0; padding-right: 0; } #dashtodockContainer.left.extended.shrink #dash #dashtodockDashContainer > :first-child .show-apps { padding-top: 6px; } #dashtodockContainer.left.extended.shrink #dash #dashtodockDashContainer #dashtodockDashScrollview:first-child { padding-top: 6px; } #dashtodockContainer.left.extended.shrink #dash #dashtodockDashContainer > :last-child .show-apps { padding-bottom: 6px; } #dashtodockContainer.left.extended.shrink #dash #dashtodockDashContainer #dashtodockDashScrollview:last-child { padding-bottom: 6px; } #dashtodockContainer.left.extended.shrink #dash .dash-item-container { /* Disable all margins defined upstream, we handle them here */ margin: 2px 0; } #dashtodockContainer.left.extended.shrink #dash .dash-item-container > * { margin: 0; } #dashtodockContainer.left.extended.shrink #dash .dash-item-container:first-child { margin-top: 0; } #dashtodockContainer.left.extended.shrink #dash .dash-item-container:last-child { margin-bottom: 0; } #dashtodockContainer.left.extended.shrink #dash .dash-item-container .app-well-app, #dashtodockContainer.left.extended.shrink #dash .dash-item-container .grid-search-result, #dashtodockContainer.left.extended.shrink #dash .dash-item-container .show-apps { padding: 1px 1px; padding-left: 3px; padding-right: 3px; } #dashtodockContainer.left.extended.shrink #dash .dash-item-container .app-well-app:first-child, #dashtodockContainer.left.extended.shrink #dash .dash-item-container .grid-search-result:first-child, #dashtodockContainer.left.extended.shrink #dash .dash-item-container .show-apps:first-child { padding-top: 0; } #dashtodockContainer.left.extended.shrink #dash .dash-item-container .app-well-app:last-child, #dashtodockContainer.left.extended.shrink #dash .dash-item-container .grid-search-result:last-child, #dashtodockContainer.left.extended.shrink #dash .dash-item-container .show-apps:last-child { padding-bottom: 0; } #dashtodockContainer.left.extended.shrink #dash .dash-item-container .app-well-app.running .overview-icon, #dashtodockContainer.left.extended.shrink #dash .dash-item-container .running.grid-search-result .overview-icon { background-image: none; } #dashtodockContainer.left.extended.shrink #dash .dash-item-container .app-well-app.focused .overview-icon, #dashtodockContainer.left.extended.shrink #dash .dash-item-container .focused.grid-search-result .overview-icon { background-color: rgba(238, 238, 236, 0.2); } #dashtodockContainer.left.extended.shrink #dash .dash-item-container .app-well-app .app-well-app-running-dot, #dashtodockContainer.left.extended.shrink #dash .dash-item-container .grid-search-result .app-well-app-running-dot { margin-bottom: 2px; } #dashtodockContainer.left.extended.shrink #dash .dash-item-container > StButton { transition-duration: 250; background-size: contain; } #dashtodockContainer.left.extended.shrink.fixed #dash .dash-background { margin-right: 0; } #dashtodockContainer.left.extended.shrink.fixed #dash .dash-item-container .app-well-app, #dashtodockContainer.left.extended.shrink.fixed #dash .dash-item-container .grid-search-result, #dashtodockContainer.left.extended.shrink.fixed #dash .dash-item-container .show-apps { padding-right: 3px; } .dash-label.left.shrink { margin: 0; -x-offset: 3px; -y-offset: 0; } #dashtodockContainer.right #dash { margin: 0px; padding: 0px; } #dashtodockContainer.right #dash .dash-background { margin: 0; margin-right: 4px; padding: 0; border-radius: 18px; spacing: 6px; } #dashtodockContainer.right #dash .dash-separator { background-color: #464646; width: 0; height: 1px; margin: 4px 0; margin-right: 4px; } #dashtodockContainer.right #dash #dashtodockDashContainer { padding: 10px; padding-right: 0; padding-left: 0; } #dashtodockContainer.right #dash .dash-item-container { /* Disable all margins defined upstream, we handle them here */ margin: 2px 0; } #dashtodockContainer.right #dash .dash-item-container > * { margin: 0; } #dashtodockContainer.right #dash .dash-item-container:first-child { margin-top: 0; } #dashtodockContainer.right #dash .dash-item-container:last-child { margin-bottom: 0; } #dashtodockContainer.right #dash .dash-item-container .app-well-app, #dashtodockContainer.right #dash .dash-item-container .grid-search-result, #dashtodockContainer.right #dash .dash-item-container .show-apps { padding: 2px 2px; padding-right: 14px; padding-left: 10px; } #dashtodockContainer.right #dash .dash-item-container .app-well-app:first-child, #dashtodockContainer.right #dash .dash-item-container .grid-search-result:first-child, #dashtodockContainer.right #dash .dash-item-container .show-apps:first-child { padding-top: 0; } #dashtodockContainer.right #dash .dash-item-container .app-well-app:last-child, #dashtodockContainer.right #dash .dash-item-container .grid-search-result:last-child, #dashtodockContainer.right #dash .dash-item-container .show-apps:last-child { padding-bottom: 0; } #dashtodockContainer.right #dash .dash-item-container .app-well-app.running .overview-icon, #dashtodockContainer.right #dash .dash-item-container .running.grid-search-result .overview-icon { background-image: none; } #dashtodockContainer.right #dash .dash-item-container .app-well-app.focused .overview-icon, #dashtodockContainer.right #dash .dash-item-container .focused.grid-search-result .overview-icon { background-color: rgba(238, 238, 236, 0.2); } #dashtodockContainer.right #dash .dash-item-container .app-well-app .app-well-app-running-dot, #dashtodockContainer.right #dash .dash-item-container .grid-search-result .app-well-app-running-dot { margin-bottom: 2px; } #dashtodockContainer.right #dash .dash-item-container > StButton { transition-duration: 250; background-size: contain; } #dashtodockContainer.right.fixed #dash .dash-background { margin-left: 4px; } #dashtodockContainer.right.fixed #dash .dash-item-container .app-well-app, #dashtodockContainer.right.fixed #dash .dash-item-container .grid-search-result, #dashtodockContainer.right.fixed #dash .dash-item-container .show-apps { padding-left: 14px; } .dash-label.right { margin: 0; -x-offset: 10px; -y-offset: 0; } #dashtodockContainer.right.shrink #dash { margin: 0px; padding: 0px; } #dashtodockContainer.right.shrink #dash .dash-background { margin: 0; margin-right: 4px; padding: 0; border-radius: 14px; spacing: 2px; } #dashtodockContainer.right.shrink #dash .dash-separator { background-color: #464646; width: 0; height: 1px; margin: 1px 0; margin-right: 4px; } #dashtodockContainer.right.shrink #dash #dashtodockDashContainer { padding: 3px; padding-right: 0; padding-left: 0; } #dashtodockContainer.right.shrink #dash .dash-item-container { /* Disable all margins defined upstream, we handle them here */ margin: 2px 0; } #dashtodockContainer.right.shrink #dash .dash-item-container > * { margin: 0; } #dashtodockContainer.right.shrink #dash .dash-item-container:first-child { margin-top: 0; } #dashtodockContainer.right.shrink #dash .dash-item-container:last-child { margin-bottom: 0; } #dashtodockContainer.right.shrink #dash .dash-item-container .app-well-app, #dashtodockContainer.right.shrink #dash .dash-item-container .grid-search-result, #dashtodockContainer.right.shrink #dash .dash-item-container .show-apps { padding: 1px 1px; padding-right: 7px; padding-left: 3px; } #dashtodockContainer.right.shrink #dash .dash-item-container .app-well-app:first-child, #dashtodockContainer.right.shrink #dash .dash-item-container .grid-search-result:first-child, #dashtodockContainer.right.shrink #dash .dash-item-container .show-apps:first-child { padding-top: 0; } #dashtodockContainer.right.shrink #dash .dash-item-container .app-well-app:last-child, #dashtodockContainer.right.shrink #dash .dash-item-container .grid-search-result:last-child, #dashtodockContainer.right.shrink #dash .dash-item-container .show-apps:last-child { padding-bottom: 0; } #dashtodockContainer.right.shrink #dash .dash-item-container .app-well-app.running .overview-icon, #dashtodockContainer.right.shrink #dash .dash-item-container .running.grid-search-result .overview-icon { background-image: none; } #dashtodockContainer.right.shrink #dash .dash-item-container .app-well-app.focused .overview-icon, #dashtodockContainer.right.shrink #dash .dash-item-container .focused.grid-search-result .overview-icon { background-color: rgba(238, 238, 236, 0.2); } #dashtodockContainer.right.shrink #dash .dash-item-container .app-well-app .app-well-app-running-dot, #dashtodockContainer.right.shrink #dash .dash-item-container .grid-search-result .app-well-app-running-dot { margin-bottom: 2px; } #dashtodockContainer.right.shrink #dash .dash-item-container > StButton { transition-duration: 250; background-size: contain; } #dashtodockContainer.right.shrink.fixed #dash .dash-background { margin-left: 1px; } #dashtodockContainer.right.shrink.fixed #dash .dash-item-container .app-well-app, #dashtodockContainer.right.shrink.fixed #dash .dash-item-container .grid-search-result, #dashtodockContainer.right.shrink.fixed #dash .dash-item-container .show-apps { padding-left: 4px; } .dash-label.right.shrink { margin: 0; -x-offset: 3px; -y-offset: 0; } #dashtodockContainer.right.extended #dash { margin: 0px; padding: 0px; } #dashtodockContainer.right.extended #dash .dash-background { margin: 0; margin-right: 0; padding: 0; border-radius: 0; spacing: 6px; } #dashtodockContainer.right.extended #dash .dash-separator { background-color: #464646; width: 0; height: 1px; margin: 4px 0; margin-right: 0; } #dashtodockContainer.right.extended #dash #dashtodockDashContainer { padding: 0; padding-right: 0; padding-left: 0; } #dashtodockContainer.right.extended #dash #dashtodockDashContainer > :first-child .show-apps { padding-top: 8px; } #dashtodockContainer.right.extended #dash #dashtodockDashContainer #dashtodockDashScrollview:first-child { padding-top: 8px; } #dashtodockContainer.right.extended #dash #dashtodockDashContainer > :last-child .show-apps { padding-bottom: 8px; } #dashtodockContainer.right.extended #dash #dashtodockDashContainer #dashtodockDashScrollview:last-child { padding-bottom: 8px; } #dashtodockContainer.right.extended #dash .dash-item-container { /* Disable all margins defined upstream, we handle them here */ margin: 2px 0; } #dashtodockContainer.right.extended #dash .dash-item-container > * { margin: 0; } #dashtodockContainer.right.extended #dash .dash-item-container:first-child { margin-top: 0; } #dashtodockContainer.right.extended #dash .dash-item-container:last-child { margin-bottom: 0; } #dashtodockContainer.right.extended #dash .dash-item-container .app-well-app, #dashtodockContainer.right.extended #dash .dash-item-container .grid-search-result, #dashtodockContainer.right.extended #dash .dash-item-container .show-apps { padding: 2px 2px; padding-right: 10px; padding-left: 10px; } #dashtodockContainer.right.extended #dash .dash-item-container .app-well-app:first-child, #dashtodockContainer.right.extended #dash .dash-item-container .grid-search-result:first-child, #dashtodockContainer.right.extended #dash .dash-item-container .show-apps:first-child { padding-top: 0; } #dashtodockContainer.right.extended #dash .dash-item-container .app-well-app:last-child, #dashtodockContainer.right.extended #dash .dash-item-container .grid-search-result:last-child, #dashtodockContainer.right.extended #dash .dash-item-container .show-apps:last-child { padding-bottom: 0; } #dashtodockContainer.right.extended #dash .dash-item-container .app-well-app.running .overview-icon, #dashtodockContainer.right.extended #dash .dash-item-container .running.grid-search-result .overview-icon { background-image: none; } #dashtodockContainer.right.extended #dash .dash-item-container .app-well-app.focused .overview-icon, #dashtodockContainer.right.extended #dash .dash-item-container .focused.grid-search-result .overview-icon { background-color: rgba(238, 238, 236, 0.2); } #dashtodockContainer.right.extended #dash .dash-item-container .app-well-app .app-well-app-running-dot, #dashtodockContainer.right.extended #dash .dash-item-container .grid-search-result .app-well-app-running-dot { margin-bottom: 2px; } #dashtodockContainer.right.extended #dash .dash-item-container > StButton { transition-duration: 250; background-size: contain; } #dashtodockContainer.right.extended.fixed #dash .dash-background { margin-left: 0; } #dashtodockContainer.right.extended.fixed #dash .dash-item-container .app-well-app, #dashtodockContainer.right.extended.fixed #dash .dash-item-container .grid-search-result, #dashtodockContainer.right.extended.fixed #dash .dash-item-container .show-apps { padding-left: 10px; } .dash-label.right { margin: 0; -x-offset: 10px; -y-offset: 0; } #dashtodockContainer.right.extended.shrink #dash { margin: 0px; padding: 0px; } #dashtodockContainer.right.extended.shrink #dash .dash-background { margin: 0; margin-right: 0; padding: 0; border-radius: 0; spacing: 2px; } #dashtodockContainer.right.extended.shrink #dash .dash-separator { background-color: #464646; width: 0; height: 1px; margin: 1px 0; margin-right: 0; } #dashtodockContainer.right.extended.shrink #dash #dashtodockDashContainer { padding: 0; padding-right: 0; padding-left: 0; } #dashtodockContainer.right.extended.shrink #dash #dashtodockDashContainer > :first-child .show-apps { padding-top: 6px; } #dashtodockContainer.right.extended.shrink #dash #dashtodockDashContainer #dashtodockDashScrollview:first-child { padding-top: 6px; } #dashtodockContainer.right.extended.shrink #dash #dashtodockDashContainer > :last-child .show-apps { padding-bottom: 6px; } #dashtodockContainer.right.extended.shrink #dash #dashtodockDashContainer #dashtodockDashScrollview:last-child { padding-bottom: 6px; } #dashtodockContainer.right.extended.shrink #dash .dash-item-container { /* Disable all margins defined upstream, we handle them here */ margin: 2px 0; } #dashtodockContainer.right.extended.shrink #dash .dash-item-container > * { margin: 0; } #dashtodockContainer.right.extended.shrink #dash .dash-item-container:first-child { margin-top: 0; } #dashtodockContainer.right.extended.shrink #dash .dash-item-container:last-child { margin-bottom: 0; } #dashtodockContainer.right.extended.shrink #dash .dash-item-container .app-well-app, #dashtodockContainer.right.extended.shrink #dash .dash-item-container .grid-search-result, #dashtodockContainer.right.extended.shrink #dash .dash-item-container .show-apps { padding: 1px 1px; padding-right: 3px; padding-left: 3px; } #dashtodockContainer.right.extended.shrink #dash .dash-item-container .app-well-app:first-child, #dashtodockContainer.right.extended.shrink #dash .dash-item-container .grid-search-result:first-child, #dashtodockContainer.right.extended.shrink #dash .dash-item-container .show-apps:first-child { padding-top: 0; } #dashtodockContainer.right.extended.shrink #dash .dash-item-container .app-well-app:last-child, #dashtodockContainer.right.extended.shrink #dash .dash-item-container .grid-search-result:last-child, #dashtodockContainer.right.extended.shrink #dash .dash-item-container .show-apps:last-child { padding-bottom: 0; } #dashtodockContainer.right.extended.shrink #dash .dash-item-container .app-well-app.running .overview-icon, #dashtodockContainer.right.extended.shrink #dash .dash-item-container .running.grid-search-result .overview-icon { background-image: none; } #dashtodockContainer.right.extended.shrink #dash .dash-item-container .app-well-app.focused .overview-icon, #dashtodockContainer.right.extended.shrink #dash .dash-item-container .focused.grid-search-result .overview-icon { background-color: rgba(238, 238, 236, 0.2); } #dashtodockContainer.right.extended.shrink #dash .dash-item-container .app-well-app .app-well-app-running-dot, #dashtodockContainer.right.extended.shrink #dash .dash-item-container .grid-search-result .app-well-app-running-dot { margin-bottom: 2px; } #dashtodockContainer.right.extended.shrink #dash .dash-item-container > StButton { transition-duration: 250; background-size: contain; } #dashtodockContainer.right.extended.shrink.fixed #dash .dash-background { margin-left: 0; } #dashtodockContainer.right.extended.shrink.fixed #dash .dash-item-container .app-well-app, #dashtodockContainer.right.extended.shrink.fixed #dash .dash-item-container .grid-search-result, #dashtodockContainer.right.extended.shrink.fixed #dash .dash-item-container .show-apps { padding-left: 3px; } .dash-label.right.shrink { margin: 0; -x-offset: 3px; -y-offset: 0; } #dashtodockContainer.top.shrink #dash .dash-background { margin-top: 4px; margin-bottom: 0; } #dashtodockContainer.straight-corner #dash .dash-background, #dashtodockContainer.shrink.straight-corner #dash .dash-background { border-radius: 0px; } /* Scrollview style */ .bottom #dashtodockDashScrollview, .top #dashtodockDashScrollview { -st-hfade-offset: 24px; } .left #dashtodockDashScrollview, .right #dashtodockDashScrollview { -st-vfade-offset: 24px; } #dashtodockContainer.dashtodock #dash .dash-background { background: #1d1d1d; } #dashtodockContainer.dashtodock .progress-bar { /* Customization of the progress bar style, e.g.: -progress-bar-background: rgba(0.8, 0.8, 0.8, 1); -progress-bar-border: rgba(0.9, 0.9, 0.9, 1); */ } #dashtodockContainer.top #dash .placeholder, #dashtodockContainer.bottom #dash .placeholder { width: 32px; height: 1px; } /* * This is applied to a dummy actor. Only the alpha value for the background and border color * and the transition-duration are used */ #dashtodockContainer.dummy-opaque { background-color: rgba(0, 0, 0, 0.8); border-color: rgba(0, 0, 0, 0.4); transition-duration: 300ms; } /* * This is applied to a dummy actor. Only the alpha value for the background and border color * and the transition-duration are used */ #dashtodockContainer.dummy-transparent { background-color: rgba(0, 0, 0, 0.2); border-color: rgba(0, 0, 0, 0.1); transition-duration: 500ms; } #dashtodockContainer .number-overlay { color: white; background-color: rgba(0, 0, 0, 0.8); text-align: center; } #dashtodockContainer .notification-badge { color: white; background-color: red; padding: 0.2em 0.5em; border-radius: 1em; font-weight: bold; text-align: center; margin: 2px; } #dashtodockPreviewSeparator.popup-separator-menu-item-horizontal { width: 1px; height: auto; border-right-width: 1px; margin: 32px 0px; } .dashtodock-app-well-preview-menu-item { padding: 1em 1em 0.5em 1em; } #dashtodockContainer .metro .overview-icon { border-radius: 0px; } #dashtodockContainer.bottom .metro.running2.focused, #dashtodockContainer.top .metro.running2.focused { background-image: url("./media/highlight_stacked_bg.svg"); background-position: 0px 0px; background-size: contain; } #dashtodockContainer.left .metro.running2.focused, #dashtodockContainer.right .metro.running2.focused { background-image: url("./media/highlight_stacked_bg_h.svg"); background-position: 0px 0px; background-size: contain; } #dashtodockContainer.bottom .metro.running3.focused, #dashtodockContainer.top .metro.running3.focused { background-image: url("./media/highlight_stacked_bg.svg"); background-position: 0px 0px; background-size: contain; } #dashtodockContainer.left .metro.running3.focused, #dashtodockContainer.right .metro.running3.focused { background-image: url("./media/highlight_stacked_bg_h.svg"); background-position: 0px 0px; background-size: contain; } #dashtodockContainer.bottom .metro.running4.focused, #dashtodockContainer.top .metro.running4.focused { background-image: url("./media/highlight_stacked_bg.svg"); background-position: 0px 0px; background-size: contain; } #dashtodockContainer.left .metro.running4.focused, #dashtodockContainer.right .metro.running4.focused { background-image: url("./media/highlight_stacked_bg_h.svg"); background-position: 0px 0px; background-size: contain; } /* Yaru Dock styling */ #dashtodockContainer.bottom #dash, #dashtodockContainer.bottom.dashtodock #dash, #dashtodockContainer.bottom.shrink #dash { margin: 0px; padding: 0px; } #dashtodockContainer.bottom #dash .dash-background, #dashtodockContainer.bottom.dashtodock #dash .dash-background, #dashtodockContainer.bottom.shrink #dash .dash-background { background: rgba(19, 19, 19, 0.75); transition-duration: 250ms; } #dashtodockContainer.bottom #dash .dash-separator, #dashtodockContainer.bottom.dashtodock #dash .dash-separator, #dashtodockContainer.bottom.shrink #dash .dash-separator { background: rgba(238, 238, 236, 0.3); } #dashtodockContainer.bottom.overview #dash .dash-background, #dashtodockContainer.bottom.overview.dashtodock #dash .dash-background, #dashtodockContainer.bottom.overview.shrink #dash .dash-background { background-color: #131313; } #dashtodockContainer.bottom.extended #dash .dash-background, #dashtodockContainer.bottom.extended.dashtodock #dash .dash-background, #dashtodockContainer.bottom.extended.shrink #dash .dash-background { border: none; } #dashtodockContainer.bottom .dash-item-container .show-apps, #dashtodockContainer.bottom .dash-item-container .app-well-app, #dashtodockContainer.bottom .dash-item-container .grid-search-result { border-radius: 18px; } #dashtodockContainer.bottom .dash-item-container .show-apps:active .overview-icon, #dashtodockContainer.bottom .dash-item-container .show-apps:checked .overview-icon, #dashtodockContainer.bottom .dash-item-container .app-well-app:active .overview-icon, #dashtodockContainer.bottom .dash-item-container .grid-search-result:active .overview-icon, #dashtodockContainer.bottom .dash-item-container .app-well-app:checked .overview-icon, #dashtodockContainer.bottom .dash-item-container .grid-search-result:checked .overview-icon { background-color: rgba(255, 255, 255, 0.25); box-shadow: none; } #dashtodockContainer.bottom .notification-badge { background-color: #109b26; border: 1px solid #0c6d1a; box-shadow: -1px 1px 5px 0px rgba(0, 0, 0, 0.5); } #dashtodockContainer.top #dash, #dashtodockContainer.top.dashtodock #dash, #dashtodockContainer.top.shrink #dash { margin: 0px; padding: 0px; } #dashtodockContainer.top #dash .dash-background, #dashtodockContainer.top.dashtodock #dash .dash-background, #dashtodockContainer.top.shrink #dash .dash-background { background: rgba(19, 19, 19, 0.75); transition-duration: 250ms; } #dashtodockContainer.top #dash .dash-separator, #dashtodockContainer.top.dashtodock #dash .dash-separator, #dashtodockContainer.top.shrink #dash .dash-separator { background: rgba(238, 238, 236, 0.3); } #dashtodockContainer.top.overview #dash .dash-background, #dashtodockContainer.top.overview.dashtodock #dash .dash-background, #dashtodockContainer.top.overview.shrink #dash .dash-background { background-color: #131313; } #dashtodockContainer.top.extended #dash .dash-background, #dashtodockContainer.top.extended.dashtodock #dash .dash-background, #dashtodockContainer.top.extended.shrink #dash .dash-background { border: none; } #dashtodockContainer.top .dash-item-container .show-apps, #dashtodockContainer.top .dash-item-container .app-well-app, #dashtodockContainer.top .dash-item-container .grid-search-result { border-radius: 18px; } #dashtodockContainer.top .dash-item-container .show-apps:active .overview-icon, #dashtodockContainer.top .dash-item-container .show-apps:checked .overview-icon, #dashtodockContainer.top .dash-item-container .app-well-app:active .overview-icon, #dashtodockContainer.top .dash-item-container .grid-search-result:active .overview-icon, #dashtodockContainer.top .dash-item-container .app-well-app:checked .overview-icon, #dashtodockContainer.top .dash-item-container .grid-search-result:checked .overview-icon { background-color: rgba(255, 255, 255, 0.25); box-shadow: none; } #dashtodockContainer.top .notification-badge { background-color: #109b26; border: 1px solid #0c6d1a; box-shadow: -1px 1px 5px 0px rgba(0, 0, 0, 0.5); } #dashtodockContainer.left #dash, #dashtodockContainer.left.dashtodock #dash, #dashtodockContainer.left.shrink #dash { margin: 0px; padding: 0px; } #dashtodockContainer.left #dash .dash-background, #dashtodockContainer.left.dashtodock #dash .dash-background, #dashtodockContainer.left.shrink #dash .dash-background { background: rgba(19, 19, 19, 0.75); transition-duration: 250ms; } #dashtodockContainer.left #dash .dash-separator, #dashtodockContainer.left.dashtodock #dash .dash-separator, #dashtodockContainer.left.shrink #dash .dash-separator { background: rgba(238, 238, 236, 0.3); } #dashtodockContainer.left.overview #dash .dash-background, #dashtodockContainer.left.overview.dashtodock #dash .dash-background, #dashtodockContainer.left.overview.shrink #dash .dash-background { background-color: #131313; } #dashtodockContainer.left.extended #dash .dash-background, #dashtodockContainer.left.extended.dashtodock #dash .dash-background, #dashtodockContainer.left.extended.shrink #dash .dash-background { border: none; } #dashtodockContainer.left .dash-item-container .show-apps, #dashtodockContainer.left .dash-item-container .app-well-app, #dashtodockContainer.left .dash-item-container .grid-search-result { border-radius: 18px; } #dashtodockContainer.left .dash-item-container .show-apps:active .overview-icon, #dashtodockContainer.left .dash-item-container .show-apps:checked .overview-icon, #dashtodockContainer.left .dash-item-container .app-well-app:active .overview-icon, #dashtodockContainer.left .dash-item-container .grid-search-result:active .overview-icon, #dashtodockContainer.left .dash-item-container .app-well-app:checked .overview-icon, #dashtodockContainer.left .dash-item-container .grid-search-result:checked .overview-icon { background-color: rgba(255, 255, 255, 0.25); box-shadow: none; } #dashtodockContainer.left .notification-badge { background-color: #109b26; border: 1px solid #0c6d1a; box-shadow: -1px 1px 5px 0px rgba(0, 0, 0, 0.5); } #dashtodockContainer.right #dash, #dashtodockContainer.right.dashtodock #dash, #dashtodockContainer.right.shrink #dash { margin: 0px; padding: 0px; } #dashtodockContainer.right #dash .dash-background, #dashtodockContainer.right.dashtodock #dash .dash-background, #dashtodockContainer.right.shrink #dash .dash-background { background: rgba(19, 19, 19, 0.75); transition-duration: 250ms; } #dashtodockContainer.right #dash .dash-separator, #dashtodockContainer.right.dashtodock #dash .dash-separator, #dashtodockContainer.right.shrink #dash .dash-separator { background: rgba(238, 238, 236, 0.3); } #dashtodockContainer.right.overview #dash .dash-background, #dashtodockContainer.right.overview.dashtodock #dash .dash-background, #dashtodockContainer.right.overview.shrink #dash .dash-background { background-color: #131313; } #dashtodockContainer.right.extended #dash .dash-background, #dashtodockContainer.right.extended.dashtodock #dash .dash-background, #dashtodockContainer.right.extended.shrink #dash .dash-background { border: none; } #dashtodockContainer.right .dash-item-container .show-apps, #dashtodockContainer.right .dash-item-container .app-well-app, #dashtodockContainer.right .dash-item-container .grid-search-result { border-radius: 18px; } #dashtodockContainer.right .dash-item-container .show-apps:active .overview-icon, #dashtodockContainer.right .dash-item-container .show-apps:checked .overview-icon, #dashtodockContainer.right .dash-item-container .app-well-app:active .overview-icon, #dashtodockContainer.right .dash-item-container .grid-search-result:active .overview-icon, #dashtodockContainer.right .dash-item-container .app-well-app:checked .overview-icon, #dashtodockContainer.right .dash-item-container .grid-search-result:checked .overview-icon { background-color: rgba(255, 255, 255, 0.25); box-shadow: none; } #dashtodockContainer.right .notification-badge { background-color: #109b26; border: 1px solid #0c6d1a; box-shadow: -1px 1px 5px 0px rgba(0, 0, 0, 0.5); } (uuay)checkbox-off-blue.svg � <svg width="24" height="24" xmlns="http://www.w3.org/2000/svg"><rect x="1.5" y="1.5" width="21" height="21" rx="3" fill="#bababa" stroke="#c7c7c7" stroke-linejoin="round" style="fill:#F7F7F7;stroke:#d4d4d4"/></svg> (uuay)toggle-on-sage.svg Q <svg viewBox="0 0 48 26" xmlns="http://www.w3.org/2000/svg"><g transform="translate(0 -291.18)"><rect y="291.18" width="48" height="26" rx="13" ry="13" fill="#657B69"/><rect x="24" y="294.18" width="22" height="22" rx="11" ry="11" fill-opacity=".2"/><rect x="24" y="293.18" width="22" height="22" rx="11" ry="11" fill="#fff"/></g></svg> (uuay)checkbox-sage-dark.svg G <svg width="24" height="24" xmlns="http://www.w3.org/2000/svg"><rect x="1.5" y="1.5" width="21" height="21" fill="#657B69" stroke="#657B69" stroke-linejoin="round" style="stroke-width:1" rx="3"/><path d="m20.16 7.527-1.253-1.414-.118.104-8.478 7.426-4.97-4.263-1.503 1.699 6.474 6.811z" fill="#fff" fill-rule="evenodd"/></svg> (uuay)checkbox-off-purple.svg � <svg width="24" height="24" xmlns="http://www.w3.org/2000/svg"><rect x="1.5" y="1.5" width="21" height="21" rx="3" fill="#bababa" stroke="#c7c7c7" stroke-linejoin="round" style="fill:#F7F7F7;stroke:#d4d4d4"/></svg> (uuay)checkbox-off-focused-bark-dark.svg � <svg width="24" height="24" xmlns="http://www.w3.org/2000/svg"><rect x="1.5" y="1.5" width="21" height="21" fill="#4a4a4a" stroke="#a4a484" stroke-linejoin="round" rx="3" style="fill:#222222"/></svg> (uuay)dash-placeholder.svg � <svg viewBox="0 0 76 27" xmlns="http://www.w3.org/2000/svg"><defs><radialGradient id="a" cx="49" cy="488" r="38" gradientTransform="matrix(1 0 0 .34868 0 317.84)" gradientUnits="userSpaceOnUse"><stop stop-color="#fff" offset="0"/><stop stop-color="#fff" stop-opacity="0" offset="1"/></radialGradient><radialGradient id="b" cx="50.5" cy="487.5" r="10.5" gradientUnits="userSpaceOnUse"><stop stop-color="#fff" offset="0"/><stop stop-color="#fff" stop-opacity="0" offset="1"/></radialGradient></defs><g transform="translate(-11 -473.998)" color="#000"><rect x="11" y="487" width="76" height="2" rx="0" ry="0" fill="url(#a)" opacity=".494"/><path transform="translate(-14.429 -139.29) scale(1.2857)" d="M61 487.5c0 5.799-4.701 10.5-10.5 10.5S40 493.299 40 487.5 44.701 477 50.5 477 61 481.701 61 487.5z" fill="url(#b)" opacity=".431"/><path d="M55.077 487.501a4.577 4.577 0 1 1-9.154 0 4.577 4.577 0 0 1 9.154 0z" fill="#fff"/></g></svg> (uuay)theme/ a 3 � W ; J { � O f g � 1 + V b F s 8 N k E Q � h D P ] � � � [ � " � � B l x < u q � 6 S y � , 0 T * j - o \ � � X L w � v � = : 2 � c � / Y � 7 % i � ? H Z � > K r U ! } C & 4 n | ~ m d A � � # p _ ` ) . � � R z checkbox-off-viridian.svg � <svg width="24" height="24" xmlns="http://www.w3.org/2000/svg"><rect x="1.5" y="1.5" width="21" height="21" rx="3" fill="#bababa" stroke="#c7c7c7" stroke-linejoin="round" style="fill:#F7F7F7;stroke:#d4d4d4"/></svg> (uuay)
Close