Sindbad~EG File Manager
| Current Path : /etc/alternatives/ |
|
|
| Current File : //etc/alternatives/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)
Sindbad File Manager Version 1.0, Coded By Sindbad EG ~ The Terrorists